Currently more and more web browsers, making our life as well as the work of testers easier such as: Chrome, Firefox, AVG … Especially Chrome, in addition to having an interface Compact, light, easy to use also provides many useful utilities, so many people choose to use it.
For software testing, Chrome has a wide range of support utilities, divided into the following groups:
Utilities that support Web UI testing:
1. Screen Ruler:
Screen Ruler is a simple Chrome extension that supports Web interface testing: you can measure the size of the object (height, width), the size of the buffers on the sides of the object (from the edges above. (bottom, left or right of the object to the corresponding edges of the Web screen) by simply placing the Ruler pointer over the object and dragging to draw an area in the desired direction. Screen Ruler is really a useful Chrome utility for web interface testing because it allows us to check for design flaws that we cannot see with the naked eye. Screen Ruler helps you to ensure a perfect pixel by design Web application.
When testing the interface, we also have to determine whether the display of the font and the font size used by the text on the Website is correct or not. WhatFont is a simple extension as the name implies – making it easy to know which fonts are on the test page. Just hover over any text for which you want to identify the font on the web page and WhatFont will show you the type of font used. If you need more information about the font used for text on the Website, WhatFont also provides you with this information by clicking on the text to be checked.
ColorZilla is a Chrome extension that allows you to find the exact colors used on a web page displayed in the Chrome browser. ColorZilla is really helpful when you need to check whether the colors used on the Website match the design specifications or not.
If you are the type of person who always hopes your Website is displayed perfectly according to its design, PerfectPixel is for you! PerfectPixel allows you to ensure that your website’s appearance is perfectly pixelated. You can create a standard layer, then place it (semi-transparent) on top of the interface layer under test to compare the accuracy of each pixel.
5. IE Tab:
Extending the IE tab in Chrome when testing is essential. Because during the test, you may have to test your Website on IE with different versions. At that point, reinstalling IE will be very inconvenient and sometimes the version you need to install doesn’t match your operating system. Then IE Tab will be very useful to you: it’s simple and saves a lot of time. This is one of the most popular IE emulators. Using IE Tab, you can test webpages to test against different versions of IE without any need
6. Spell Checker:
Spell Checker utility helps you to check spelling for all words displayed on the web page and suggest word correction if wrong. This is a simple Chrome extension that allows spellchecking and supports up to 12 languages. During use, you can also add your own words to the dictionary.
Unfortunately if you are new to this amazing tool, Grammarly is a great utility that checks English grammar of any text anywhere you can write online – like mail, comments, blog posts, Facebook. As you write, Grammarly will automatically check spelling and grammar errors, then highlight them without leaving the browser.
The help utilities get the Test Evidence
Test evidence is very important in error logging, helping to reconstruct the errors logged during the test. Chrome provides many good tools that allow you to take screenshots easily and can add captions on that evidence simply and quickly, saving a lot of time.
8. Awesome Screenshot:
Awesome Screenshot – is the most famous screen capture tool among software testers use. You can capture full screen, capture a specific area or capture content displayed on the web page, and provide tools to annotate screenshots by highlighting, cropping images, adding text captions. … creates test evidence that you want. After you have created a satisfactory test evidence file, you can easily share it with others. You can save it to your computer, or you can temporarily archive it with Awesome Screenshot or permanently archive it by uploading it to Google Drive or Diigo.
Lightshot is a handy screen capture tool that allows you to take screenshots of test evidence and customize them by adding captions. It has a simple interface and is lightweight. You can save photos on your personal computer or upload them to cloud storage facilities (where you can share links with others).
Another test evidence utility that Chrome provides is Screencastify. Testers should add this as a tool that should be included in their test support toolkit. It allows you to fully capture user behavior on any website into a video that you can share with other programmers or testers. You just need to press the “Record” button and the content of your tabs will be recorded along with your actions.
The downside of this extension is that it only supports Chrome version 48.0 or higher.