Модулі браузера в допомогу тестеру - testers little helper

1. Chrome:
2. Mozilla Firefox

На прохання трудящих, вирішив написати про тих плагінах, які використовую в своїх браузерах для тестування нашого веб-додатки. Додаток ми перевіряємо в декількох браузерах, але основні моменти перевіряємо в Chrome і Firefox.

Chrome:

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

• Clear Cache. Оновлює вкладку зі скиданням кеша (період налаштовується), що буває дуже зручно, особливо для додатків, які зберігають багато даних в локальному сховищі. Тобто щоб провести тест «з нуля» часом потрібно скинути кеш браузера, а лізти для цього в настройки не хочеться.

• Spell Checker. Як зрозуміло з назви -проверяет правопис на декількох мовах, не так зручний як плагін у Firefox про який розповім нижче. У кульгавого потрібно скопіювати потрібний текст і вставити у вікно плагіна для перевірки, що не завжди зручно і просто.

• Quick Language Switcher. Дозволяє змінити мову за замовчуванням у браузері, що зручно для перевірки локалей. Багато додатків, і наше не виняток, визначають мову користувача за замовчуванням і малює сторінку відповідно до нього. Тобто людина з Росії відкриє сайт на мові рідних осик, а англієць мовою Шекспіра. Ну а тестеру треба іноді перевіряти що все це вірно працює.

• What Font і ColorZilla. Модулі для перевірки оформлення. Перший, як видно з назви, показує назву шрифту при наведенні на нього. Другий показує точний колір будь-якого елемента як в форматі RGB так і шестнадцетерічном. Використовую рідко, але часом буває, що прямо в вимогах описаний конкретний шрифт або колір.

Mozilla Firefox

• Firebug. Відмінний плагін, гідно замінює панель розробника, з величезною кількістю функцій. В принципі аналог панелі розробника в хром, але на мій погляд, в плані аналізу елементів верстки набагато зручніше. http://getfirebug.com/

• Firepath. Плагін, який працює безпосередньо з Firebug і дозволяє знаходити локатори CSS і Xpath підсвічуючи їх на сторінці або в верстці, перевіряє синтаксис введених виразів.

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