Modern browsers like Mozilla Firefox and Google Chrome make your life easy as a software tester. I use both of them from time-to-time but Chrome ends up a winner majority of those times owing to the number of available chrome extensions for software testing.
Even on QST, the majority of readers visit using Chrome (approx. 70%). This proves we testers love Chrome as it provides some amazing features which make your life easy. It does that for me and that’s the reason I love it. Firefox, I haven’t forgotten about you! 😛
Some time back, I compiled a list of essential firefox add-ons for software testing and a similar list for Chrome was long pending. So, I thought of compiling a list of amazing Chrome Extensions that make your life easy as a tester. And not just any list – the most comprehensive list of chrome extensions ever compiled for software testers.
Chrome Extensions for Software Testing
Google Chrome is the most powerful and famous browser in the world (source). It has a tidy interface, is light-weight, and has a wealth of extensions that further enhance its abilities.
That is the main reason for its popularity among both development and testing community.
While testing, I use most of the extensions on this list as and when required and they are real life-savers. Read on and you shall agree!
If you use any particular Google Chrome extension for software testing which is missing on this list, do let me know in the comments section below and I will add it here.
So without further ado, here we go!
Chrome extensions for software testing – Web UI Testing
#1. Screen Ruler – Screen Ruler is a simple chrome extension which does exactly what it says on the tin. Using Screen Ruler chrome extension while testing, you can measure object height, width, padding on either side by simply placing it over the element and dragging to draw out a ruler in the desired direction. Screen Ruler is really useful chrome extension for Web UI testing as it helps you log defects which otherwise wouldn’t be visible and helps make sure a pixel-perfect web application.
#2. WhatFont – As testers, we also have to verify cosmetic issues like which font family and font size is used for a particular section on any web page. WhatFont is a simple extension which sticks to its name – easily find fonts on any web page. Simply hover on any font you want to identify on a web page and it shows which font is used. If you need further information about which service is used to serve the web fonts, WhatFont also provides this information.
#3. ColorZilla – ColorZilla is a color picker chrome extension that allows you to find the exact color used on any web page right within Chrome browser. ColorZilla is really useful when you needs to test whether the color used on a web page matches design specifications.
#4. PerfectPixel – If you are my kind of tester who expects* the application-under-test to be pixel perfect as per design specs (*Conditions apply ;)), this extension is for you! PerfectPixel allows you to make sure your application matches the design pixel for pixel. You can put a semi-transparent image overlay over the top of your web page using which you can do a per-pixel comparison.
#5. IE Tab – IE tab chrome extension is one of the most popular IE browser emulators out there. Using IE Tab, you can test web pages with different versions of IE without leaving your favorite Chrome browser.
#6. Spell Checker – Spell Checker Chrome extension does exactly what it says on the skin! It checks spellings for all words on a web page and suggests corrections for misspelled words. It is a simple chrome extension for copy-verification during web testing and supports 12 languages. You can also add your own words to the dictionary.
#7. Grammarly – If you aren’t already aware of this great tool, Grammarly is a great utility which helps you in proof-reading text wherever you write online – mail, comments or blog post. As you write, Grammarly checks spelling and grammatical errors and highlight them without leaving the browser. For testing, Grammarly is a free chrome extension which brings the grammar-checking power of Grammarly right into your Chrome browser.
Chrome extensions for software Testing – Automation
#8. Web Developer – Web Developer Chrome Extension, the official port of Firefox add-on by the same name, provides a plethora of web developer tools in the form of a toolbar. It doesn’t allow all the features of its Firefox counterpart but still is one of the most useful chrome extension for testing. You can populate forms, control browser cache, manage cookies, inspect and highlight web-elements, title attributes, anchor information etc. on any web page saving a lot of time while testing.
#9. Firebug Lite – Firebug Lite is another chrome extension for software testing which doesn’t replace the options which Chrome Developer Tools provides, but works great with it. It provides a rich visual representation of HTML elements, DOM elements, and Box Model shading. You can use it to inspect HTML elements at the click of a button which helps a great deal while automating your apps.
Chrome extensions for software testing – Test Evidence
Test evidence is important in reducing the turn-around time on defect resolutions and having a good tool which allows you to take screenshots easily and annotate the issues on them saves a feat amount of time.
#10. Awesome Screenshot – Awesome screenshot is the most famous screen capturing tool among software testers. You can capture full screen, a specific region or visible content on the web page, and at the same time annotate the screenshot by highlighting, cropping, adding text etc to your test evidence. Once you are happy with the screenshot captured for test evidence, it is easy to share with others. You can save it to your computer, or you can temporarily host it with Awesome Screenshot or permanently upload it to Google Drive or Diigo.
#11. Lightshot – Lightshot is a light and handy screen capture tool that allows you to take screenshots for test evidence and customize them by adding annotations. It has a simple interface and is light-weight. You can save the screenshots to your local machine or upload them to the cloud (which you can share as a link with others).
#12. Screencastify – Another extension which should be a part of a tester’s toolkit. Screencastify is a screen-recorder extension for chrome which you can use while testing. It allows capturing user behaviour on any web page as a video which you can share with developers as test evidence. Just press record and the content of your tab is recorded.
Chrome extensions for software testing: Website Cookie Testing
Being able to manage browser cookies and cache is important to make sure the application behaves as expected and that you are getting the right data and code from the server. You can use these extensions for website cookie testing as they allow you add, remove, edit cookies and clear browser cache.
#13. Edit This Cookie – If you are testing A/B versions of a web application or want to check if a particular feature is accessible to a defined segment of users, this is one chrome extension which will save you a lot of time. Edit This Cookie provides a sleek, well-organized interface which allows you to manage your browser cookies like a pro. It shows set cookies and their values – you can change any of the current set values or add, delete, search, protect or block cookies. Using this extension saves you the hassle of going through the Chrome settings screen to search for cookies for a particular site.
#14. Cookie Editor – Cookie Editor is another chrome extension which you can use to edit cookies during testing. Like it says on the tin, it allows you to edit cookies – you can add, delete, edit, protect, block and search cookies. It also enables you to export cookies in JSON format.
#15. Clear Cache – Find it a hassle to clear browser cache in chrome browser when you in the middle of testing? This chrome extension allows you to clear browser cache from the toolbar avoiding the longer route (Settings > Clear browsing data). You can customize it to control which data you want to clear – app cache, downloads, file systems, form data, browsing history, local storage, passwords etc.
#16. Cache Killer – Cache Killer is a useful chrome plugin for software testers that allows you to easily disable caching in Chrome. Unlike Clear Cache, when enabled it clears browser cache before loading a page so that you always get the latest version of the code from the server. If you are testing caching feature for your application, you can disable this add-on with a single click.
Chrome extensions for software testing – Emulate different Screen Sizes
#17. Resolution Test – Resolution Test makes it easier to test web applications on different screen resolutions and sizes. You can choose from a list of most common screen resolutions websites use or, use a custom size as per your need. It re-sizes the browser window and emulates the web application in the screen size you need.
#18. Window Resizer – Window Resizer is another chrome extension that comes in handy when testing web applications. It does for Chrome what Firesizer does for Firefox – re-size the browser window to emulate different screen resolutions allowing you to test how website layout behaves on different screen sizes. You can select from preset screen resolutions or add your own custom resolution size (and save them). A few features which Window Resizer has and Resolution Test doesn’t – Window Resizer allows you to set customizable global key shortcuts and you can also export your settings and import them on a different computer.
Chrome extensions for Exploratory Testing
#19. Bug Magnet – Bug Magnet chrome extension is a huge time-saver during exploratory testing. Right-click on any field in the web application to bring up a context menu with pre-defined values for emails, names, phone numbers, postcodes etc. Select the value you need and it fills in the field you are in on the web page. So, next time you plan exploratory testing, you don’t have to make-up any test values for field value testing – Bug Magnet does it for you. Give it a try, and you will use it every day.
#20. Form Fuzzer – Form Fuzzer is another chrome extension to populate form fields with different values and comes in handy during exploratory testing. Like Bug Magnet, you don’t need to key in different formats of email addresses, phone numbers etc manually when testing forms. Just right-click on the form field you want filled and select the desired value from presets.
#21. Web Developer Form Filler – This chrome extension makes filling form fields a child’s play and proves useful while exploratory testing. You can set up hot-keys to fill web forms using a single key.
#22. Exploratory Testing Chrome Extension – Another simple chrome extension for exploratory testing that makes web exploratory testing easier. It allows you to add annotations in the form of bugs, ideas, notes and questions which you can see in a report along with screenshots for the session. [Thanks Francisco for the suggestion]
Chrome extensions for API Testing
#23. Postman – Postman Chrome Extension is the go-to tool for testing API requests – particularly RESTful APIs. It gives you the ability to set-up and switch environment variables on the fly saves plenty of time. You can group test API requests into collections which sync to the cloud making them accessible to others for team collaboration. Postman has a low learning curve too which means you will be testing APIs in no time.
#24. Advanced RESTClient – Advanced RESTClient is another chrome extension for API testing. It is not as feature-rich as Postman but is great for a start into API Testing. REST Client allows you create and test custom API requests with a simple interface.
#25. Resteasy – Resteasy is another option for testing RESTful APIs within Chrome. It offers similar functionality to Advanced REST Client chrome extension. So, you can try both and choose your favourite.
#26. JSONView – If you are testing RESTful APIs, reading raw JSON data can be daunting (try it if you haven’t and you will understand what I mean!). JSONView chrome extension allows you to view formatted JSON in tree view within Chrome browser making it easier to read and verify.
#27. Ghostery – This chrome extension makes it easier to test how an application behaves when the network goes down and APIs fail as a result. It allows you to see all the trackers on a web page and provides an option to disable a specific one.
Chrome extensions for Security and Penetration Testing
#29. Request Maker – Request Maker is a core penetration testing chrome extension using which you can create new requests, capture requests made by web pages, tamper with the URLs, modify headers and POST data. The feature I like the most in Request Make is – you can bookmark the requests on the click of a button which is a great time-saver.
#30. d3coder – d3coder is another chrome extension for penetration testing. You can encode and decode selected text via context menu added within Chrome itself saving you plenty of time. Copy text to your clipboard and select a conversion from the menu. After the conversion, d3coder copies the new text into your clipboard. d3coder chrome extension is a great plugin for penetration testing allowing various types of encoding/decoding like base64, rot13, CRC32 hashing, UNIX timestamp conversion.
#31. Site Spider – Site spider is site crawler chrome extension which reports broken link on any web page. This extension saves a lot of time when testing software as you don’t have to manually check if all links are working. It also gives you the ability to restrict the spider by adding restrictions and regular expressions. Site Spider is open source which means you can change it as per your needs.
Chrome extensions for Accessibility Testing
There are various guidelines (WCAG, ARIA, RGAA, Section 508) that define a way to make Web content and Web applications more accessible to people with disabilities. These chrome extensions can be used for accessibility testing to make sure these standards are met.
#32. WAVE Evaluation Tool – WAVE is a great web accessibility evaluation tool which is used to test any website against WCAG guidelines. WAVE Evaluation tool is a great chrome browser extension for accessibility testing as it adds WAVE capabilities within your browser and provides visual feedback about the accessibility of a web page by injecting icons and indicators into the web page.
#33. Accessibility Developer Tools – This chrome extension adds an Accessibility audit and an Accessibility sidebar pane in the elements tab in chrome developer tools and should really be a part of core tools within Chrome. When you run the Accessibility audit, it will list the rules that are violated by the page as per WCAG 2.0 Guidelines, including missing ARIA attributes.
#35. ARIA Validator – ARIA Validator adds a button to Chrome that validates the ARIA implementation on any webpage. For each frame it can read on the page, it will open a new tab showing errors and warnings.
Chrome extensions to enhance productivity
#36. Session Manager – As testers, you would usually access the same set of websites/URLs every single day. If you are one of those web testers, Session Manager Chrome Extension is a blessing. It allows you to create a group of websites / pages which you can open with a single click. All in one go! Sounds great, isn’t it? With Session Manager, you can manage tabs – save, update, delete and restore sets of tabs. Use it and you will never regret not using it till now.
#37. iMacros – As testers, as much as we try, we do end up performing the same set of tasks every day. iMacros is a handy chrome extension which you can use to make your life easy when testing web pages – it lets you record and playback your actions on any web page. While there are Selenium WebDriver and similar frameworks for intense automation needs, iMacros can be used to automate your simple daily chores like smoke testing builds which usually involves performing the same click-actions every day. You could also use iMacros to open the same set of webpages/websites saving you time for other pressing matters. Or simply use Session Manager for this!
#38. MindMup – MindMup is a great chrome add-on which allows you to create mind maps for free. Mind Maps are a great way to document your understanding of application flow, writing down various scenarios and even figuring out dependencies between different components of a system. MindMup gives you the capability of doing exactly that – without leaving your browser. You can create your mind maps and collaborate with others in real-time in its clean and simple interface. It is integrated with Google Drive and Dropbox. Because your mind maps are stored in the cloud, you can access them from anywhere – desktop browser and tablet or mobile devices.
#39. Proxy SwitchySharp – Proxy SwitchySharp comes to the rescue in situations where you need to switch between proxies often. It enables you to manage and switch between multiple proxies quickly and easily. One feature which I like the most is, you can set rules for auto-switching proxies which activates a particular proxy for a specific URL. Using Proxy Switcher, you can hide IP addresses which also makes this extension a great fit for penetration testing.
So there you have it.
I hope this list of google chrome extensions for software testing helps you – do let me know what you think in the comments section below. If you like this article, I would appreciate if you share this article with your friends and colleagues via email and social media profiles.
Thanks and happy testing!
Latest posts by Amandeep Singh (see all)
- 40+ Super Useful Chrome Extensions for Software Testing - February 24, 2016
- Writing Test Cases for Brochure/Catalog Based Websites [Checklist] - December 29, 2015
- Latest trends in Software Testing 2015 – How the World Tests? - November 19, 2015