单击toggleRow - 嵌套的mat-table时，如何检查编写单元测试表头和表行？

问题描述

我有一个嵌套的 mat-table 组件，我正在尝试为其编写单元测试用例。我已经为成功执行的上表列标题和列行编写了测试用例..

现在的问题是，我有一个 toggleRow() 函数，它会在点击这些上面的表格行时触发，从而扩展了内部表格（内垫表格）。

我想只在toggleRow被点击后为内表编写测试脚本，

我已经用下面的代码检查了 toggleRow() 点击事件，它工作正常

 it('should test toggleRow',fakeAsync(() => {
    spyOn(component,'toggleRow');
  
    let button = fixture.debugElement.nativeElement.querySelector('tbody tr');
    button.click();
    tick();
    fixture.whenStable().then(() => {
      expect(component.toggleRow).toHaveBeenCalled()
    });
  })); 

现在，如何检查仅在触发 toggleRow 后显示的内部表（标题和行）。

感谢任何建议。

我正在处理的组件与 https://stackblitz.com/edit/angular-nested-mat-table-7j5wgb?file=app%2Ftable-expandable-rows-example.ts 非常相似（供您参考）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）