Files
supabase/apps/studio/tests/pages/projects/reports/api-report.test.tsx
T
Ivan Vasilov cb1e3a8170 chore: Prep work for pnpm (#29610)
* Add all missing libraries in the packages/apps.

* Add all missing Vitest imports to the tests.

* Add some missing exports to ui.

* Fix the admonition export.

* Fix various minor bugs.

* Migrate the ui package to use vitest.
2024-10-01 11:29:37 +02:00

23 lines
1.0 KiB
TypeScript

import { screen } from '@testing-library/react'
import { test } 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 🙏
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/)
})