Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Testing en Angular 20+ con Jest, Testing Library
Rating: 4.7 out of 5(6 ratings)
34 students

Testing en Angular 20+ con Jest, Testing Library

Aprende a escribir pruebas unitarias y de integración modernas en Angular.
Created byBezael Pérez
Last updated 8/2025
Spanish

What you'll learn

  • Tiraremos por la borda a Karma y Jasmine para siempre. En su lugar, montarás Jest y Vitest en proyectos Angular
  • Te enseñaré a escribir pruebas que cuentan historias. Con Angular Testing Library y @testing-library/user-event simularás clics y formularios.
  • Iremos más allá de los componentes: atacarás servicios, directivas, pipes y formularios stand-alone siguiendo buenas prácticas.
  • ¿El resultado? Una base de código blindada y un equipo confiado para iterar sin miedo.

Course content

8 sections34 lectures2h 49m total length
  • Evolución del testing en Angular1:13
  • ¿Por qué Jest y Vitest reemplazan a Karma?0:57
  • Filosofía de Angular Testing Library1:30
  • Rol de los signals y componentes standalone en el testing moderno1:22
  • Comparativa rápida: Jest vs Vitest (sintaxis, rendimiento, DX)1:05

Requirements

  • Conocimiento intermedio de Angular (componentes, inputs/outputs, servicios)
  • Conocimientos básicos de TypeScript y del CLI de Angular.
  • Haber trabajado previamente con componentes standalone y signals en Angular 16+

Description

¿Te imaginas dejar de pelearte con Karma y Jasmine — y aun así dormir tranquilo porque tus tests cubren justo lo que ve tu usuario?

Eso es lo que vas a lograr en este curso 100 % práctico.

Lo primero: turbo-arranque sin fricción


Configurarás Jest y Vitest en Angular 20+ con una plantilla lista para producción. Un par de comandos, modo watch a la velocidad de la luz… y nunca más tocarás un ng test eterno.

Luego, tests que cuentan historias

Usando Angular Testing Library y @testing-library/user-event simularás clics, tabulaciones, gestos y formularios tal cual ocurre en el navegador real. Tus expect() hablarán el idioma del usuario, no el del DOM.

No solo botones—todo el ecosistema

  • Componentes standalone y signals reactivas

  • Servicios con HttpClient y dependencias inyectadas

  • Directivas y pipes (puros e impuros) sin trucos mágicos

  • Formularios reactivos: validaciones, envío, errores y estados de UI

Cada módulo trae un repo de ejemplo y ejercicios guiados para que mancharte las manos sea inevitable.

¿Por qué importa ahora?

  • Angular 20 trae una ola de cambios; dominar sus nuevas APIs te coloca un paso delante.

  • Las suites lentas queman horas de CI y matan la confianza del equipo.

  • El mercado busca devs que escriban código y tests con la misma soltura.


Who this course is for:

  • Personas que quieren aplicar buenas prácticas de testing en Angular moderno
  • Equipos que están migrando de Karma/Jasmine a Jest o Vitest