Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo te facilitaremos un enlace para verlo en diferido
logoImagina
Formación
Modalidades
Próximas Convocatorias
Temario
FAQ
Solicitar información
iconoCurso

Curso de Testing Frontend en Vue y TypeScript

DISPONIBLE EN MODALIDAD:
aMedidaIcon
Aula Virtual Personalizada
arrowRightDark

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.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient

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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
tema 6

Testing de estilos aplicados al componente

  • ¿Cómo acceder a elementos wrapper?
  • Accediendo a atributo style de un elemento
  • Buenas prácticas
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
tema 10

Pruebas asíncronas

  • Redactando pruebas para código asíncrono
  • Buenas prácticas
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown

Preguntas Frecuentes de Testing Frontend en Vue y TypeScript

¿Cuáles son los beneficios del curso Testing Frontend en Vue y TypeScript?

accordionIcon
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?

accordionIcon
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?

accordionIcon
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?

accordionIcon
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?

accordionIcon
Para inscribirte, debes rellenar los formularios que aparecen en la web. El proceso es sencillo y te permitirá asegurar tu plaza en el curso.