You can get benefit by using this lib with react-performance-testing. This lib is created to improve DX for react-performance-test users. You can write test quickly and easy.
Table of Contents
npm install --save-dev jest-performance-testing
yarn add --dev jest-performance-testing
Note: If you are using TypeScript, we are recommending to import this lib in local file like
*.test.ts | *.spec.ts. This is because, we have expanded jest types, so global types are not recognized by some editors if you import this lib in setup file. If you want to import this lib in setup file, please see here testing-library/jest-dom#123 (comment).
This matcher is to check if component is mounted.
You can use
renderTime as bellow.
This matcher is to check if mounted time is less than expected time.
; // ms
This matcher is to check if some updated time are less than expected time.
If you have same render time, you can write as bellow.
// All items are 16ms;
This matcher is to check if number of renders are equality.