cdkVirtualFor don't binding the content of my list in unit tests

See original GitHub issue

I am using the visrtual scroll strategy in my project, but in my unit tests I use this structure for research all tags <span> on my html list

let elements: DebugElement[] = fixture.debugElement.queryAll(By.css(‘span’)); expect(‘Today’).toBe(elements[0].nativeElement.textContent);

this is my html structure:

<cdk-virtual-scroll-viewport [itemSize]="50" [minBufferPx]="buffer" [maxBufferPx]="buffer * 1.5" cass="fullHeight" > <div #firstChild class="content"> <div *cdkVirtualFor="let demandaAgrupada of demandasAgrupadas; templateCacheSize: 1000" > <span *ngIf="demandaAgrupada.exibeCabecalho">{demandaAgrupada.grupoPeriodo}}/span> <pd-demanda-agrupada [demandaAgrupada]="demandaAgrupada" ></pd-demanda-grupada> </div> </div> </cdk-virtual-scroll-viewport>

When i use *ngFor instead of *cdkVirtualFor, my test works. But if I use *cdkVirtualFor, all content of my list isen’t binding and the div of *cdkVirtualFor, isen’t binding too this is my last element binding 

there is a bug on unit tests with *cdkVirtualFor ?

sorry about my english, is not my first language

Issue Analytics

State:
Created 5 years ago
Comments:7 (1 by maintainers)

Top GitHub Comments

3reactions

r-hannuschkacommented, Apr 4, 2019

Maybe a bit late, but @acutexyz solution was not working for me i solved this with:

    it("should render data from hypercube", fakeAsync(() => {
        ...
        fixture.autoDetectChanges();
        flush();  /* thats make it work */

        const listElements = fixture.debugElement.queryAll(By.css("div.lui-list__item"));
        expect(listElements.length).toBe(2);
    }));

0reactions

angular-automatic-lock-bot[bot]commented, Sep 10, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}