DebugElement & ByCss
Clase 5 de 23 • Curso de Angular: Unit Testing para Componentes
Contenido del curso
Cesar Elías Armendariz Ruano
student•
hace 4 años
Clase 5 de 23 • Curso de Angular: Unit Testing para Componentes
Contenido del curso
Cesar Elías Armendariz Ruano
Jorge Luis Silva Medina
Luis Gomero
Angular puede correr en diferentes plataformas, pero debugElement y Css puede redenrizarse para poder renderizarse en nativeScript, ademas se puede hacer preview side rendering para lograr un rendirizado previo y agilitar todo el proceso de renderizado.
ahora podemos hacer las pruebas de cálidad del render de una mejor manera
person.component.spec.ts
it('should have <p> with "Soy un párrafo"</p>', () => { const personDebug: DebugElement = fixture.debugElement; const pDebug: DebugElement = personDebug.query(By.css('p')); const pElement: HTMLElement = pDebug.nativeElement; expect(pElement?.textContent).toEqual('Soy un párrafo'); }); it('should have <h4> with "Hola, PersonComponent"</h4>', () => { const personDebug: DebugElement = fixture.debugElement; const h3Debug: DebugElement = personDebug.query(By.css('h3')); const h3: HTMLElement = h3Debug.nativeElement; expect(h3?.textContent).toEqual('Hola, PersonComponent'); });
Con esto se puede hacer pruebas a los componentes revisando todo el renderizado.
Nico duda cual es el nombre de la extensión que utilizas para que te salga esto? Para que salga este msj
