Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M448.66 326L388.5 430.151L328.34 326H128L388.5 777L649 326H448.66Z" fill="%234DB983"/>
<path d="M448.047 326.007L388 430.315L327.953 326.007H232L388 597L544 326L448.047 326.007Z" fill="%23435467"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M683.951 125.994C685.699 128.237 685.268 131.456 682.989 133.174L678.883 136.268L773.576 257.764C784.036 271.184 781.451 290.399 767.801 300.684C754.152 310.968 734.608 308.426 724.149 295.006L629.455 173.51L625.315 176.63C623.049 178.337 619.812 177.914 618.074 175.684C616.326 173.441 616.757 170.221 619.036 168.504L676.711 125.048C678.976 123.341 682.213 123.764 683.951 125.994ZM670.645 142.475L712.139 195.126H659.378L637.693 167.303L670.645 142.475Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M761.158 291.888C769.965 285.26 771.558 273.022 764.889 264.475L719.302 206L668.535 206L732.694 288.225C739.457 296.893 752.235 298.604 761.158 291.888Z" fill="%2334C8B6"/>
</svg>)
Curso completo de Testing Frontend en Vue y TypeScript
DISPONIBLE EN MODALIDAD:
En este curso aprenderás a crear proyectos Vue con Typescript robustos a través de la creación de pruebas unitarias, de integración, snapshots y e2e automatizadas.
En este curso aprenderás a crear proyectos Vue con Typescript robustos a través de la creación de pruebas unitarias, de integración, snapshots y e2e automatizadas con Jest, la librería pruebas de Vue y Cypress.
Aprender a probar componentes, Vue Router y Vuex de manera profesional y detallada.
Formación en Testing Frontend en Vue y TypeScript bonificable para empresas
¿A quién va dirigido?
Desarrolladores frontend que quieran aprender a manejar Jest y otras librerías para desarrollar pruebas unitarias y de integración en soluciones VueJS
Objetivos
- Crear proyectos Vue con Typescript robustos a través de la creación de pruebas unitarias, de integración, snapshots y e2e.
- Aprender a desarrollar pruebas con Jest, la librería pruebas de Vue y Cypress
- Aprender a probar componentes, Vue Router y Vuex de manera profesional y detallada
- Automatizar la ejecución de pruebas, obtención de informes y cobertura
- Crear Pipelines en Gitlab CI/CD para ejecutar pruebas unitarias y e2e con Cypress
¿Qué vas a aprender?
En este curso aprenderás a crear proyectos Vue con Typescript robustos a través de la creación de pruebas unitarias, de integración, snapshots y e2e automatizadas con Jest, la librería pruebas de Vue y Cypress. Aprender a probar componentes, Vue Router y Vuex de manera profesional y detallada.
Requisitos
- Tener experiencia desarrollando aplicaciones web con Vue y TypeScript
- Disponer de un equipo con acceso a un usuario con permisos de instalación
- Node y NPM instalados en su última versión
- Vue CLI instalado en su última versión
- Visual Studio Code instalado previamente
Temario del curso
tema 1
Introducción al testing
- Introducción a los fundamentos de pruebas unitarias y de integración
- Introducción a los conceptos de Mocking y Stubbing
- Introducción a los fundamentos de pruebas de snapshot
- Introducción a los fundamentos de pruebas e2e
- Propociones de tipos de tests en proyectos reales
- Introducción al concepto del coverage
- La falacia del 100% de coverage
- ¿Qué ventajas aporta el testing automatizado en un proyecto?
- Metodología TDD
- Preguntas frecuentes acerca de la metodología TDD
- ¿Cuántas pruebas hay que redactar? La regla Goldilock
tema 2
Jest
- Introducción a Jest
- Introducción a librería de pruebas de Vue
- Sintáxis y léxico de Jest
- Test Cases y Test Suites
- Asserts
- Before Each y Before All
- After Each y After All
- Anidando tests suites
- Jest Matchers
- Jest Spies
- Jest Mocks
- Sintaxis para ejecutar determinadas pruebas
- Sintaxis para saltar pruebas durante la ejecución
tema 3
Instalaciones, configuración y puesta en marcha
- Instalación de Eslint y configuración
- Instalación y configuración de Jest en proyectos Vue con Typescript
- Instalación de Babel y configuraciones necesarias
- Escribiendo scripts npm para linting y ejecución de pruebas
- Escribiendo tu primer test unitario con Jest
- Ejecución y análisis de informa generado
- Modificando el script para obtener el coverage del proyecto
- Habilitando Jest en modo Watch
- Habilitando Jest en modo No Cache
- Otras flags y opciones de configuración en la ejecución de jest
- Depuración y puntos de ruptura en tests unitarios
tema 4
Itinerario para crear pruebas en aplicaciones Vue
- Decidiendo qué componentes son necesarios
- Escribiendo tests unitarios para cada componente
- Implementando código a cada componente
- Añadiendo snapshot tests para componentes terminados
- Pruebas manuales en el navegador
- Pruebas automatizadas con tests e2e
- Aprendiendo a saber qué no probar
tema 5
Testing de componentes
- Entendiendo la API de librería de tests de Vue
- Creación pruebas para componentes con librería de tests de Vue
- Trabajando con la instancia de Vue
- Montando un componente
- Plantillas y funciones render
- Comprendiendo correctamente el sistema de componentes de Vue
- Decidiendo qué probar en un componente
- Ideando las especificaciones de alto nivel y nivel de componente
- Redactando pruebas para las props de un componente
- Redactando pruebas para renderizados condicionales
- Búsqueda de elementos en un componente
- Redactando pruebsa de para acciones de ususario
- Redactando pruebas para el obtener atributos DOM de elementos en un componente
- ¿Cómo evitar Assertions booleanas y por qué debemos hacerlo?
- Redactando pruebas para atributos class en elementos de un componente
- Buenas prácticas
tema 6
Testing de estilos aplicados al componente
- ¿Cómo acceder a elementos wrapper?
- Accediendo a atributo style de un elemento
- Buenas prácticas
tema 7
Pruebas para Componentes embebidos
- Redactando pruebas para encontrar todos los elementos de un componente
- Redactando pruebas con componentes con childs embebidos
- Buenas prácticas
tema 8
Testing de métodos, acciones de usuario y eventos Vue
- Redactando pruebas para probar funciones públicas y privadas de un componente
- Redactando pruebas para funciones que usen timeouts e intervalos a través de fake timers
- Buenas prácticas
tema 9
Spies y Mocking
- Usando Jest Spies para espiar la ejecución de funciones
- Entendiendo qué son los side effects y cómo lo controlamos a través de Mocks
- Mocking de instancia de Vue y propiedades de componentes
- Usando Jest Mocks para mocking de funciones
- Usando Jest para mocking de peticiones http de axios
- Añadiendo propiedades a una instancia de Vue
- Redactando pruebas para el ciclo de vida de un componente
- Usando Jest Mocks para mocking de dependencias de módulo
- Buenas prácticas
tema 10
Pruebas asíncronas
- Redactando pruebas para código asíncrono
- Buenas prácticas
tema 11
Testing de eventos
- Redactando pruebas para eventos nativos del DOM
- Redactando pruebas para eventos Vue
- Redactando pruebas para comprobar que un componente emite un evento
- Redactando pruebas para formularios
- Buenas prácticas
tema 12
Testing en Vuex
- ¿Debemos probar cada parte de Vuex por separado?
- Redactando pruebas para las store mutations de Vuex
- Redactando pruebas para los store getters de Vuex
- Redactando pruebas para las store actions de Vuex
- Redactando pruebas para la instancia del store de Vuex
- Redactando pruebas para componentes conectados al store de Vuex
- Buenas prácticas
tema 13
Organizando tests en funciones factoría
- ¿Cómo emplear funciones factoría para organizar las pruebas de un proyecto?
- DRY
- Usando una funciójn factoría para pruebas del store de Vuex
- Buenas prácticas
tema 14
Testing en Vue Router
- Redactando pruebas para componentes que usan Vue Router
- Redactando pruebas para componentes RouterLink
- Usando propiedades de Vue Router en un store de Vuex
- Problemáticas habituales
- Buenas prácticas
tema 15
Testing de mixins y filters
- Redactando pruebas para mixins de Vue
- Redactando pruebas para filters de Vue
- Redactando pruebas para componentes que emplean mixins y filters
tema 16
Snapshot testing
- Entendiendo correctamente lo que son las pruebas de snapshot
- Redactando pruebas snapshots para componentes estáticos
- Redactando pruebas snapshots para componentes dinámicos
- Añadiendo pruebas de Snapshot al flujo de trabajo habitual
- Buenas prácticas
tema 17
Testing e2e con Cypress
- Introducción a Cypress
- Analizando la API de Cypress con Typescript
- Instalación, configuración y puesta en marcha
- Analizando proyectos de prueba de Cypress
- Iniciando Cypress y análisis de la UI
- Captura de elementos con XPath desde la UI
- Creación de comandos personalizados en Cypress
- Compatibilidades y pruebas en diferentes navegadores
- Usando Cypress en modo headless
- Metodología BDD
- Features, Escenarios y Stages
- Buenas prácticas
tema 18
Automatización CI/CD con Gitlab
- Configuración de GitIgnore en proyectos Vue con TypeScript
- Configuración de archivos YAML en proyectos Vue con TypeScript
- Especificando Stages de pruebas
- Creación de pipelines
- Análisis de Jobs
- Configuraciones y buenas prácticas en Gitlab CI/CD
Testimonios de nuestros clientes
Curso de Testing Frontend en Vue y TypeScript bonificado para Empresas a través de FUNDAE
Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.
Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.
Descargar Guía FUNDAE
Aulas Virtuales Personalizadas
¿Quieres formar a un grupo de trabajadores con temario a medida? ¡Esta es tu modalidad!
¡Me interesa!
Catálogo de cursosLos mejores cursos de Big DataLos mejores cursos de Desarrollo WebLos mejores cursos de Desarrollo MóvilLos mejores cursos de Bases de DatosLos mejores cursos de Machine LearningLos mejores cursos de ERP y CMSLos mejores cursos de LenguajesLos mejores cursos de Google WorkspaceLos mejores cursos de Clean codeLos mejores cursos de Productividad
© 2024 Imagina, Imagina Group. Todos los derechos reservados