40+ супер-корисних розширень Chrome для тестувальників

Наша взаимовыгодная связь https://banwar.org/

Автор: Амандіп Сінгх (Amandeep Singh)

Оригінал статті: http://quicksoftwaretesting.com/useful-google-chrome-extensions-testing-software/

Переклад: Ольга Алифанова.

Такі браузери, як Mozilla Firefox і Google Chrome сильно полегшують життя тестувальника. Я використовую обидва, але Chrome лідирує за кількістю корисних розширень, які я можу застосовувати в роботі.

Більшість читачів нашого сайту використовують Chrome (приблизно 70%). Чим не доказ, як ми, тестувальники, любимо цей браузер? Він дуже полегшує нашу працю. Він полегшує конкретно моя праця, і тому я його так люблю. Firefox, я пам'ятаю про тебе!

Раніше я складав список важливих доповнень Firefox, корисних для тестувальників , І аналогічний список для Chrome був цілком логічним продовженням. Представляю вам список приголомшливих розширень Chrome для тестувальників! Це вам не просто список випадкових розширень - це найбільш повне перерахування тих розширень, які стануть в нагоді при тестуванні ПО.

Розширення Chrome для тестувальників

Google Chrome - це найпотужніший і найвідоміший браузер в світі (Джерело) . У нього зручний інтерфейс, він мало важить, і його можна додатково покращувати різними розширеннями.

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

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

Якщо ви використовуєте розширення Chrome, якого немає в цьому списку - повідомте мені про це, і я додам його.

Отже, вистачить передмов, стартуємо!

Розширення Chrome для тестувальників: тестування веб-інтерфейсів

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

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

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

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

5. IE Tab - один з найпопулярніших IE-емуляторів. За допомогою цього розширення ви можете тестувати ваш сайт в різних версіях IE, не залишаючи ваш ненаглядний Chrome.

6. Spell Checker - розширення для перевірки орфографії. Перевіряє, чи правильно написані слова на сторінці, і пропонує внести правки для слів з помилками. Це простеньке розширення підтримує 12 мов, і ви можете додавати свої слова в його словник.

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

Розширення Chrome для тестувальників: автоматизація тестування.

8. Web Developer - Web Developer Chrome Extension, офіційний дубль знаменитого доповнення Firefox, який включає в себе безліч інструментів розробника в формі додаткової панелі. Він не повністю дублює свого побратима для Firefox , Але тим не менш корисний тестувальникам. З його допомогою можна заповнювати форми, контролювати кеш браузера, управляти cookie-файлами, досліджувати і підсвічувати веб-елементи, атрибути заголовків, інформацію про якорях на будь-якій сторінці, що береже чимало часу.

9. Firebug Lite - це ще одне розширення, яке не замінює інструменти розробника Chrome, але відмінно його доповнює. Його переваги - гарне візуальне уявлення елементів HTML, DOM, і Box Model. Підходить для дослідження HTML-елементів після натискання кнопки, що непогано допомагає при автоматизації тестування додатків.

Розширення Chrome для тестувальників: документальні підтвердження

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

10. Awesome Screenshot - найбільш відомий серед тестувальників скріншотер. Дозволяє захопити весь екран, окрему його частину, видиму область веб-сторінки, а також робити на ньому позначки, обрізати його, і т. Д. Якщо результат вас задовольнив, їм легко поділитися з оточуючими. Його можна зберегти на жорсткий диск, тимчасово завантажити на Awesome Screenshot, або - якщо вам потрібна постійна посилання - на Google Drive або Diigo.

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

12. Screencastify - ще одна обов'язкова до установки розширення для тестувальників. Воно дає можливість робити запис екрану, коли ви тестируете. В результаті ви отримуєте відеозапис користувача поведінки, яку можна передати розробникам в якості підтвердження бага. Просто натисніть "записати", і розширення почне записувати те, що відбувається у вашій вкладці.

Розширення Chrome для тестувальників: тестування cookie-файлів

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

13. Edit This Cookie - дуже корисно для А / В тестування веб-додатків, а також для перевірки доступності певної функціональності різних груп користувачів. Простий, добре організований інтерфейс дозволяє працювати з файлами професійно. Розширення показує наявні cookie-файли та їх значення. Значення можна міняти, а також ви зможете додавати, видаляти, шукати, захищати або блокувати cookie-файли. Це розширення позбавить вас від нудного пошуку потрібних файлів через налаштування Chrome.

14. Cookie Editor - ще одне розширення для редагування cookie-файлів. Назва відображає зміст - воно дозволяє додавати, видаляти, редагувати, захищати, блокувати і шукати потрібні файли. Додаткова опція - експорт в JSON-форматі.

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

16. Cache Killer - корисний плагін для тестувальників, що відключає кешування Chrome. На відміну від попереднього розширення, це дозволяє очищати кеш браузера перед завантаженням сторінки. В результаті ви отримуєте останню версію коду з сервера. Якщо вам потрібно протестувати кешування, вимкніть цю функцію одним клацанням.

Розширення Chrome для тестувальників: емулятори розмірів екрану

17. Resolution Test - допоможе при тестуванні веб-додатків на різних дозволах і розмірах екрану. Вибрати поширене дозвіл можна зі списку, або ж ввести необхідні розміри вручну. Це розширення змінює розміри браузера і емулює ваше додаток в потрібному розмірі екрану.

18. Window Resizer - ще одне корисне для веб-тестування розширення. Робить в Chrome те ж саме, що Firesizer для Firefox - змінює розміри вікна браузера, емулюючи різні дозволи екрану. Дозволяє побачити, як верстка сайту поведе себе при різних розмірах екрану. Дозволяє вибрати попередньо встановлені дозволу і додавати нові. Відрізняється від Resolution Test можливістю встановлювати гарячі клавіші, а також експортувати свої настройки і переносити їх на інший комп'ютер.

Розширення Chrome для тестувальників: дослідницьке тестування.

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

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

21. Web Developer Form Filler - це розширення зробить заповнення форм дитячою забавкою. Дуже корисно для дослідницького тестування - будь-яку форму можна заповнити, просто натиснувши на гарячу клавішу.

Розширення Chrome для тестування API

22. Postman - інструмент для тестування API-запитів, особливо REST API. Дозволяє налаштовувати і перемикати змінні на льоту, і береже ваш час. Самонавчається.

23. Advanced RESTClient - ще одне розширення для API-тестування. Не так багато функціональністю, як Postman, зате добре підходить для новачків. REST Client дозволяє створювати і тестувати кастомниє API-запити за допомогою простого інтерфейсу.

24. Resteasy - ще одна можливість тестувати REST API в Chrome. Функціональність цього розширення схожа на Advanced REST Client. Спробуйте обидва і виберіть те, яке вам більше подобається.

25. JSONView - читання даних JSON може перетворитися на кошмар, коли ви тестируете REST API (спробуйте - зрозумієте, про що я). Розширення JSONView дозволяє переглядати відформатований JSON в формі дерева всередині Chrome, набагато спрощуючи читання і верифікацію.

26. Ghostery - це розширення спрощує тестування поведінки додатки в ситуації, коли мережа падає і API припиняє працювати. Воно дозволяє побачити всі трекери сторінки і відключати їх при необхідності.

Розширення Chrome для тестування безпеки і проникнення.

27. XSS Rays - це корисне розширення широко використовується тестувальниками безпеки. По суті це чистий Javascript XSS сканер, що допомагає виявити уразливості XSS. XSS Rays аналізує всі посилання і форми завантаженої сторінки і перевіряє XSS за параметрами GET і POST.

28. Request Maker - основне розширення Chrome для тестування на проникнення. Дозволяє створювати нові запити, відловлювати запити, зроблені сторінками, пограти з URL, змінювати заголовки і дані POST. Найбільше мені подобається його можливість робити закладки для запитів по клацанню миші.

29. d3coder - ще одне розширення для тестування на проникнення. Дозволяє кодувати і декодувати обраний текст через контекстне меню прямо з Chrome. Скопіюйте текст в буфер обміну і виберіть "Перетворити" в меню. Після перетворення d3coder копіює отриманий текст в буфер обміну. Це класне розширення, що дозволяє перетворювати текст в різні формати - наприклад, base64, rot13, CRC32, UNIX-час.

30. Site Spider - розширення, яке повідомить про битих посиланнях на сторінці. Економить масу часу - не доводиться вручну перевіряти, чи всі посилання працюють. Є можливість обмежити роботу розширення, додаючи обмеження і регулярні вирази. У розширення відкритий вихідний код - міняйте його відповідно до ваших потреб.

Розширення Chrome для тестування доступності.

Різні принципи доступності (наприклад, WCAG, ARIA, RGAA, Section 508) визначають, як зробити сайти і додатки доступними для людей з обмеженими можливостями. Ось якими розширеннями можна скористатися, щоб переконатися, що ці принципи виконуються:

31. Wave evaluation tool - дуже крутий інструмент оцінки доступності, яка тестує сайт на відповідність принципам WCAG. Відмінне розширення, вбудовувати додаткову функціональність прямо в браузер і дає видиму зворотний зв'язок по доступності сторінки (вставляє іконки та індикатори прямо на сайт).

32. Accessibility Developer Tools - додає "Оцінку доступності" і бічну панель доступності в інструменти розробника Chrome. При запуску оцінки доступності розширення виводить список правил WCAG 2.0, порушених на сторінці, включаючи відсутні ARIA-елементи.

33. aXe - ще одне розширення, що поповнює можливості для тестування доступності. Невелике і легке, воно засноване на aXe Javascript-бібліотеці. Повідомляє про відхилення від WCAG 2.0 (W3C Web Content Accessibility Guidelines) і Section 508 (Федеральний стандарт США).

34. ARIA validator - додає кнопку, після натискання на яку перевіряється впровадження ARIA в сторінку. Для кожного фрейму на сторінці розширення покаже вкладку з помилками і попередженнями.

Розширення Chrome для підвищення продуктивності

35. Session Manager - як тестувальник, ви напевно ходите по одному і тому ж набору сайтів та посилань щодня. Якщо це про вас, обов'язково встановіть це розширення! Воно дозволяє об'єднувати сайти і сторінки в групи, які потім можна відкривати після клацання миші. Працюйте на одному диханні! Правда, круто звучить? Розширення дозволяє управляти вкладками - зберігати їх, оновлювати, видаляти і відновлювати набори. Ви не пошкодуєте, що встановили його.

36. iMacros - кожен тестувальник в загальному і цілому робить одне і те ж щодня. Це розширення спрощує життя веб-тестувальників, що дає змогу записувати і програвати дії на сторінці. Звичайно, для цього можна використовувати Selenium WebDriver і інші засоби автоматизації, однак iMacros дозволить автоматизувати ваші рутинні дії - наприклад, smoke-тестування, яке в нормі складається з стандартного набору однакових кліків. Розширення можна також використовувати для відкриття одних і тих же наборів сторінок або посилань. Ну або просто скористайтеся Session Manager!

37. MindMup - відмінне розширення для безкоштовного створення ментальних карт. Ментальні карти - непоганий спосіб документувати своє розуміння процесів в додатку, записи сценаріїв тестування і уточнення залежностей між різними компонентами. Розширення дає можливість займатися всім цим, не залишаючи браузер. Воно дозволяє створювати свої карти і працювати спільно з іншими користувачами, і має простий і зрозумілий інтерфейс. Інтегрується з Google Drive і Dropbox. Так як ваші карти зберігаються в хмарі, вони доступні звідки завгодно - неважливо, чи користуєтеся ви браузером на ПК, на планшеті, або на телефоні.

38. Proxy SwitchySharp - приходить на допомогу, якщо вам необхідно часто перемикатися між проксі. Дозволяє легко і невимушено управляти проксі і перемикатися між ними. Найбільше мені подобається, що воно дозволяє створювати правила для автоматичного перемикання проксі, активуючи окремі проксі для відповідних посилань. Також воно дає можливість приховувати IP-адреси, що робить його непоганим інструментом тестування на проникнення.

Ось так.

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

Спасибі, і удачі в тестуванні!

Обговорити в форумі