Jak odblokować asynchronicznie w Angular z karmą - kątowe, testowanie jednostkowe, testowanie, karma-jaśmin, kątowy5

Mam ten kod w moim pliku HTML:

    <ul *ngIf="results | async as dataResult">
<ng-container *ngFor="let result of dataResult">
<li class="global-search" *ngIf="result.results.length > 0">
<div class="wrapper">{{result.title.toUpperCase() | translate}}</div>

<ul *ngIf="result.results?.length > 0">
<li (click)="clickResult(row); isResultsOpen = false" class="list__item" *ngFor="let row of result.results">
{{row.location.name}}
</li>
</ul>
</li>
</ng-container>
</ul>
</div>

W moim teście karmy chcę sprawdzić, czy ngIf / ngFor działa i sprawdza klasy CSS. Jak mogę to przetestować?

Odpowiedzi:

próbuję tego w moim teście

const searchService = jasmine.createSpyObj("SearchService", ["getResults"]);
const results = searchService.getResults.and.returnValue(of(resultData));

it("show search results",  fakeAsync(() => {
results.and.returnValue(resultData);
fixture.detectChanges();
tick();
fixture.detectChanges();

expect(Boolean(fixture.debugElement.query(By.css(".global-search")))).toBeTruthy();
}));