Первые шаги в автоматизацию UI тестирования

Устали повторять сценарии раз за разом? Пытаетесь все успеть протестировать, но в сутках всего 24 часа? Просто устали и пропускаете ошибки? У нас есть решение! Автоматизируй ручной прогон тестов с помощью Playwright! Не верите что получится написать ваш первый тест за 20 минут? Тогда мы вернем вам деньги койны!

1. Первые шаги в автоматизации UI тестирования
2. О чём пойдёт речь Зачем нам вообще автоматизировать тестирование? Как начать писать тесты? Как подготовить UI для быстрого написания тестов? Что можно улучшить? Можем ли мы начать этим пользоваться уже сейчас?
3. О СПИКЕРЕ Романов Алексей + В индустрии более 14 лет + Основная специализация – Java и DevOps + Работаю в роли Software Архитектора в Т1 Иннотех уже 4.5 года + Мы с вами уже встречались на других конференциях 🙂 3
4. ЗАЧЕМ НУЖНА АВТОМАТИЗАЦИЯ? + Ускоряет однотипные действия: написали один раз – пользуемся всегда. + Это сильно ускоряет процесс регрессионного тестирования и можно сфокусироваться на новой функциональности. + Снижает человеческий фактор во время тестирования.
5. 5 Устали повторять сценарии раз за разом?
6. 6 Пытаетесь все успеть протестировать, но в сутках всего 24 часа?
7. 7 Просто устали и пропускаете ошибки?
8. 8 У нас есть решение! Автоматизируй ручной прогон тестов с помощью Playwright!
9. 9 Не верите что получится написать ваш первый тест за 20 минут? Тогда мы вернем вам деньги койны!
10. PLAYWRIGHT GETTING STARTED Page — ключевой объект, представляющий вкладку браузера и предоставляющий методы для управления её содержимым (поиск и взаимодействие с элементами, получение данных со страницы, работа с модальными окнами и т.д.). Доступ к элементам осуществляется с помощью локаторов (locators), они могут быть: + CSS и Xpath слелекторы. + Поиск по тексту, роли и атрибутам. + Поиск по data-testid.
11. ПИШЕМ ПЕРВЫЙ ТЕСТ
13. ПРИМЕР romanow/papajohns-pizza-order
14. ЗАКАЗ ПИЦЦЫ В PAPA JOHNS: ШАГ #1
15. ЗАКАЗ ПИЦЦЫ В PAPA JOHNS: ШАГ #2
16. ЗАКАЗ ПИЦЦЫ В PAPA JOHNS: ШАГ #3
18. ПОДГОТОВКА СТРАНИЦЫ ДЛЯ ТЕСТОВ + На основные элементы описывайте data-testid. + Минимизируйте поиск по XPath / CSS – это усложняет поддержку тестов.
19. ЧТО ЕЩЕ МОЖНО УЛУЧШИТЬ? + Для структурирования и переписпользования кода используйте паттерн PageObject. + Описывайте полный сценарий от авторизации до последнего шага. Не делайте зависимые сценарии. + Прежде чем кликнуть на элемент, проверьте что он существует – это упрощает разбор падений.
20. 20 Код написаный хорошо – это код написанный два раза. А значит не нужно ждать у моря погоды – пишите сейчас как умеете, а потом рефакторите и улучшайте!
21. Спасибо за внимание