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

Автор: Амандип Сингх (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 — это расширение сделает заполнение форм детской забавой. Очень полезно для исследовательского тестирования — любую форму можно заполнит