Testing

Cuando el proyecto es creado mediante create-react-app está configurado con todo el entorno de testing. Al utilizar vite es necesario instalar de manera manual todas las dependecias para preparar el entorno.

Testing Library / Jest

npm i --save-dev @testing-library/react @testing-library/jest-dom @testing-library/user-event jest jest-environment-jsdom esbuild-jest identity-obj-proxy unplugin-clear-testid

Dependencia	Uso
@testing-library/react	Set de utilidades de testing para React.
@testing-library/jest-dom	Conector de testing-library con Jest.
@testing-library/user-event	Simulador avanzado de interacciones con el navegador.
jest	Testing Framework.
jest-environment-jsdom	Implementación del DOM en JavaScript para Jest.
esbuild-jest	Permite usar Jest con esBuild.
identity-obj-proxy	Mockear módulos.
unplugin-clear-testid	Permite eliminar todos los atributos test-id del HTML.

Docs

• Testing Library
• Testing Library React
• Jest

Cypress

npm i --save-dev cypress @testing-library/cypress

Dependencia	Uso
cypress	e2e Testing Framework.
@testing-library/cypress	Añade compatibilidad con Testing Library.

Docs

• Testing Library Cypress
• Cypress

Docs

• Proyecto