Bienvenido al Curso de iniciación al Testing de Vue en Styde. Si has decidido que, al fin, quieres empezar a probar tus componentes de Vue, estás en el sitio indicado. En este curso explicaremos de manera muy simple cómo configurar tu entorno para poder ejecutar pruebas y recorreremos el API de la librería oficial de testing de Vue: vue-test-utils.
Probaremos componentes de manera unitaria, comunicación entre ellos, renderizado de HTML, métodos, propiedades computadas, datos etc. Además, aprenderemos en el camino a usar el test runner Jest, que probablemente te encantará, debido a su sencillez, rapidez y cantidad de opciones que nos ofrece.
Parte 1: Primeros pasos
- 1 . Instalación de Jest y vue-test-utils 3:30
- 2 . Configuración de babel-jest y uso de mount 5:15
- 3 . Métodos find(), trigger(), html() y text() 7:45
- 4 . Computed properties y métodos 6:45
- 5 . Métodos findAll(), exists() y contains() 6:00
- 6 . Métodos isVisible(), is(), isEmpty() y classes() 5:45
Parte 2: Comunicación entre componentes
- 7 . Comprobar que un componente renderiza otro 7:25
- 8 . Probando paso de props entre componentes 6:30
- 9 . Sustituyendo la implementación de componentes con stubs y shallow 10:20
- 10 . Comprobar eventos emitidos desde un componente hijo hacia el padre 7:00
- 11 . Pruebas de slots con vue-test-utils 6:05
Parte 3: Integración con plugins
- 12 . Pruebas con plugins: uso de localVue y mocks 7:20
- 13 . Utilizando mocks de Jest con librerías externas 8:40
- 14 . async / await con jest y vue-test-utils 4:45
- 15 . Probar router-link y $route 11:20
- 16 . Probando el state y los getters de Vuex 9:25
- 17 . Probando la integración del state y los getters de Vuex 6:35
- 18 . Probando acciones y mutaciones del store con Jest 13:30
- 19 . Implementando las acciones del store de Vuex en el componente 10:50
Parte 4: Resumen y Snapshots
