// testHelpers.ts
export const render = (component: ReactElement): RenderResult => {
return render(<AppProviders>{component}</AppProviders>)
}
// app.tsx
const queryClient = new QueryClient({
defaultOptions: {
queries: {
retry: false,
cacheTime: 0,
refetchOnWindowFocus: false,
},
},
})
export const AppProviders: FC<PropsWithChildren> = ({ children }) => {
return (
<HelmetProvider>
<ThemeProvider theme={dark}>
<CssBaseline />
<ErrorBoundary>
<QueryClientProvider client={queryClient}>
<AuthProvider>
{children}
<GlobalSnackbar />
</AuthProvider>
</QueryClientProvider>
</ErrorBoundary>
</ThemeProvider>
</HelmetProvider>
)
}
// brokenTest.test.tsx
it("shows a toggle switch if user has read all permissions", async () => {
const MockReadAllTokenPermissions: AuthorizationResponse = {
readAllApiKeys: true,
}
server.use(
rest.get("/api/v2/authcheck", (req, res, ctx) => {
return res(ctx.status(200), ctx.json(MockReadAllTokenPermissions))
}),
)
const { container } = render(<TokensPage />)
const { result } = renderHook(() => useCheckTokenPermissions(), {
container,
})
await waitFor(() => expect(result.current.isSuccess).toBe(true))
...
// testHelpers.ts
export const render = (component: ReactElement): RenderResult => {
return render(<AppProviders>{component}</AppProviders>)
}
// app.tsx
const queryClient = new QueryClient({
defaultOptions: {
queries: {
retry: false,
cacheTime: 0,
refetchOnWindowFocus: false,
},
},
})
export const AppProviders: FC<PropsWithChildren> = ({ children }) => {
return (
<HelmetProvider>
<ThemeProvider theme={dark}>
<CssBaseline />
<ErrorBoundary>
<QueryClientProvider client={queryClient}>
<AuthProvider>
{children}
<GlobalSnackbar />
</AuthProvider>
</QueryClientProvider>
</ErrorBoundary>
</ThemeProvider>
</HelmetProvider>
)
}
// brokenTest.test.tsx
it("shows a toggle switch if user has read all permissions", async () => {
const MockReadAllTokenPermissions: AuthorizationResponse = {
readAllApiKeys: true,
}
server.use(
rest.get("/api/v2/authcheck", (req, res, ctx) => {
return res(ctx.status(200), ctx.json(MockReadAllTokenPermissions))
}),
)
const { container } = render(<TokensPage />)
const { result } = renderHook(() => useCheckTokenPermissions(), {
container,
})
await waitFor(() => expect(result.current.isSuccess).toBe(true))
...