Vite + Jest + React Testing Library

jest-set-up.md

Jest + React Testing Library

React + Vite

1. Instalaciones:

npm install -D jest babel-jest @babel/preset-env @babel/preset-react 
npm install -D @testing-library/react @types/jest jest-environment-jsdom

2. if Fetch API:

npm install -D whatwg-fetch

3. package.json

"scripts: {
  ...
  "test": "jest --watchAll"

4. babel.config.js

module.exports = {
    presets: [
        [ '@babel/preset-env', { targets: { esmodules: true } } ],
        [ '@babel/preset-react', { runtime: 'automatic' } ],
    ],
};

5. Jest config & setup:

jest.config.js

module.exports = {
    testEnvironment: 'jest-environment-jsdom',
    setupFiles: ['./jest.setup.js']
}

jest.setup.js

import 'whatwg-fetch';