Introducción a unit tests
Clase 54 de 80 • Curso de Angular 4
Contenido del curso
Introducción a Angular 4
Setup del Ambiente de Trabajo
Conceptos Básicos
- 9

Para qué nos sirven los Módulos y Componentes
08:10 min - 10

Tipos de Data Binding y String Interpolation
05:05 min - 11

Property Binding
06:04 min - 12

Event Binding
03:04 min - 13

ngModel y two way binding en Angular
05:12 min - 14

Directivas en Angular 4 y ngFor
07:39 min - 15

Cómo usar ngIf en Angular 4.0
03:04 min - 16

Instalando librerías con NPM (Google Maps)
06:48 min
Directivas
Angular UI
Ruteo
- 24

Qué hace el router en Angular 4
03:11 min - 25

Implementación de Rutas en el Proyecto
07:36 min - 26

Href vs router link: navegación angular
02:27 min - 27

Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos
01:53 min - 28

Parámetros de ruta con routerLink en Angular
06:01 min - 29

Parámetros tipo Query
03:53 min - 30

Creando una vista de detalle para el proyecto
09:06 min - 31

Página de contacto Angular desde cero
07:45 min
Servicios
- 32

Servicios en Angular para compartir datos
00:58 min - 33

Creando nuestro propio servicio
07:11 min - 34

Configurando Firebase en nuestro proyecto
05:12 min - 35

Guardando Records en Firebase
12:20 min - 36

Obteniendo records desde Firebase
08:40 min - 37

Obteniendo coordenadas usando Geocoding
13:45 min - 38

Reto: Crear una vista para editar records
09:29 min - 39

Mostrando marcadores en el Mapa de Google
03:02 min
Conexión Remota (Http y Sockets)
Pipes
Animaciones en Angular
Testing en Angular
Autenticación y Protección de Rutas
- 59

Cómo funcionan los JSON Web Tokens
03:05 min - 60

Preparación de vistas para login y registro
11:58 min - 61

Registrando usuarios
07:29 min - 62

Loggeando usuarios
07:18 min - 63

Guardias canActivate en Angular: Proteger rutas con autenticación
11:09 min - 64

Cómo integrar Facebook login con Firebase
09:08 min - 65

Logout en Angular con Firebase
05:28 min
RxJS
- 66

Cómo funciona RxJS con metáfora de oficina
02:09 min - 67

Mostrar email del usuario logueado en Angular
06:32 min - 68

Uso de los Observables
04:30 min - 69

Cómo implementar type ahead con Observables y RxJS
10:43 min - 70

Implementar formularios reactivos con type ahead
07:58 min - 71

Cómo rellenar campos automáticamente con Google
01:28 min
Publicando nuestro proyecto
Fin del curso
Sesiones en vivo
Contenido Bonus
Para construir aplicaciones estables en Angular 4, el testing automatizado es clave. Con unit tests aislados, detectas errores rápido, evitas regresiones y mejoras el diseño mientras desarrollas. Además, refuerzas el control de calidad de código y mantienes los componentes alineados sin sorpresas.
¿Qué es testing y por qué importa en aplicaciones complejas?
El testing es programación enfocada en probar la aplicación de forma automática. Permite encontrar errores fácilmente y muy rápido. Evita el clásico «Esto funcionaba ayer», típico cuando un cambio en un componente rompe otro sin que lo notes.
- Detecta errores de forma precisa y veloz.
- Evita regresiones en cambios o features mayores.
- Informa exactamente dónde y qué falló.
- Mejora el diseño y el paradigma de programación.
¿Cómo se integra en el flujo de trabajo?
- Ejecuta tests después de cada feature mayor.
- Ajusta lo que falló, vuelve a correr y confirma estabilidad.
- Mantiene la aplicación más estable y predecible.
¿Qué diferencia hay entre tests aislados y no aislados?
Los aislados, o unit tests, no dependen de otros tests ni del estado global. Su orden es irrelevante y cada ejecución prepara su propio ambiente. En cambio, los no aislados son más funcionales: requieren secuencia fija y prueban porciones grandes del sistema, pero suelen dar diagnósticos menos precisos.
- Aislados: independencia total y orden irrelevante. Preparan su ambiente antes de correr.
- No aislados: secuenciales y funcionales. Cobertura mayor, diagnóstico menos detallado.
- Con aislados, un script puede tener veinte tests y cada uno corre sin afectar a los demás.
¿Qué prepara el ambiente de un test aislado?
- Reseteo de base de datos.
- Reseteo de local storage.
- Reinicio de variables para replicar siempre el mismo ambiente.
¿Por qué preferir unit tests para empezar?
- Son más fáciles de implementar.
- Evalúan una unidad pequeña y específica.
- Ofrecen un resultado claro: funciona o no.
¿Qué se hará a continuación en Angular 4?
Se creará un proyecto nuevo, se ejecutarán los tests que ya incluye y se revisará la estructura por defecto de testing en Angular 4. Así verás cómo corre el conjunto y dónde encontrar cada parte para mantener el control de calidad desde el inicio.
- Crear un proyecto nuevo.
- Correr los tests incluidos.
- Revisar la estructura de testing por defecto en Angular 4.
¿Tienes dudas sobre cómo empezar con unit tests aislados o cómo preparar el ambiente de pruebas? Comparte tus preguntas y experiencias en los comentarios.