Web browsers like Chrome and Mozilla are the most frequently used browsers for testing as they are different from basic browsers. Most of the software testers use these browsers only. The number of extensions available for testing, which can be used by software testers, are so many that no other browser can beat them even by a mile.
Below are some of the very useful extensions which we can implement in our testing. Let’s have a look!
– Easiest way to identify fonts on web pages: Whatfont
As testers, we must verify cosmetic issues like which font family and font size are being used for a specific section on a website.
WhatFont may be a simple extension that sticks to its name – easily find fonts on any website. Simply hover over any font you would like to spot on an internet page, and it shows which font is employed there. If you would like further information about which service is employed to serve the online fonts, WhatFont provides it.
With this extension, you can easily detect the web fonts by just hovering over them. It is that simple and elegant. It also detects the services used for serving the online fonts and supports Typekit and Google Font API.
Cosmetic issues like font size, style, and color also are to be verified by the software testers. WhatFont enables the software testers to simply identify a specific text on an internet page. All you’ve got to try to is select the font about which you would like to collect information.
– I know doing inspect all the time to find the color of the text or background is tedious. Let’s make it easy with ColorZilla.
ColorZilla is a Chrome extension that provides testers and graphic designers with color related details on the web page. It is quite similar to WhatFont, except for one thing that it tells you about the colors instead of texts and fonts.
By ColorZilla, you can identify a color reading from anywhere in your browser, quickly find this color and paste it into another program. With the help of this, one can analyze the page and inspect a palette of different colors. You can easily create advanced multi-stop CSS gradients.
– Checking Grammar and spelling is very important while doing testing because we have to make sure that the user understands very clearly what we are trying to explain.
It is a Chrome extension that does exactly what its name says, it checks spellings on the web page and also provides corrections for misspelled words.
It’s a simple chrome extension that –
- Supports 12 languages for copy-verification during web testing.
- Highlights misspelled words on the active webpage.
- Quickly spell check webpages.
- Supports English dictionary.
- It highlights the word through a red line
- Safe – plugin requires no special permissions or external requests.
Testing out an application on just on your own computer or device is the first mistake we do because the people who visit your website will be coming from an array of devices with different screen sizes.
Below is the extension for different screen sizes –
It’s a very useful extension that allows testers to measure the height and width of an object present on the screen. Using Screen Ruler, software testers can find out defects in the UI. Also, it helps to create an application with an exact number of pixels.
Using this extension, testers can measure object height, width, pad on either side by simply placing it over the element and dragging it to draw out a ruler in the desired direction.
For Web UI testing, it helps testers to log defects that, otherwise, wouldn’t be visible and helps make sure a pixel-perfect web application.
If you want the design on the web page to become a replica of some other page, this extension will get the job done for you. Pixel comparison with other pages is feasible with this Chrome extension.
It allows developers to put a semi-transparent image overlay over the top of the developed HTML and perform a pixel-perfect comparison between them.
It’s an alternative option for testing out how your website looks on different screen sizes. Using it is quite simple. Once you’ve installed it, click on the plugin image within the top-right browser menu. You’ll get a dropdown menu with a list of different screen resolutions, and you can click on each one to see how your website looks in it.
It changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes an inventory of commonly used resolutions and therefore the ability to customize that list.
Sometimes, being a tester, you need to prove your testing so what I do is always make sure to have proper evidence for every issue whether I am raising it or passing it. And that’s where I take the help of Lightshot.
It 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 and light-weight interface. You can save the screenshots to your local machine or upload them to the cloud (which you’ll share as a link with others).
There is just a reference though a significant list which you can use as a launchpad. You must expand it through your exploration and specific requirements and keep adding value to the organization and clients you’re employed for.
Most of the software testers make use of this Chrome extension to grab screenshots of the test as evidence. Testers also can grab the screenshot of an area on the screen, annotate, highlight and crop it. The screenshot is often easily shared with other testers otherwise you can just reserve it to your desktop.
- Screen Capture full-page screenshot.
- Screen recorder for a screencast.
- Annotate and share to Trello/slack etc.
- Capture all or part of any web page by this extension
I hope you will definitely use it in your daily testing. It can be advantageous. To know more in detail about these extensions, please comment and reach out to us.
Also, check out these posts about Manual Testing and Testing Standards-