У цьому пості хотілося б розповісти які інструменти для тестування сайтів в Chrome я використовую кожен день.
консоль розробника
Деякі тестувальники можуть подумати, що вона потрібна тільки програмістам, але насправді це дуже потужний інструмент і для нас - тестувальників.
Мої сценарії роботи з консоллю такі.
- Мені потрібно написати автотест, і щоб знайти потрібний локатор для елемента, я намагаюся подивитися його клас, xpath або інші атрибути.
- Іноді щоб активувати той чи інший елемент на сайті для тестування, я використовую невеликий скрипт на js. Вкладка console дозволяє виконувати їх.
- Після виконання деяких операцій на вебсайті, завжди корисно подивитися запити які відправляються на сервер в результаті ваших дій. Надзвичайно велика кількість запитів це погано, потрібно намагатися їх зменшити. Дивіться вкладку network.
- Також це відмінний інструмент для тестування верстки на мобільних пристроях. Досить увімкнути режим device mode, і Chrome допоможе семуліровать не тільки різні мобільні девайси, але і урізати швидкість з'єднання, як це буває при використанні бездротового інтернету. Також є можливість підставити фейковий дані про геолокації, це зручно при тестуванні різних сервісів з урахуванням карт і маршрутів. У цьому режимі можна провести тестування юзабілі мобільної версії сайту, а підтримка емуляції відразу пари десятків пристроїв, зробить перевірку ще більш надійною.
- Можна з легкістю відредагувати або видалити cookie. Вкладка resourses.
- При установці плагіна google analytics debugger можна дивитися в консолі івенти аналітики або ще чого по-цікавіше, наприклад помилки в коді. про плагіни для тестування знають всі, можна поставити їх десятки, постараюся написати про них окрему статтю.
Я перерахував далеко не всі ніж може стати в нагоді консоль. Беріть на озброєння і вивчайте її можливості, це дійсно відмінний інструмент для тестування.
Відкриття вкладки з мобільного пристрою
Вперше побачивши цю фічу в дії, я був реально здивований що таке можливо. Потім я сказав собі «це ж Google, чого тут дивуватися» і почав використовувати цю можливість у своїх інтересах.
Іноді буває що сайт не видає ніяких помилок на ПК або пристроях з великими дисплеями. Але обов'язково показує помилку якщо ви наприклад, дивіться його з мобільного браузера. Chrome дозволяє підключити ваш андроїд смартфон і продебажіть сайт в прямо через нього. Повний опис можна почитати тут . Якщо коротко, то потрібно підключити смартфон до встановленого google chrome, відкрити вкладку chrome: // inspect на комп'ютері і все що відбувається на вашому смартфоні буде проектуватися через консоль браузера на ваш комп'ютер. Плюс такого тестування в тому, що ви зможете подивитися помилки через, знову ж таки, консоль розробника, яка недоступна в Chrome для Android.
Є ще багато інструментів, наприклад браузерні плагіни для тестування , Які хотілося б тут описати, але про них в наступних постах.