Кросбраузерність верстки є важливою частиною тестування для веб-проєкту. Не у всіх браузерах сайт буде виглядати однаково добре, без багів. На це тестування виділяється чимало часу, бюджету та ресурсів.
Перевіряти вручну відображення сайту в різних браузерах – робота монотонна і займає досить багато часу. А на даний момент існує понад 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. Забезпечує тестування веб-додатків і сайтів в реальних браузерах, які працюють на реальних машинах. Дозволяє порівнювати скріншоти і точно визначати проблеми дизайну за допомогою інтерактивного перегляду сторінок.
Операції для простого кросбраузерного тестування виконує безкоштовно, але доведеться чекати у черзі з іншими користувачами.
На сьогодні створено велику кількість інструментів для кросбраузерного тестування високої якості. Дякуючи цьому, команди можуть забезпечити більш узгоджений користувацький інтерфейс сайту/додатку на всіх пристроях та екранах великого розміру.
