Оптимизация Selenium тестов и ускорение их поддержки
Download as PPT, PDF0 likes1,255 views
Документ обсуждает оптимизацию тестов на Selenium и их поддержку, фокусируясь на проблемах, связанных с большим количеством UI тестов в медиа проектах и частыми релизами. Он предлагает структурированность и применение компонентов для улучшения архитектуры автотестов, а также демонстрирует примеры кода и паттерны взаимодействия. Автор подчеркивает важность раннего информирования об изменениях и управления тестами по расписанию для сокращения времени на поддержку.
![Пример реализации страницы на медиа проектах
@At("#HOST/prognoz/*.*/by-month")
@NamedUrls(
{
@NamedUrl(name = "city", url = "/prognoz/{1}/by-month")
}
)
public class YearForecastPage extends AnyPage {
public YearForecastPage(WebDriver driver) {
super(driver);
}
@FindBy(css = ".calendar-month")
private WebElement monthsBlock;
private final String monthLink = ".day_calendar_month a[href$='/%s-%s/']";
public void clickMonthLink(LocalDate today){
String locator = String.format(monthLink,
today.getMonth().getDisplayName(TextStyle.FULL,
Locale.ENGLISH).toLowerCase(Locale.ENGLISH), today.getYear());
$(locator).click();
}](https://image.slidesharecdn.com/g1ec6h3swuelmd6nbmsa-signature-001f9e703bd6e2e989380c9ccc9c7af6a00ab70670b822c1137217924de6de24-poli-171122152451/85/Selenium-14-320.jpg)
![Динамические и статические локаторы
Пример статического локатора
Динамические локаторы
@FindBy(css = ".calendar-month")
private WebElement monthsBlock;
private final String monthLinkSelector =
".day_calendar_month a[href$='/%s-%s/']";](https://image.slidesharecdn.com/g1ec6h3swuelmd6nbmsa-signature-001f9e703bd6e2e989380c9ccc9c7af6a00ab70670b822c1137217924de6de24-poli-171122152451/85/Selenium-15-320.jpg)
![Пример статического компонента
/**
* Элемент определения знака зодиака
* @author Pavel Balahonov <p.balahonov@corp.mail.ru>
*/
@Component(xpath = "//*[@class='p-formitem__label']/ancestor::div[contains(@class,
'block')]")
public class DeterminationSignElement extends AnyComponent {
public DeterminationSignElement(WebDriver driver) {
super(driver);
}
@FindBy(css = ".p-formitem__content_sub")
private WebElement determinationButton;
//Набор локаторов для блока "Дата рождения"
private final String selectedDateBirthdayLocator =
"//div[@data-range='%s']//div[contains(@class, 'dropdown__text')]";](https://image.slidesharecdn.com/g1ec6h3swuelmd6nbmsa-signature-001f9e703bd6e2e989380c9ccc9c7af6a00ab70670b822c1137217924de6de24-poli-171122152451/85/Selenium-21-320.jpg)
![Пример динамического компонента
/**
* Попап пуш уведомлений
* @author Pavel Balahonov <p.balahonov@corp.mail.ru>
*/
@Popup
public class PushNotificationElement extends AnyComponent {
private final String declineButtonSelector =
".m-push-notifications__button [data-action='defer']";
public PushNotificationElement(WebDriver driver) {
super(driver);
}
public boolean isPopupPresent() {
return waitForElementPresent(By.cssSelector(formSelector));
}](https://image.slidesharecdn.com/g1ec6h3swuelmd6nbmsa-signature-001f9e703bd6e2e989380c9ccc9c7af6a00ab70670b822c1137217924de6de24-poli-171122152451/85/Selenium-23-320.jpg)
![Навигационный валидатор
/**
* Страница гороскопа
* @author Pavel Balahonov <p.balahonov@corp.mail.ru>
*/
@At("#HOST/prediction/[a-z]+/[a-z]+/")
@NamedUrls(
@NamedUrl(name = "prediction", url = "/prediction/{1}/{2}")
)
public class PredictionPage extends AnyPage {
public PredictionPage(WebDriver driver) {
super(driver);
}
@FindBy(id = "other_zodiac_sign")
private WebElement otherZodiacSignBlock;](https://image.slidesharecdn.com/g1ec6h3swuelmd6nbmsa-signature-001f9e703bd6e2e989380c9ccc9c7af6a00ab70670b822c1137217924de6de24-poli-171122152451/85/Selenium-27-320.jpg)
Оптимизация Selenium тестов и ускорение их поддержки
- 1. Оптимизация Selenium тестов и ускорение их поддержки Балахонов Павел QA Automation Engineer Mail.Ru Group
- 2. Немного обо мне Работаю в автоматизации тестирования более 6 лет; Люблю программировать и искать баги; Не люблю очереди и делать что-то монотонное вручную; Нравится изучать и исследовать системы автоматизации;
- 4. Проблема поддержки UI тестов на медиа проектах Большое количество UI автоматизированных тестов; Частый релиз различных проектов; Неполный анализ ошибок автотестов ручными тестировщиками; Отсутствие раннего информирования в автотестах об изменениях в приложении; Большое количество в корне отличающихся по функциональности проектов; Старый код и архитектура системы UI автоматизации;
- 5. Зависимость расхода ресурсов от размера test suite на фиксе “До”
- 8. Структура системы UI автоматизации на проектах “Почта&Портал”
- 9. UI тест и его структура
- 10. Пример UI теста на медиа проекте @Title("Погода. Поиск. Страница результатов. Счетчик результатов должен отображать верную информацию о количестве найденных городов соответствующих запросу.") @Severity(SeverityLevel.NORMAL) @Test @Issue("TESTCONT-1171") public void search_result_counter() { String search = "Лон"; // Открываем главную navigationSteps.openMainPage(); // Вводим запрос portalToolbarSteps.setSearchField(search); portalToolbarSteps.clickSearch(); // Проверяем страницу результатов searchPageSteps.pageShouldBeOpened(); searchPageSteps.searchRequestShouldBeSameAs(search); } }
- 11. Steps как преобразователь интерфейса
- 12. Плюсы и минусы Steps Adapter по сравнению с инкапсуляцией на Page Layer Плюсы Минусы Гибкость группировки Избыточность кода Простая генерация отчетов Введение и поддержка дополнительной сущности Соответствие классическому определению структуры теста
- 13. Структура страницы в UI тестировании на медиа проектах
- 14. Пример реализации страницы на медиа проектах @At("#HOST/prognoz/*.*/by-month") @NamedUrls( { @NamedUrl(name = "city", url = "/prognoz/{1}/by-month") } ) public class YearForecastPage extends AnyPage { public YearForecastPage(WebDriver driver) { super(driver); } @FindBy(css = ".calendar-month") private WebElement monthsBlock; private final String monthLink = ".day_calendar_month a[href$='/%s-%s/']"; public void clickMonthLink(LocalDate today){ String locator = String.format(monthLink, today.getMonth().getDisplayName(TextStyle.FULL, Locale.ENGLISH).toLowerCase(Locale.ENGLISH), today.getYear()); $(locator).click(); }
- 15. Динамические и статические локаторы Пример статического локатора Динамические локаторы @FindBy(css = ".calendar-month") private WebElement monthsBlock; private final String monthLinkSelector = ".day_calendar_month a[href$='/%s-%s/']";
- 17. Примеры шаблонов взаимодействия //Возвращает текст из всех элементов по локатору public Function<By, List<String>> getAllElementTextByLocator = locator -> { return getDriver().findElements(locator).parallelStream() .map(WebElement::getText) .collect(Collectors.toList()); }; //Проверяет, что все элементы, соответствуют необходимым условиям public BiFunction<By, Predicate, Boolean> predicateAllMatchesByLocator = (By locator, Predicate predicate) -> return getDriver().findElements(locator) .parallelStream().allMatch(predicate);
- 18. Подключение поведенческих шаблонов /** * Базовая страница * @author Pavel Balahonov <[email protected]> */ public class AnyPage extends AbstractPage { public AnyPage(WebDriver driver) { super(driver); } @FindBy(tagName = "h1") private WebElement header; //Функциональный интерфейс для элементов на странице protected ElementFunctions elementFunctions = new ElementFunctions(getDriver());
- 19. Компонент и его структура
- 21. Пример статического компонента /** * Элемент определения знака зодиака * @author Pavel Balahonov <[email protected]> */ @Component(xpath = "//*[@class='p-formitem__label']/ancestor::div[contains(@class, 'block')]") public class DeterminationSignElement extends AnyComponent { public DeterminationSignElement(WebDriver driver) { super(driver); } @FindBy(css = ".p-formitem__content_sub") private WebElement determinationButton; //Набор локаторов для блока "Дата рождения" private final String selectedDateBirthdayLocator = "//div[@data-range='%s']//div[contains(@class, 'dropdown__text')]";
- 22. Popup как динамический компонент
- 23. Пример динамического компонента /** * Попап пуш уведомлений * @author Pavel Balahonov <[email protected]> */ @Popup public class PushNotificationElement extends AnyComponent { private final String declineButtonSelector = ".m-push-notifications__button [data-action='defer']"; public PushNotificationElement(WebDriver driver) { super(driver); } public boolean isPopupPresent() { return waitForElementPresent(By.cssSelector(formSelector)); }
- 24. Роль компонентов в поддержке тестов Ранняя валидация; Лучшая архитектура UI автотестов; Отсутствие дублирования кода; Поддерживаем компонент, а не страницы, где он используется;
- 27. Навигационный валидатор /** * Страница гороскопа * @author Pavel Balahonov <[email protected]> */ @At("#HOST/prediction/[a-z]+/[a-z]+/") @NamedUrls( @NamedUrl(name = "prediction", url = "/prediction/{1}/{2}") ) public class PredictionPage extends AnyPage { public PredictionPage(WebDriver driver) { super(driver); } @FindBy(id = "other_zodiac_sign") private WebElement otherZodiacSignBlock;
- 30. Common Page API и его роль в поддержке Единые механизмы решения общих задач; Поддержка взаимодействия с внешними сервисами; Протестированные механизмы решения типичных задач; Информативность и детализированное логирование;
- 31. Процесс поддержки UI тестов и его организация
- 32. Преимущества и недостатки данной организации процесса поддержки Плюсы Минусы Отсутствие бесконечного процесса поддержки Отсутствует возможность запуска полных прогонов нерелизных проектов в любое время Сокращается время поддержки тестов и остается время на покрытие новых кейсов Необходимость поддержки актуальности планировщика (scheduler)
- 33. Итоговые мероприятия по ускорению поддержки UI тестов без потери качества Раннее информирование в автотестах; Структурированность автотестов; Отсутствие поддержки логики взаимодействия с элементами и внешними сервисами; Поддержка автотестов по расписанию;
- 34. Зависимость расхода ресурсов от размера test suite на фиксе “После”