Тестирование верстки Selenide | Java QA Automation

Курсы по автоматизации тестирования с нуля - threadqa.ru/courses.html
Обзор возможностей Selenide в разрезе тестирования верстки в UI части. С помощью Selenide можно получить актуальный скриншот странцы, далее написать код, который сравнит его с ожидаемым скриншотом и добавит вложения в Allure отчет, в случае если есть отличия. Как сравнивать снапшоты в UI автотестах с помощью библиотеки Image Comprasion. Автоматизация тестирования на Java с нуля уроки. Как сравнивать скришоты в автотестах. Как прикреплять вложения к Allure отчету.
00:00 Начало
00:31 Зачем тестировать верстку
02:01 Тестовая логика
05:04 Метод для сравнения скриншотов
06:26 Получение скриншота Selenide
08:50 Добавление скриншота в Allure
11:10 Добавляем эталонный скриншот в Allure
12:20 Библиотека Image Coprasion
14:19 Сравнение картинок
17:03 Запуск теста и скачивание эталона
19:19 Нестыковочный скриншот в Allure
22:10 Конец
Мой сайт - threadqa.ru/
Чат в телеграмме - t.me/threadqa
Группа в вк - threadqa
Boosty - boosty.to/threadqa
Поддержать автора - www.tinkoff.ru/cf/Lo21kq4VNG
Обзор библиотеки Rest Assured - • API Автотесты с нуля R...
Обзор библиотеки Retrofit - • API автотесты с нуля R...
Поиск XPATH и CSS - • Поиск элементов на стр...
Обзор Selenium - • Автотесты с нуля Selen...

[@ForeverYoung_2004]

Да, классно! Как обычно, всё выглядит очень просто, инфа дана очень доступно 👍

[@Mr.J248]

Как обычно самый годный контент для QA

[@user-ol9iu4iy6i]

Лучший контент по автоматизации на Ютубе, спасибо.

[@user-rj9cc9lw3c]

Ты вообще КАПИТАЛЬНЫЙ КРАСАВЧег!!! 😂😂😂

[@__Name_It__]

Олег, СПАСИБО.

[@mikhailloginov2532]

прекрасное видео

[@mrpipiskin4]

Спасибо, друг. Ты - находка

[@DenisDoroshenko]

Спасибо, интересно!

[@realrealist923]

Олег, отличное видео!

[@PelmeL12]

Это прямо супер полезное видео. Очень давно хотел именно на эту тему ролик. Рассказал луче, чем где-либо в интернете Было бы круто еще сравнить это с библиотекой AShot и показать пример правильной архитектуры проекта, когда надо проверять скрины 50+ страниц. Как можно сделать чтобы можно было "поставить флажок" когда необходимо обновить эталонные скриншоты и чтобы они сами перезаписались в ресурсы. Это прямо вообще было бы золото :)

[@threadqa]

Спасибо, хотел в одно видео поместить aShot, но слишком длинное бы вышло Потом отдельно про ashot сделаю

[@PelmeL12]

@@threadqa Огонь, буду ждать )

[@user-ss7fy5ol9f]

Спасибо за видео!

[@user-xg8gj3md6f]

Спасибо!

[@b1tterman]

ЛОВИ КЛАСС

[@shramkoag]

Отличное видео! Хороший подход для небольшого проекта или для практики :) На реальном проекте с хотя бы 100+ тестами, будет очень сложно поддерживать такие тесты + если на странице могут быть совпадения в 90% - 95% и это норм, как быть Есть много хороших инструментов для тестирования верстки с сохранением эталонных скриншотов в базу и тд. Удачи!

[@slowponchik9227]

А можете привести примеры хороших инструментов для тестирования верстки?

[@shramkoag]

@@slowponchik9227 тут все зависит от Вашего стека Поискал, сразу не нашел, но на одной из конференций видел отличные инструменты, не выписал себе((, нужно погуглить Знаю что нам aShot не подошел, было много нюансов со сравниванием скриншотов и тем что часто падали тесты. Тут нужно или небольшие части страницы скринить и сравнивать, или искать нужный инструмен. Вообще автоматизация тестирования верстки это сложная тема, прежде чем начинать делать такую автоматизацию, рекомендую просмотреть опыт других людей, в ютубе есть достаточно информации

[@RaNgO___]

@@slowponchik9227 , в js например связка storybook + loki

[@javaTopLanguage]

А есть-ли какие-то методы сохранения полного скриншота страницы силами Selenide? И дальше его уже сравнивать?

[@judasavgn5401]

13:33 - Я не понимаю как создается файл для подчеркивания разницы в 43 строчке. По факту тут указывается путь к файлу которого еще нет. У меня вылетает ошибка и говорит, что нет файла. Я что-то пропустил? Как он создаст файл с несостыковками если мы предоставляем к нему путь но по факту файла там еще нет java.nio.file.NoSuchFileException: testScreenIphone12Pro.png Can't read bytes. Нашел))) Пропущен шаг с ImageComparisonUtil.saveImage()

[@luckytima2315]

После webdriverIO + JS , тут как-то слишком много букв ))

[@Mr.J248]

Олег подскажи пожалуйста это кастомный подход к проверке верстки или же это какой то шаблон как page object например?