Как проверить изменение имени класса с помощью транспортира

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