как протестировать mat-pagniator для таблиц данных Dynami c - PullRequest
0 голосов
/ 09 июля 2020

Мне нужно протестировать событие nextPage() для mat-paginator. Но я продолжаю получать "не могу получить nextPage из undefined".

Вот HTML

 <mat-paginator
    #pagination
    [length]="resultsLength"
    [pageSize]="pageSize"
    (page)="onPaginationChange($event)"
    class="saqr-matching-tweets-paginator"
    [pageSizeOptions]="[20, 50, 100]"
    showFirstLastButtons
  >
  </mat-paginator>

, а вот .ts

@ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;

А вот и тестовый код

    TestBed.configureTestingModule({
      // imports: [MatTableModule],
      declarations: [
        TweetsComponent,
      ],
      providers: [
        { provide: Store, useValue: store },
      ],
      schemas: [NO_ERRORS_SCHEMA],
      imports: [NoopAnimationsModule, MatTableModule, MatSortModule, MatPaginatorModule],
    }).compileComponents();


    beforeEach(() => {
      component.pageSize = 2;
    });

    test('pagniator', fakeAsync(() => {
      const id = 'a';
      store.next({
          tweets: {
            pageNumber: 2,
            pageSize: 2,
            searches: { id: { totalCount: 5, results: { 1: tweets } } },
        },
      });
      fixture.detectChanges();
      // component.paginator.nextPage();  // here I got paginator is undefined
    }));
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...