Styde

Styde es una nueva comunidad de desarrollo web en español. Con nosotros podrás aprender Laravel, PHP y otras tecnologías, desde tutoriales básicos gratuitos hasta cursos avanzados a bajo costo, de la mano de profesionales con años de experiencia.

Curso de Testing con Vue.js 2

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.

Lecciones

Parte 1: Primeros pasos

1. Instalación de Jest y vue-test-utils
2. Configuración de babel-jest y uso de mount
3. Métodos find(), trigger(), html() y text()
4. Computed properties y métodos
5. Métodos findAll(), exists() y contains()
6. Métodos isVisible(), is(), isEmpty() y classes()

Parte 2: Comunicación entre componentes

7. Comprobar que un componente renderiza otro
8. Probando paso de props entre componentes
9. Sustituyendo la implementación de componentes con stubs y shallow
10. Comprobar eventos emitidos desde un componente hijo hacia el padre
11. Pruebas de slots con vue-test-utils

Parte 3: Integración con plugins

12. Pruebas con plugins: uso de localVue y mocks
13. Utilizando mocks de Jest con librerías externas
14. async / await con jest y vue-test-utils
15. Probar router-link y $route
16. Probando el state y los getters de Vuex
17. Probando la integración del state y los getters de Vuex
18. Probando acciones y mutaciones del store con Jest
19. Implementando las acciones del store de Vuex en el componente

Parte 4: Resumen y Snapshots

20. Mostrando nuestra App de Vue en el navegador
21. Invocando mutaciones desde una computed property
22. Snapshot testing con Jest en Vue.js

En Styde.net también puedes aprender a:

• Programar mejor con el Curso de programación orientada a objetos con PHP
• Crear páginas web interactivas en el Curso de Vue 2
• Manejar mejor tu terminal con el Curso básico de terminal
• Controlar las versiones de tu proyecto con el Curso de Git y GitHub
• Escribir CSS de manera eficiente con el Curso de Sass a fondo
• Y mucho más

© 2018 Styde.net