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