diff --git a/studio/tests/pages/projects/reports/api-report.test.js b/studio/tests/pages/projects/reports/api-report.test.js index 92cb474d077..42fa59c5b44 100644 --- a/studio/tests/pages/projects/reports/api-report.test.js +++ b/studio/tests/pages/projects/reports/api-report.test.js @@ -3,6 +3,7 @@ import { render } from '../../../helpers' import { waitFor, screen } from '@testing-library/react' import { ApiReport } from 'pages/project/[ref]/reports/api-overview' import userEvent from '@testing-library/user-event' +import Container from 'tests/setup/container' beforeEach(() => { // reset mocks between tests @@ -20,7 +21,11 @@ test(`static elements`, async () => { }) test('refresh button', async () => { - render() + render( + + + + ) await waitFor(() => expect(get).toBeCalled()) get.mockReset() userEvent.click(await screen.findByText(/Refresh/)) diff --git a/studio/tests/setup/container.js b/studio/tests/setup/container.js new file mode 100644 index 00000000000..11128179d5f --- /dev/null +++ b/studio/tests/setup/container.js @@ -0,0 +1,10 @@ +import * as Tooltip from '@radix-ui/react-tooltip' +/** + * Test renders can be wrapped in this container if it requires the Providers needed + */ + +export default (props) => ( + <> + {props.children} + +)