Що робить візуальний регресійний тест?

Візуальний регресійний тест порівнює зовнішній вигляд інтерфейсу «до» і «після» зміни коду, щоб виявити ненавмисні візуальні зміни. Він робить новий скриншот UI і зіставляє його з еталонним (baseline). Якщо зображення відрізняються, тест падає і показує, де саме відбулися зміни.

Іншими словами, такий тест відповідає на питання:

«Чи не зламався зовнішній вигляд інтерфейсу після останніх правок?»

Він допомагає виявити регресію, наприклад:

• з'їхала верстка
• зник відступ
• пропав елемент
• зсунулися кнопки
• змінився шрифт або колір

Таким чином, візуальний регресійний тест захищає дизайн продукту від несподіваних візуальних багів, які можуть з'явитися після оновлення компонентів, CSS, бібліотек або рефакторингу.