как решить нативный элемент неопределенной кармы угловой 4

Question

я получаю эту ошибку, которую я не могу устранить в конце, я перепробовал все, может кто-нибудь, пожалуйста, помогите мне решить эту проблему

вот мой HTML-файл

<ng-template #icd10codes let-c="close" let-d="dismiss">
<form role="form" #icdCodeSelectionForm="ngForm" novalidate>
<div class="modal-header">
  <h5 class="modal-title">{{title}}</h5>
 </div>
 </form> 
 <ng-template>

я определил заголовок в файле ts

 public title: string = "Please Select ICD-10 Codes";

вот мой файл спецификаций

BeforeEach(async() => {
fixture = TestBed.createComponent(NewTestOrderICD10CodeSelectionModalComponent);
component = fixture.debugElement.componentInstance;
de = fixture.debugElement.query(By.css('.modal-title')).nativeElement.innerText;
fixture.detectChanges();
});

it("New Test Order ICD10 Coed Selection Modal Should be created", () => {
expect(component).toBeTruthy();
});

it('Should have a title', () => {
//expect(element.textContent).toContain(component.title);
 expect(de).toContain(component.title);
});

я получаю ошибкуРодной элемент undefined есть ли помощь, чтобы решить спасибо

Answer 1

Попробуйте:

it('Should have a title', () => {
  //expect(element.textContent).toContain(component.title);
  fixture.detectChanges();
  const de = fixture.debugElement.query(By.css('.modal-title')).nativeElement.innerText;    
   expect(de).toContain(component.title);
});

убедитесь, что вы вызвали fixture.detectChanges();, прежде чем получить доступ к элементу. Это гарантирует, что все угловые значения будут правильно отображены, прежде чем HTML будет отображен / проверен

Удалить

de = fixture.debugElement.query(By.css('.modal-title')).nativeElement.innerText;

из BeforeEach блок