How do you trigger a re-render when testing action with createRoutesStub?

[zanonnicola]

I'm doing some component testing with Cypress and I have a setup similar to this one:

const mockLoaderData = {...};

const Stub = createRoutesStub([
      {
        path: documentIdRoutePath,
        Component: MyComponent,
        loader: () => mockLoaderData,
        action: () => (
          // this action should modify mockLoaderData
        ),
      },
    ])

 cy.mount(<Stub initialEntries={['/path']} />);

Is there a way to test that the component re-renders with the data changed after the action has been triggered?

The action here doesn't return anything (void) it actually modifies the data that the loader will then return

How do you test action with react router using this setup?

Thanks!

[ArthurGuez]

Hi @zanonnicola, did you find a solution? I'm struggling with the same issue.

[zanonnicola]

@ArthurGuez no, it seems not to be possible. Ended up testing differently the e2e "action and reload" with Cypress e2e test (+ MSW).

Might be worthy to open a feature request for this case. I think it would be useful