Finders

Curso de Angular: Unit Testing para Formularios

Contenido del curso

Aplica test en formularios

1
Conoce el proyecto del curso
03:25 min

Testing helpers

Pruebas a Fields

Pruebas a Forms

Pruebas a Validadores

Continua aplicando testing con Angular

17
Continúa con el Curso de Unit Testing Routing
02:19 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0014:50

Finders

Curso de Angular: Unit Testing para Formularios

Clase 3 de 17

Clase 3 / 17

Comentarios (4)4 comentarios

Carlos Alejandro Hernández Mejía

Hace 4 años

Short paths en Angular

Para evitar el ./../../../testing en las rutas, les recomiendo usar short paths en sus proyectos de TypeScript, simplemente, sigan las siguientes instrucciones:

Abrir el archivo tsconfig.json

Dentro de la key compilerOptions, agreguen otra key que se llame paths, con un objeto vacío como valor.

{
	// More config
	"compilerOptions": {
		// Another options
		"paths": {}
	} 
}

Dentro de dicho objeto, agreguen la key @testing (o el nombre que prefieran), con un arreglo vacío como valor.

{
	// More config
	"compilerOptions": {
		// Another options
		"paths": {
			"@testing": []
		}
	} 
}

Dentro del arreglo, agreguen un string con la ruta relativa al archivo index.ts dentro del módulo de testing. Por ejemplo, en mi caso, la ruta es src/testing. El archivo te debería quedar de la siguiente manera:
```
{
	// More config
	"compilerOptions": {
		// Another options
		"paths": {
			"@testing": ["src/testing"]
		}
	} 
}
```
Ahora, para hacer uso de la función que quieras dentro de tu directorio de testing, bastaría con la siguiente línea:
```
import { query } from '@testing';
```

Y así nos evitamos las molestas rutas relativas

Franklin Gil

Hace 4 años

Se podria hasta crear una libreria personal con todas esas funciones.

Elioenai Garcia

Hace 3 años

Cuando el profe dijo: vamos a crear una nueva carpeta llamada finders se refería a un archivo, por si llegaran a tener duda en el min 2.56 aprox. 🤩

Danny Alejandro fernandez gallego

Hace 4 años

En una oportunidad me tope con este tipo de helpers y finders en una prueba tecnica para angular, me hubiese gustado mucho ver este curso para poder comprender todo lo que tenia, ahora estoy repasando de nuevo esa misma prueba tecnica y cogiendo màs cositas que me puedan servir para mi crecimiento profesional.

Aplica test en formularios

Conoce el proyecto del curso

Testing helpers

Async Data

Finders

GetText

Click

Pruebas a Fields

Register Form

Pruebas a un campo

Llenar el campo desde UI

Helper para llenar campos

Pruebas a Forms

Pruebas para envío de form

Envío del form con FakeAsync

Llenar el form de una UI

Pruebas para fallas en servicio

Pruebas a Validadores

Pruebas a validadores

Pruebas a validadores async

Validadores async en Form

Continua aplicando testing con Angular

Continúa con el Curso de Unit Testing Routing

Finders

Progreso del curso

Aplica test en formularios

Testing helpers

Pruebas a Fields

Pruebas a Forms

Pruebas a Validadores

Continua aplicando testing con Angular

Recursos

Recursos