JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 190
  • Score
    100M100P100Q77862F
  • License ISC

Helper function for Jest + RAF

Package Exports

  • mock-request-animation-frame
  • mock-request-animation-frame/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (mock-request-animation-frame) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Mock Request Animation Frame

npm npm

Installation

yarn add -D mock-request-animation-frame

or

npm i -D mock-request-animation-frame

Disclaimer

These helper functions are intended to be used with Jest.

Getting started

This module now comes with 2 helper functions! Specially designed for tests on components that use Adobe React Spectrum.

  1. mockRequestAnimationFrame - It will fully mock a request animation frame (RAF). There are various components that leverage RAFs for rendering causing tests to break.

  2. mockClientWindow - It will mock the height and width of the window object. Some components need dimensions for rendering, also breaking jest tests if not mocked.

You will have to call this helper functions in each test file that will encounter a RAF or needs window dimensions while executing.

Behind the scenes these functions use beforeEach, afterEach, beforeAll and afterAll thus it may be run at the top level of the file or at the top level of your describe statements see the examples below for more details.

Examples

// one-of-your-test-files
import { mockRequestAnimationFrame } from "mock-request-animation-frame";

mockRequestAnimationFrame();

// Run your tests here

or

import { mockClientWindow } from "mock-request-animation-frame";

describe("example test", () => {
    mockClientWindow();

    // Run your tests here
});

       

Happy testing! 🔬