How to make a unit testing helper?
I'm trying to come up with a reusable unit testing helper that wraps components in the necessary RouteTree + QueryClientProvider. However I'm finding that hooks like
The issue seems to be that the
I've created a basic reproduction in StackBlitz @ https://stackblitz.com/edit/vitejs-vite-5wm5gn?file=src%2FWorkflows.spec.tsx. You can run the tests via
For those who dont want to check out the stackblitz, I'm using a test helper which is almost a direct copy-paste of one shared previously in this Discord @ router mock for tests and stories . I'll put the code in the comment below this one due to Discord character limits.
In general, if someone has a viable render setup that works for unit testing components and enabling all the TSR hooks I'd love to see how you're solving that. All of the example tests I found in the TSR GitHub (eg https://github.com/TanStack/router/blob/main/packages/react-router/tests/link.test.tsx#L840) involve manually creating a route tree for each test, which seems like a sizable amount of boilerplate for devs to write in every test file
useParamsThe issue seems to be that the
params**workflowIdI've created a basic reproduction in StackBlitz @ https://stackblitz.com/edit/vitejs-vite-5wm5gn?file=src%2FWorkflows.spec.tsx. You can run the tests via
npm run testFor those who dont want to check out the stackblitz, I'm using a test helper which is almost a direct copy-paste of one shared previously in this Discord @ router mock for tests and stories . I'll put the code in the comment below this one due to Discord character limits.
In general, if someone has a viable render setup that works for unit testing components and enabling all the TSR hooks I'd love to see how you're solving that. All of the example tests I found in the TSR GitHub (eg https://github.com/TanStack/router/blob/main/packages/react-router/tests/link.test.tsx#L840) involve manually creating a route tree for each test, which seems like a sizable amount of boilerplate for devs to write in every test file
