'How to mock "new Date()" which is inside functional component?

  1. I have the functional component "order". It has a lot of unimportant code (in this context I mean) and there are a few "new Date()" calls.
  2. When the test snapshot of this component is creating, "new Date()" returns the current date object. Hence if I run test for this component at least one moment later, snapshots will differ from each other.
  3. Thus I have tried to mock "new Date()" somehow like this:
    import renderer from 'react-test-renderer';

    test('TestName', async () => {
        let componentRenderer = null;

        const now = new Date('2000-01-01T10:00:00.135Z');
        jest.spyOn(global, 'Date').mockImplementation(() => now);
        await renderer.act(async () => {
          componentRenderer = await renderer.create(<Order orderId={0} />);
        });

        const orderFormComponent = componentRenderer.toJSON();
        expect(orderFormComponent).toMatchSnapshot();
      });
  1. It doesn't work at all. It is always a regular "new Date()" call. I mean it works just fine if you call it right in the testing code below the mock lines. But I need mocked "new Date()" to be called inside my functional component when it is being created here:

    renderer.create(<Order orderId={0} />)



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source