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

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

Виберіть правильний інструмент

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

Це можуть бути як платні плагіни, такі як Applitools, Percy, Happo і Chromatic, так і бібліотеки з відкритим вихідним кодом, такі як AyeSpy, BackstopJS, Wraith тощо.

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

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

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

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

Підтримка веб-браузерів

Без кросбраузерного тестування тут не обійтися. Фронтенд-розробка зараз дозволяє переносити код на різні браузери без помітних функціональних відмінностей, але візуальне відображення елементів все одно може відрізнятися.

Ваша стратегія тестування повинна містити практичні рішення щодо того, які браузери повинні підтримувати продуктивність продукту.

Підтримка тестування

Підтримка тестів робочого столу - це діяльність, яку іноді пропускають. Після створення візуальних тестів потрібно переконатися, що вони будуть коректно підтримуватися, коли база даних додатку буде рефакторингована або її частини будуть змінені. Хто з боку замовника повинен підтримувати такий тест? Команда розробників або QA лабораторія? Тоді ви повинні переконатися, що інструментарій візуального тестування правильно інтегрований в усі використовувані процеси розробки і що програмісти можуть самостійно створювати різноманітні набори візуальних тестів.

Робота з еталонними елементами

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

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

Взаємодія з динамічною інформацією

Щоб уникнути великої кількості помилкових спрацьовувань і збоїв у тестуванні, потрібно подумати про те, що робити з динамічною інформацією. Багато плагінів для візуального тестування використовують алгоритми попіксельного порівняння, і вам потрібно переконатися, що сторінка, яку ви перевіряєте, максимально очищена від динамічних даних.

Часові та бюджетні обмеження

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

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

Висновок

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

Не беріть перший-ліпший інструмент, не переконавшись, що він буде вам корисний. Не бійтеся використовувати метод проб і помилок - експериментуйте з різними програмами, щоб знайти те, що вам потрібно.