在jasmine angular2测试中获取span标签的值

时间:2017-04-05 13:26:25

标签: javascript html angular jasmine karma-jasmine

这是我的HTML代码

<span class="boxText">
            {{model.number}}
    <i *ngIf="model.canText" class="fa fa-comment" placement="right"></i>
</span>

我的代码中只有一个span标记。我想测试span标签是否包含特定值,即model.number。

在这里,我可以获得span元素。

let el = fixture.debugElement.query(By.css('.boxText'));
let spanEl = el.nativeElement; 

但无法检查该值是否存在。我如何使用茉莉花?

1 个答案:

答案 0 :(得分:11)

我留下了其他人的答案,但它只是在普通的js上访问该元素。

let el = fixture.debugElement.query(By.css('.boxText'));
let spanEl = el.nativeElement;
// spanEl.innerHTML => give you the value

正常测试

expect(spanEl.innerHTML).toContain(component.model.number);