angular - 使用 Jasmine 测试 ngSwitch

Question

我的组件中有一段 HTML:

<div [ngSwitch]="data.mode" class="data-mode">
    <span ngSwitchWhen="mode1">Mode 1 Activated</span>
    <span ngSwitchWhen="mode2">Mode 2 Activated</span>
</div>

我想通过 karma-jasmine 测试它。我可以得到根元素

const headerMode = fixture.debugElement.query(By.css(".data-mode"));

这将返回具有 2 个子元素的根节点，但我看不到这两个元素中的哪个是事件的。

我该怎么做？

Answer 1

By.css('.data-mode > span') 应该返回激活的元素。请记住调用 fixture.detectChanges(); 以强制运行 Angular 的更改检测并影响测试中的元素。