Bootstrap 模态 DOM 元素在 Angular 单元测试中不可用

Question

打开 Bootstrap 对话框时，其 HTML 位于 正下方的 DOM 根目录中。

目标元素在 Angular 根组件之外，这就是单元测试中下一次查询没有结果的原因。

const modalContent: HTMLElement 
   = fixture.nativeElement.querySelector('.modal-content');

有没有办法用这种方式实现的模态 window 编写组件 DOM 测试？或者更具体地说，我如何在这里查询打开模式 window 的 HTML 以便测试其内容。

Answer 1

我想这个应该可行：

const modalContent: HTMLElement = document.body.querySelector('.modal-content');