jest: requestAnimationFrame does not invoke callback (v22, jsdom: latest version)

You can mock requestAnimationFrame with your own implementation.

Here is a workaround:

beforeEach(() => {
  jest.spyOn(window, 'requestAnimationFrame').mockImplementation(cb => cb());
});

afterEach(() => {
  window.requestAnimationFrame.mockRestore();
});

I can replace requestAnimationFrame with my own implementation like this (bit naive, but fine if I just want to advance timers)

global.requestAnimationFrame = fn => setTimeout(fn, 16);

But it must go inside setup-jest file, as if its inside my test file, it doesn’t work. (probably global is different between the two, I’m running JSDOM 15 and jest 24.8.0)

(I have used this approach to test react-spring components and it works pretty well)

That’s just async javascript for you.

You can open up a separate feature request for fakeTimers to work with raf (PR welcome as well!), but closing this as raf does work as it should in Jest 22