测试角度材料表时的ExpressionChangedAfterItHasBeenCheckedError

Question

使用Angular 7，我使用ng generate @angular/material:table test-table将材料表添加到我的应用程序中

在生成的模板中有一个分页器：

<mat-paginator #paginator
    [length]="dataSource.data.length"
    [pageIndex]="0"
    [pageSize]="50"
    [pageSizeOptions]="[25, 50, 100, 250]">
</mat-paginator> 

在初始化时，数据源被更改：

ngOnInit() {
  this.dataSource = new ItemsTableDataSource(
    this.paginator,
    this.sort,
    this.route.paramMap,
    this.afs
 );
}

当尝试在Karma expect(component).toBeTruthy();上编译组件时，我得到了以下错误

Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has 
changed after it was checked. Previous value: 'length: 0'. Current 
value: 'length: 1'.

我该如何解决这个问题？

Answer 1

不知道它有多好，但在我的例子中，我只是从规范文件中删除了'fixture.detectChanges()‘调用。我正在使用一个A6 ReactiveForm，在测试中设置一些初始的虚拟日期范围值。表单工作正常，但测试失败并返回错误。