Fatal编程技术网
  • angular/
  • Angular 茉莉花测试开关

Angular 茉莉花测试开关

angular testing

Angular 茉莉花测试开关,angular,testing,karma-jasmine,ng-switch,Angular,Testing,Karma Jasmine,Ng Switch,我的组件中有一段HTML： <div [ngSwitch]="data.mode" class="data-mode"> <span ngSwitchWhen="mode1">Mode 1 Activated</span> <span ngSwitchWhen="mode2">Mode 2 Activated</span> </div> 这将返回包含两个子元素的根节点，但我看不出这两个子元素中哪一个是活动的

我的组件中有一段HTML：

<div [ngSwitch]="data.mode" class="data-mode">
    <span ngSwitchWhen="mode1">Mode 1 Activated</span>
    <span ngSwitchWhen="mode2">Mode 2 Activated</span>
</div>
这将返回包含两个子元素的根节点，但我看不出这两个子元素中哪一个是活动的

如何执行此操作？

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


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