Curso de Unit Testing con Jest en React

Clases del Curso de Unit Testing con Jest en React

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Básico
2 horas de contenido
Ver la ruta de aprendizaje
Curso de Unit Testing con Jest en React

Curso de Unit Testing con Jest en React

Progreso del curso:0/16contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/16contenidos(0%)

Bienvenida

Material Thumbnail

Bienvenido al Curso de Jest

01:09 min

Material Thumbnail

¿Qué es un Test? ¿Qué tipos de Test Existen? Jest

03:19 min

Introducción a Jest

Material Thumbnail

Preparación del entorno con Jest

09:07 min

Material Thumbnail

Implementando pruebas para Boolean y Array

08:20 min

Material Thumbnail

Implementando pruebas a promesas

08:30 min

Usando Jest con React

Material Thumbnail

Preparar proyecto

13:35 min

Material Thumbnail

Implementar provider mock

14:15 min

Material Thumbnail

Probar peticiones fetch

10:12 min

Deploy y CI con Travis

Material Thumbnail

Probando el proyecto antes de hacer deploy

07:49 min

Material Thumbnail

Recapitulación y cierre

00:56 min

nuevosmás votadossin responder
Juan David González Rodríguez
Juan David González Rodríguez
Estudiante

Que libreria recomiendan para trabajar test en jest ? enzyme o testing-library-react ? 😄 he notado que usan mucho testing-library-react

2
Rodrigo Esparza
Rodrigo Esparza
Estudiante

En mi caso tengo la capeta de este proyecto junto con otras carpetas, por lo que modifique mi yml de la sig manera

language: node_js
cache:
directories:
- ~/.npm
node_js:

  • '14’
    git:
    depth: 3
    script:
  • yarn --cwd platzi-store-jest-01-react-jest/ test
  • yarn --cwd platzi-store-jest-01-react-jest/ build
    deploy:
    provider: pages
    edge: true
    skip-cleanup: true
    keep-history: true
    github-token: $GITHUB_TOKEN
    local-dir: platzi-store-jest-01-react-jest/dist/
    target-branch: gh-pages
    commit_message: "Deploy release ${TRAVIS_TAG}"
    on:
    branch: master

Sin embargo al ver los logs del build, me sale un error de que no se encuentra “jest” ni “webpack”, veo que no se esta corriendo el comando “npm install” despues de instalar npm. Alguien sabe algo de esto?

2
David Cervantes Arrioja
David Cervantes Arrioja
Estudiante

¿Jest funciona con React Native?

2
dulcineap
dulcineap
Estudiante

Hay forma de que se corran los tests cada cierto tiempo automáticamente? Por ejemplo, si ya tengo mi aplicación deployada en algun lado pero quiero que los tests se corran una vez cada semana para validar que todo sigue funcionado, ¿hay manera?

2
Jorge Hurtado
Jorge Hurtado
Estudiante

No mencionas que es un Adapter. ¿Qué es un adapter?

3
Pablo Nicolás Alonso
Pablo Nicolás Alonso
Estudiante

Error:
Veo que a nadie le salió lo mismo…

 FAIL  src/__test__/components/Header.test.js
  ● Test suite failed to run

    Invariant failed: Browser history needs a DOM

       8 |
       9 | const store = createStore(reducer, initialState);
    > 10 | const history = createBrowserHistory();
         |                 ^
      11 |
      12 | const ProviderMock = props => (
      13 |   <Provider store={store}>

      at invariant (node_modules/tiny-invariant/dist/tiny-invariant.cjs.js:13:11)
      at createBrowserHistory (node_modules/history/cjs/history.js:273:16)
      at Object.<anonymous> (src/__mocks__/ProviderMock.js:10:17)
      at Object.<anonymous> (src/__test__/components/Header.test.js:3:1)
3
Cesar Eliezer Gomez Gutierrez
Cesar Eliezer Gomez Gutierrez
Estudiante

¿Alguien sabe como hacer para que Jest no marque error con “import” y “export” cuando se trabaja con Next.js y TypeScript?

2
Manuel Durán
Manuel Durán
Estudiante

Me da el error:

It looks like you called mount() without a global document being loaded.

No estoy muy seguro del por que

5
Raphael Martinez
Raphael Martinez
Estudiante

Porque la configuración del setupTest y que hace bien eso de enzyme, porque se está usando ?
Estaría bueno que se explicara mejor cada cosa, creo que el curso pareciera más un tutorial paso a paso.

4
July Andrea Suarez Suarez
July Andrea Suarez Suarez
Estudiante

Buenos dias tambien se podria hacer con typeScript?

3