Hoy empecé con las pruebas para el proyecto de GIF-EXPERT-APP el detalle estuvo en que tuve problemas para instalar, pero de ahí guiándome y depurando me di cuenta de que era por las dependencias y que tengo que instalar, normalmente los pasos a seguir son:

Instalación y configuración de Jest + React Testing Library

En proyectos de React + Vite

  1. Instalaciones:
npm install --save-dev jest
npm install --save-dev babel-jest @babel/core @babel/preset-env @babel/preset-react
npm install --save-dev @testing-library/react @types/jest jest-environment-jsdom
    1. Opcional: Si usamos Fetch API en el proyecto:
npm i --save-dev isomorphic-fetch
npm i --save-dev whatwg-fetch
  1. Actualizar los scripts del package.json
"scripts: {
  ...
  "test": "jest --watchAll"
  1. Crear la configuración de babel babel.config.cjs
module.exports = {
    presets: [
        [ '@babel/preset-env', { targets: { esmodules: true } } ],
        [ '@babel/preset-react', { runtime: 'automatic' } ],
    ],
};
  1. Opcional, pero eventualmente necesario, crear Jest config y setup:

    jest.config.cjs

module.exports = {
    testEnvironment: 'jest-environment-jsdom',
    setupFiles: ['./jest.setup.js']
}
jest.setup.js
import 'isomorphic-fetch';
import "whatwg-fetch"
  1. Opcional, para instalar los propTypes
npm i prop-types