如何使用量角器检查班级名称的变化

Question

需要在执行特定操作后测试类名中的更改。 在我的应用程序中，按下按钮后，页脚进度条显示进度。

页脚代码的唯一变化是类名更改。以下是代码段：

在：

<i class="fa fa-check-circle pull-left" ng-class="{processComplete : sent}"></i>

流程完成后：

<i class="fa fa-check-circle pull-left processComplete" ng-class="{processComplete : sent}"></i>

如何使用量角器测试班级名称的变化？

Answer 1

您可以检查processComplete类的元素是否存在：

expect(element(by.css('.processComplete')).isPresent()).toBe(true);

或者，您可以检查特定元素是否具有processComplete类：

expect(element(by.css('i.fa.fa-check-circle')).getAttribute('class')).not.toMatch('processComplete');

// perform some action

expect(element(by.css('i.fa.fa-check-circle')).getAttribute('class')).toMatch('processComplete');