测试AG网格行数据和列标题

Question

我正在尝试编写一个单元测试，以检查我的AG网格中是否存在所有标头以及检查第一行数据。

beforeEach(() => {
fixture = TestBed.createComponent(MainTableComponent); 
component = fixture.componentInstance;
});

it('should have expected headers' () => {
 component.columnDefs;
 fixture.detectChanges();

const grid = fixture.nativeElement.querySelector('main-table- 
wrapper');
const headerCells = grid.querySelectorAll('.ag-header-cell- 
text');
const title = Array.from(headerCells).map(cell: any)=>
cell.textContent.trim()
);

expect(title).toEqual(['Name', 'ID', 'Ref No', 'Date', 'Date 
of Birth', 'Country','Address' ,'Role']);
}):

大多数情况下，结果显示： 预期$ .length = 5等于8。 似乎与第一个比较通过了，但是其余的给出了预期的$ [5] = undefined等于'Country'，依此类推。 在其他情况下，它表明.length为4，有时它变为6。我不知道为什么它会像这样波动。

我不确定它是否重要，因为我是angular的新手，但是我的grid-wrapper组件采用了columnDefData，rowData和gridOptions的@Input。实际的columDef标头和字段在main-table-component.ts

中定义