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 de Testing Frontend en Vue y TypeScript
DISPONIBLE EN MODALIDAD:
Aula Virtual Personalizada
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 nuestro curso de Testing Frontend en Vue y TypeScript
Desarrolladores frontend que quieran aprender a manejar Jest y otras librerías para desarrollar pruebas unitarias y de integración en soluciones VueJS
Objetivos de nuestro curso de Testing Frontend en Vue y TypeScript
- 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 nuestro curso de Testing Frontend en Vue y TypeScript
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 de nuestro curso de Testing Frontend en Vue y TypeScript
- 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 de Testing Frontend en Vue y TypeScript
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
Preguntas Frecuentes de Testing Frontend en Vue y TypeScript
¿Cuáles son los beneficios del curso Testing Frontend en Vue y TypeScript?
Este curso te permitirá adquirir habilidades esenciales para desarrollar y mantener aplicaciones frontend de alta calidad con Vue.js y TypeScript. Aprenderás a escribir tests eficaces, mejorar la confiabilidad del código y detectar errores de manera temprana en el proceso de desarrollo.
¿El curso de Testing Frontend en Vue y TypeScript se puede bonificar a través de FUNDAE?
Sí, el curso puede ser bonificado a través de FUNDAE. Esto permite a las empresas aprovechar las bonificaciones disponibles para la formación de sus empleados, reduciendo el costo del curso.
¿En qué modalidades se imparte el curso de Testing Frontend en Vue y TypeScript?
El curso se imparte en modalidad online y en aula virtual personalizada. Estas modalidades ofrecen flexibilidad para adaptarse a los horarios y necesidades específicas de cada empresa.
¿Qué habilidades desarrollaré con el curso de Testing Frontend en Vue y TypeScript?
Desarrollarás habilidades críticas como la escritura de tests unitarios y de integración para aplicaciones frontend en Vue.js, la utilización de herramientas de testing populares, y la implementación de mejores prácticas en TypeScript para garantizar un código más seguro y eficiente.
¿Cómo puedo inscribirme en el curso de Testing Frontend en Vue y TypeScript?
Para inscribirte, debes rellenar los formularios que aparecen en la web. El proceso es sencillo y te permitirá asegurar tu plaza en el curso.