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

Question

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

页脚代码的唯一变化是 class 名称的变化。以下是代码片段：

之前：

<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>

如何使用量角器测试 class 名字的变化？

Answer 1

您可以检查带有 processComplete class 的元素是否存在:

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

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

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');