Click

Clase 5 de 17 • Curso de Angular: Unit Testing para Formularios

Daniel Meza

student•

Muchas gracias por toda esta serie de testing. Sin duda me han costado mucho. Y lo seguirán haciendo. Repasaré muchas veces y a ir aplicando testing en los desarrollos.

Juan Sebastián Beltrán Sánchez

student•

¿Y si creamos un helper para simular los cambios de valor en los <input>? Aquí está una alternativa (el método queryInteractiveElement encapsula la lógica que usa Nicolás para decidir cuál query lanzar de acuerdo al selector):

const changeInputValue = <T>(
  fixture: ComponentFixture<T>,
  selector: string,
  withTestId: boolean = false,
  newValue: string
): void => {
  const inputDebug = queryInteractiveElement(fixture, selector, withTestId);
  const inputElement: HTMLInputElement = inputDebug.nativeElement;
  
  inputElement.value = newValue;
  inputElement.dispatchEvent(new Event('input'));
};
```¡Si alguien tiene una alternativa para no usar tantos parámetros me encantaría verla!

Liz Rossiana Principe Flores

student•

importante consideración a tener en cuenta a la hora de crear test unitarios con el evento click

Click

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