Curso práctico de testing con Vitest

Domina las técnicas de pruebas y refactoring con Katas y el framework de test Vitest
Inscripciones abiertas
Intermedio
5 Clases 9 h (aprox.)
85€
69€
Precio en promoción

Inicio del curso

Miércoles 27 de mayo

Añadir a Google Calendar

La disciplina de testing es uno de los pilares del desarrollo moderno, ya que nos permite realizar software más robusto y nos abre las puertas de algunas prácticas esenciales para mejorar el diseño de software en metodologías ágiles, como es el refactoring.

En este curso práctico de testing podrás aprender no solo todas estas técnicas sino además conocer el framework de pruebas Vitest, que está penetrando con fuerza en los stacks de desarrollo más modernos. 

Vitest es un framework de pruebas para JavaScript y TypeScript ligero y sencillo, impulsado por Vite, con API compatible con Jest, soporte nativo para ESM, TypeScript, JSX y modo watch que reejecuta solo los tests afectados. Es un framework que busca la agilidad del desarrollo de pruebas, con un rendimiento muy superior y con una configuración mínima. Gracias a Vitest conseguimos una mejora notable en la experiencia de desarrollo de las pruebas del software.

En este curso practicaremos con Katas, que son ejercicios de tests y refactorings propuestos por la comunidad que pretenden desarrollar habilidades prácticas en TDD (Test-Driven Development), mejorar la comprensión de patrones de diseño y fomentar la refactorización iterativa de código en sesiones cortas y enfocadas. La idea con ello es tratar de ser lo más prácticos posible, haciendo ejercicios que reflejen las necesidades de proyectos reales.

Qué aprenderé en el Curso práctico de testing con Vitest

  • Configuración inicial de Vitest en proyectos JavaScript y Lit.
  • Escribir pruebas unitarias y de integración.
  • Uso de expresiones regulares y utilidades de JS en pruebas dinámicas.
  • Pruebas para la preparación y el formateo de datos para APIs y UI.
  • Implementación y manejo de dobles: fakes, spies, stubs y mocks.
  • Pruebas relacionadas con el tiempo del sistema y temporizadores.
  • Validación de dependencias internas y externas en tests.
  • Pruebas que simulan la interacción con el DOM.
  • Testing de componentes web: renderizado, slots, ciclos de vida y eventos.
  • Pruebas de formularios: inyección de datos, validación de inputs y envío.
  • Testing durante refactorizaciones de aplicaciones.
  • Resolución práctica de casos de prueba completos para proyectos reales.

Objetivos del curso

El objetivo de este curso es que los estudiantes mejoren la escritura de pruebas unitarias e integradas utilizando Vitest, una herramienta moderna y ligera para testing en proyectos JavaScript. Se busca que los participantes practiquen la escritura de pruebas, así como la sintaxis y funciones de Vitest.

Al finalizar el curso, el estudiante será capaz de escribir pruebas para validar funcionalidades de aplicaciones web, garantizar la integridad de los datos y componentes, y mantener la confiabilidad del software durante refactorizaciones y desarrollos continuos. Además, entenderá cómo Vitest se integra en el desarrollo front-end con Lit, optimizando los tiempos de prueba y facilitando la detección temprana de errores.

Por qué debes aprender testing y refactoring con Katas y el framework Vitest

Aprender a testear con Vitest permite a los desarrolladores garantizar la calidad y estabilidad de sus aplicaciones, reduciendo errores en producción y facilitando el mantenimiento del código. A diferencia de otras herramientas de testing, Vitest combina rapidez, compatibilidad con el ecosistema moderno de JavaScript y una curva de aprendizaje corta, lo que lo convierte en una opción ideal tanto para proyectos personales como profesionales.

Además, comprender el testing en el contexto de componentes web y Lit otorga a los estudiantes una ventaja competitiva en el desarrollo front-end moderno, ya que asegura que los componentes sean confiables, reutilizables y fáciles de mantener. Este conocimiento es especialmente valioso en equipos ágiles, donde la integración continua y la entrega rápida requieren que el código esté siempre bien probado y documentado.

Qué tengo que saber

Es necesario que el estudiante tenga conocimientos técnicos de JavaScript y testing.

Es interesante también tener algún conocimiento de Lit, aunque no es absolutamente necesario para aprovechar esta formación como Curso de Vitest, que podrás aplicar a cualquier framework o librería de preferencia.

Clases y contenidos

Testing con Katas usando Vitest
  • Introducción a Vitest.
  • Katas de pruebas unitarias para:
    • REGEX (pruebas dinámicas).
    • Utilidades de lenguaje nativo JS.
    • Formatear respuesta de API para presentar en IU.
    • Preparar payload requerido por API.
Añadir a Google Calendar
Dobles de Vitest y Katas
  • Introducción a los dobles.
  • Dobles de Vitest: fakes, spies, stubs y mocks.
  • Katas de pruebas con los dobles de Vitest para:
    • El tiempo del sistema.
    • Temporizadores.
    • Dependencias internas y externas.
Añadir a Google Calendar
Lit y JavaScript con Vitest
  • Integración de proyecto en Lit y JS con Vitest desde 0.
  • Introducción al paquete vitest-browser-lit para pruebas que emulen el DOM y la interacción de usuarios.
  • Katas de pruebas de componentes web para:
    • Renderizado de datos.
    • Inyección de datos en formulario.
    • Validación de inputs en formulario.
Añadir a Google Calendar
Katas de pruebas de componentes web
  • Katas de pruebas de componentes web para:
    • Envío de formulario y emisión de eventos.
    • Slot.
    • Ciclo de vida.
    • Flow y estado interno.
    • Router.
Añadir a Google Calendar
Pruebas y refactorización de una aplicación
  • Pruebas durante el proceso de refactorización de una app:
    • Terminología.
    • Resolución de un caso práctico.
Añadir a Google Calendar
¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete