Пользовательский класс или атрибут в тестировании E2E

Question

Имея довольно сложное угловое приложение со многими страницами (состояниями) и условными разделами, которые создают множество тестовых сценариев, мне нужно выполнить тесты e2e. Я устал от вложенных селекторов, таких как «div.SomeComponent> ul: nth-child (2)> ...» и т. Д., Даже используя имена BEM (особенно, когда приложение развивается, и легко портить тесты путем небольшой смены html состав).

Вопрос заключается в том, хотите ли вы, чтобы вы выбрали несколько фиктивных (пустых) классов или data- * attrs, чтобы упростить селектор транспортировщика (или groovy) за счет потери семантики? Какая альтернатива?

Answer 1

Чтобы избежать изменения определений элементов каждый раз, когда разработчики изменяют css и не используют длинные строки css для выбора ваших элементов, вы можете попробовать обратиться к ним с помощью других средств (id, className, model и т. Д.). См. Примеры https://github.com/angular/protractor/blob/master/docs/locators.md.

Мой личный фаворит - использовать элемент (by.css ('[ng-click = "executeSomeAction()"]')), поскольку это, скорее всего, не изменится при любых обновлениях приложений. Он также работает и для других директив.

Что касается тестирования приложений с большим объемом страниц и элементов, приятно определить ваши элементы в классе, а затем вызвать их в тестовой спецификации по мере необходимости. Это уменьшает код в ваших спецификациях и упрощает их чтение. Вы также можете создать отдельный файл для действий/функций, которые выполняют ваши тесты.

Надеюсь, что это поможет ответить на ваши вопросы.