juanpms2/9_react_testing_exercise

Práctica del módulo 9 del máster. Testing en React con Jest y Cypress. Integración continua en Travis y Circle CI.

React Testing Exercise witch Jest and Cypress

Travis CI	Circle CI

Instalación de librerías

En este proyecto de React instalaremos las siguientes librerías:

React Testing Library

npm install @testing-library/react --save-dev

react-hooks-testing-library

npm install --save-dev @testing-library/react-hooks react-test-renderer

jest-dom library

npm install --save-dev @testing-library/jest-dom

cypress io

npm install cypress -D

---

La integración continua se ha hecho en Travis para Jest (unit tests) y en Circle CI para Cypress (e2e) y Jest.

Tanto Jest como Cypress tienen su archivo README con la documentación y código utilizado.

---

Configuración de debug en VSCode

Creamos el archivo de configuración para hacer debug en VSCode. En nuestro caso crearemos un sigle test, otro con --wathAll y otro para ejecutar un archivo específico de test:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Jest single run",
      "program": "${workspaceRoot}/node_modules/jest/bin/jest.js",
      "args": [
        "-c",
        "./config/test/jest.json",
        "--verbose",
        "-i",
        "--no-cache"
      ],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    },
    {
      "type": "node",
      "request": "launch",
      "name": "Jest watch run",
      "program": "${workspaceRoot}/node_modules/jest/bin/jest.js",
      "args": [
        "-c",
        "./config/test/jest.json",
        "--verbose",
        "-i",
        "--no-cache",
        "--watchAll"
      ],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    },
    {
      "type": "node",
      "request": "launch",
      "name": "Jest selected file",
      "program": "${workspaceRoot}/node_modules/jest/bin/jest.js",
      "args": [
        "${fileBasenameNoExtension}",
        "-c",
        "./config/test/jest.json",
        "--verbose",
        "-i",
        "--no-cache",
        "--watchAll"
      ],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }
  ]
}