clientAction test results are not as expected

[naomei]

overview

• I am using SPA mode
• I am using vitest(^1.3.1) and react-testing-library(^14.2.1)
• Giving a mock function to the action of createRemixStub
• I want to make sure that toHaveReturnedWith in that function works correctly

problem

toHaveReturnedWith always seems to return undefined.

// component
export const clientAction = async (arg: ActionFunctionArgs) => {
  return {name: null}; // Returns this data fixedly
};

// test
expect(fn).toHaveReturnedWith({name: null});  // Test failed. The result is undefined

[naomei]

Instead of matching with toHaveReturnedWith,
Using toBeCalledWith produced the desired result.

const RemixStub = createRemixStub([
    {
      ...,
      action: async ({ request }) => {
        const formData = await request.formData();
        const obj = Object.fromEntries(formData);
        fn(obj);
        return null;
      },
    },
]);

expect(fn).toBeCalledWith({
  name: null,
}); 

[naomei]

Is there no other good way? 🤔