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

Question

在打开 Bootstrap 对话框时，它的 HTML 被放置在

正下方的 DOM 根目录中。

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

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

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

Answer 1

我想这个应该可以工作：

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