Таблица характеристик углового материала

Question

У меня есть компонент, который отображает таблицу, используя материал mat-table. Он работает нормально, но в моем spec-файле таблица не отображает элементы тела (tds и trs), поэтому тест не пройден. Кажется, что я правильно инициализирую текст, импортирую MatTableModule, а также инициализирую источник данных для таблицы mat.

Компонент получает ввод, который поступает в источник данных, он не асинхронный, и я вызываю fixture.detectChanges() после инициализации ввода.

Теги таблицы и тела отображаются, но тег тела пуст. Любые предложения, почему данные таблицы не отображаются?

Спасибо

Вот пример кода теста:

let component: MyComponent;
let fixture: ComponentFixture<MyComponent>;
const dataSource: DataSource[] = [{id: 1, name: 'a'}];

beforeEach(async(() => {
    TestBed.configureTestingModule({
        declarations:[MyComponent],
        imports: [MatTableModule],
}));

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

it('should display results', () => {
    component.myDataSource = dataSource;
    fixture.detectChanges();

    console.log(debugElement.nativeElement); //here I see that the body is empty

    const elements = debugElement.queryAll(By.css('td'));
    expect(elements.length).toBe(2); // I get 0
});

Answer 1

Попробуйте импортировать MatTableDataSource, декларирующую таблицу, содержащую массив объектов, инициализировать с новым MatTableDataSource(массив) и не забудьте проверить определения столбцов, потому что таблица не отображается, если определения вызывают ошибку (например, она не находит какой-либо столбец). так далее.)