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}
+ >
+)