7 Chrome Extensions for Software Testing – Web UI Testing

Google Chrome browser popularity among both development and testing community is common due to the popularity of the browser among Internet users around the world.

While testing, I use most of the extensions on this list as and when required and they are real life-savers.

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.

#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.