GetText

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

Clase anteriorSiguiente clase

WILDES JARAMILLO HENAO

student•

yo soy el que va eliminando clases que veo que no tienen uso. 🤭😅

Ines Rodriguez

student•

Alguien sabe como se aplicaria el finder queryById en este caso donde el elmento a seleccionar esta dentro de otro componente?

  it('should render person when do click', () => {
    const buttonDe = fixture.debugElement.query(By.css('app-person .btn-person'));
    buttonDe.triggerEventHandler('click', null);
    fixture.detectChanges();
    const liDe = fixture.debugElement.query(By.css('.selectedPerson ul > li'));
    expect(component.selectedPerson).toEqual(component.people[0]);
    expect(liDe.nativeElement.textContent).toContain(component.selectedPerson.name);
  });

Carlos Alejandro Hernández Mejía

student•

¡Hola Inés! Podrías usar el helper query directamente, en lugar del queryById, usando el selector apropiado, que en este caso, sería app-person [data-testid=“btn-person”]

Dionel Cristian Martinez

student•

Este tipo de funciones / utils me encantan, ya había hecho un par como las de la clase antes de empezar este curso para reutilizar de ahora en adelante, me gusta mucho que el código sea fácil de leer.

Kevin Candia

student•

Que buena clase!!

David Castro

student•

En serio no puedo creer que yo sea el primer comentario del Curso, que honor! Jejeje ¡Gran clase!

Iván Cortez Hernández

student•

El primero y el único