How do you re-render after action is triggered in createRoutesStub?

[zanonnicola]

Hi,

when testing a component using createRoutesStub how do you validate that an action has had an effect on the data displaying in the UI?

const mockLoaderData = {field: 'A'}

const Stub = createRoutesStub([
    {
      path: '/mypath',
      Component: DocumentPageView,
      loader() {
        return mockLoaderData;
      },
      action() {
        mockLoaderData['field'] = 'B'
        return {};
      },
    },
  ]);

When the component is mount and the action is triggered via click the component is never re-rendered. I was expecting the loader() function to be called again.

How do you test mutations via actions?