Інструменти для тестування кросбраузерності верстки

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

Перевіряти вручну відображення сайту в різних браузерах – робота монотонна і займає досить багато часу. А на даний момент існує понад 1500 браузерів. Звичайно, більшість з них невідомі, тому перевірка проводиться тільки в популярних браузерах з різними версіями (Google Chrome, Safari, Opera, Microsoft Edge, Firefox) і на платформах Windows, Linux, Mac.

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

Які інструменти використовують для такого типу перевірки? 

CrossBrowserTesting.com

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

Для тестування верстки використовується Screenshot Testing, з його допомогою можна побачити як буде відображатись верстка сайту у заданих версіях браузерів та ОС.

Інструмент є платним, тому недоцільно проводити в ньому декілька варіацій кросбраузерності. 

LambdaTest

LambdaTest – це хмарна платформа для кросбраузерності тестування. Автоматизоване тестування знімків екрану робить масові знімки екрану з різних робочих столів та мобільних пристроїв, що працюють на різних ОС. Щоб відправити подробиці тесту, на платформі можна інтегрувати результати в Asana, BitBucket, GitHub, JIRA, Microsoft VSTS, Slack, Trello і та ін.

Для перевірки верстки необхідно обрати меню Visual UI Testing. У випадку, якщо скріншотів буде недостатньо, у пригоді стануть тести на адаптивність.

Browsershots

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

В системі Browsershots тестування кросбраузерності можна провести безкоштовно. На головній сторінці досить вказати посилання на сайт та обрати браузер/платформу.

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

Browserling

Browserling представлений з розширеннями в Chrome, Firefox, Opera та Safari. Забезпечує тестування веб-додатків і сайтів в реальних браузерах, які працюють на реальних машинах. Дозволяє порівнювати скріншоти і точно визначати проблеми дизайну за допомогою інтерактивного перегляду сторінок.

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

Ghostlab

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

BrowserStack

BrowserStack забезпечує живе тестування веб-браузера з миттєвим доступом до кожного робочого столу і мобільного браузера (в даний час більше 300), дає можливість випробувати локальні і внутрішні сервери, забезпечуючи безпечну установку. Можна користуватися в хмарі, а значить не вимагає ніякого встановлення, а вбудовані інструменти для розробників (у тому числі Firebug Lite, Microsoft Script Debugger і багато інших) дають можливість провести швидке кросбраузерне тестування і налагодження.

Sauce Labs

Sauce Labs дозволяє тестувати в хмарі більш ніж 260 різних браузерів і пристроїв, забезпечуючи всебічний тест, включаючи Selenium, JavaScript, Mobile і Manual. Там немає встановлення VM або вимог обслуговування, під час виконання тестів ви маєте можливість взяти і досліджувати проблему вручну. Sauce Labs відображає виконані тести в хронологічному порядку, з інформацією про тестування платформи, часу виконання, білда і його проходження.

BitBar

Це потужна хмарна платформа для тестування мобільних додатків, яка дозволяє виконувати ручне і автоматизоване тестування додатків у будь-якому середовищі на реальних пристроях iOS та Android, з можливістю усунення проблем, про які повідомляють клієнти. Також за допомогою даного інструменту можна перевіряти реальний досвід користувача. BitBar підтримує будь-яку вбудовану платформу автоматизації мобільного тестування, а також мови програмування Java, Python, JavaScript тощо.

Virtuoso

За допомогою Virtuoso можна автоматизувати кросбраузерне тестування. Автотести можна створювати будь де та запускати в будь-який час. Також можна запускати один і той же тест одночасно у декількох браузерах, для різних ОС та пристроїв. Варто зазначити, що даний інструмент суттєво знижує час виконання тестів. 

TestGrid

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

Selenium

Selenium є найпопулярнішим інструментом автоматизації тестування різних функцій. Кросбраузерне тестування є однією з багатьох функцій, які підтримує Selenium. Selenium WebDriver дозволяє автоматизувати тестові випадки в браузерах Firefox, Chrome і Safari та ін. Можна інтегрувати фреймворк TestNG із Selenium WebDriver, щоб запускати тести в різних браузерах. Також, за допомогою даного інструменту можна аналізувати продуктивність кросбраузерної сумісності.

Katalon Studio

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

Ranorex Studio

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

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