Example of how to test `requestAnimationFrame` with Jest.

requestAnimationFrame.test.js

import React from 'react';
import { render } from 'react-dom';

// Test subject.
import MyComponent from './MyComponent';

// ====================
// Describe `fileName`.
// ====================

describe('EXAMPLE DESCRIBE', () => {
  // ======
  // Setup.
  // ======

  beforeEach(() => {
    // Fake timers.
    jest.useFakeTimers();

    // Override.
    window.requestAnimationFrame = (f) => setTimeout(() => f(), 0);
  });

  // =====
  // Test.
  // =====

  test('EXAMPLE TEST', () => {
    // ============
    // Dummy props.
    // ============

    const props = {
      foo: true,
    };

    // =======
    // Render.
    // =======

    const component = <MyComponent {...props} />;
    const container = document.createElement('div');
    render(component, container);

    // =============
    // Fast forward.
    // =============

    jest.runAllTimers();

    /*
      NOTE:

      By the time you get to here, anything dependent
      on `requestAnimationFrame` should now be ready.
    */

    expect(true).toBe(true);
  });
});