Files
Ivan Vasilov dd572efb0d chore: Switch repo to use pnpm (#29928)
* Fix some missing and duplicate dependencies.

* Fix the types for jest in ai-commands package.

* Replace all npm commands with pnpm. Add pnpm files and workspace links.

* Fix rimraf to work with pnpm.

* Refactor the github actions to work with pnpm.

* Delete package-lock.json.

* Fix the tailwind configs to not include node_modules.

* Fix random files.

* Add preinstall scripts to all packages.

* Fix the Dockerfile to work with pnpm.

* Update the DEVELOPERS documentation.
2024-12-20 13:07:20 +01:00

35 lines
1.3 KiB
TypeScript

import { screen } from '@testing-library/react'
import { beforeAll, test, vi } from 'vitest'
import { ApiReport } from 'pages/project/[ref]/reports/api-overview'
import { render } from '../../../helpers'
// [Joshen] Mock data for ApiReport is in __mocks__/hooks/useApiReport
// I don't think this is an ideal set up as the mock data is not clear in this file itself
// But this is the method that worked for me after hours of wrangling with jest.spyOn and jest.mock
// which for some reason none of them worked when I was trying to mock the data within the file itself
// I'd be keen to see how we can do this better if anyone is more familiar to jest 🙏
beforeAll(() => {
vi.mock('nuqs', async () => {
let queryValue = 'example'
return {
useQueryState: () => [queryValue, (v: string) => (queryValue = v)],
parseAsBoolean: {
withDefault: () => true,
},
}
})
})
test(`Render static elements`, async () => {
render(<ApiReport dehydratedState={{}} />)
await screen.findByText('Total Requests')
await screen.findByText('Response Errors')
await screen.findByText('Response Speed')
await screen.findByText('Network Traffic')
await screen.findByText(/Last 24 hours/)
await screen.findByText(/Add filter/)
await screen.findByText(/All Requests/)
})