3 хв читання

Перегляд візуальних змін з еталонами й відповідальністю

Використовуйте еталони, візуальні зміни, журнали запусків і сповіщення, щоб відділяти погоджені зміни сайту від проблем, які потребують дії.

візуальні зміниеталони
На цій сторінці

Коли це корисно

  • Еталон фіксує стан, який команда прийняла.
  • Новий запуск легше оцінити, бо точка відліку явна.
  • Саме рішення живе в історії сторінки, а не губиться в чатах чи пошті.
Перегляд візуальних змін з еталонами й відповідальністю

Починайте з еталона, а не з шуму

Окремий результат показує лише те, як сторінка виглядала в один момент. Еталон додає відсутню точку відліку: стан, який команда вже погодила.

RenderLog дозволяє позначити завершений запуск як еталон і прив'язати це рішення до тієї самої автоматизації. Перегляд лишається предметним, бо всі бачать поточне зображення, погоджене зображення і різницю між ними.

Журнал має швидко відповідати на наступне питання

Історія запусків має відповідати на наступне питання без стрибків між кількома інструментами. Яка автоматизація спрацювала? Чи пройшла вона? Скільки тривала? Яке зображення зараз є еталоном?

Саме тут перегляд відрізняється від створення одного зображення. Сервіс для знімків сторінок може зупинитися на файлі. Перегляд сторінки потребує достатнього контексту, щоб інша людина могла підключитися пізніше і зрозуміти результат.

Сповіщення мають іти туди, де є відповідальність

Сповіщення допомагає лише тоді, коли в сторінки є відповідальний і зрозуміло, що робити далі. Сторінки цін, реєстрація, повторювані клієнтські сторінки і шляхи перед випуском добре підходять, бо видима зміна має запускати реальний перегляд.

Коли відповідального немає, сповіщення стають шумом. Спершу побудуйте історію сторінки і звичку працювати з еталонами, а потім додавайте сповіщення там, де шлях перегляду вже зрозумілий. Саме тому RenderLog краще підходить для спільної роботи зі сторінками, ніж утиліти лише для знімків.

  • Вмикайте сповіщення там, де видимий регрес справді має швидко викликати дію.
  • Не створюйте шум на сторінках, які навмисно часто змінюються.
  • Сприймайте історію й еталони як основу для сповіщень, а не як необов'язковий додаток.

Пов'язані посилання

Поширені питання

Навіщо потрібен еталон?
Без еталона нова візуальна перевірка - це просто ще одне зображення. Саме еталон робить зміну зрозумілою для перегляду.
Чи всі сторінки мають надсилати сповіщення?
Ні. Автоматичні сповіщення потрібні лише там, де є відповідальний і зрозуміле очікування стабільності.