Our Team’s Favorite Chrome Extension
We’ve decided that the best way to start this list is by sharing what the QA Madness team uses the most frequently. Below, you’ll find some of their favorite tools.
VPN can be a big part of geolocation testing. In the sea of alternatives, it may be difficult to reach a consensus on functionality vs cost. Free VPNs can be limited in their usage, and paid services can be quite pricey or not meet your expectations.
Touch VPN is a great option that does not compromise quality. It is a free and unlimited service, with many advantages:
- Available for all devices.
- Works on a multitude of OSs.
- Over 5900 servers.
- Intuitive UI.
- Easily configurable preferences.
This extension is efficient for software testing particularly because it is operational in 90+ countries. Thus, you can quickly switch between GeoIPs during geolocation testing and finish this phase faster.
JavaScript is special in many ways. One of its situational vices, however, is its asynchronous nature. In other words, you are not able to delay a program’s execution for a desired amount of time.
JavaScript Pause/Resume extension allows you to create intervals while running the code to take care of other stuff. This plugin has only one function, yet it saves time by adding more time – a paradox really. Also, you are much more likely to avoid callback hell with this app.
Every user’s cache needs to be cleaned periodically to avoid issues such as delay, data corruption, and security endangerment. A regular cache-clearing procedure on Chrome takes 6 steps and involves a bit of scrolling and locating. To make this task simpler and quicker, Clear Cache extension implements the same function but with a single click.
For developers and QA engineers saving just a few moments can make a big difference. And when it comes to cache, refreshing it regularly is particularly important due to frequent updates and alterations of the projects they are working on. Clear Cache allows you to swiftly tidy up stored data by pressing the app’s icon after adding it to the browser. You can also enter the plugin’s settings and change the type of files to be removed as well as periods to be included during the ‘cleansing’ process.
GoFullPage is a very simple and intuitive tool for capturing a webpage fully with minimal effort. What makes this extension special is that it was created with fellow QA engineers in mind. As the creator stated, they have used many similar apps but were unable to capture a webpage in its entirety at once. Therefore, they decided to make an app that was capable of this.
After installing the extension, you just need to pin the plugin in your browser, turn it on, and relax for a few seconds while the extension does its job. You will notice the page being scrolled down without you moving the mouse, which is how GoFullPage operates to free you from performing any extra actions. After the screen is captured, you will be able to download it in a range of formats, such as PDF and PNG, and use the files as desired.
CSS Selector Helper is a great organizer. The main function is listing all CSS selectors in a smart window integrated into your dev tools. Thus, instead of straining your eyes over dozens of selectors, with the help of this app you can speedily skim through the presented catalog and work with needed options.
The grid with all CSS selectors presents element IDs and CSS classes with an established hierarchy – from ancestor elements to the selected variant. Among other features are:
- Including items in the needed selector.
- Cycling through desired elements.
- Switching between elements, etc.
Overall, it is a fairly simple and convenient addition to your testing toolkit.
Dimensions is a clear-cut plugin that helps precisely measure distances between elements. The way it works is very simple. Your cursor transforms into the center for horizontal and vertical rulers that are projected from the middle. The two perpendicular lines adjust automatically when detecting the elements on a webpage. As you move the mouse, the cross grid follows it, quickly locating visual components. In the same manner, a small box trails the cursor around, momentarily showing the space between parts of the design.
What is quite useful is the set of shortcuts the extension functions with. You can fully focus on the screen while using key combinations to perform desired actions.
This tool is very specific. Yet, it was able to find its niche and become quite popular for developers and QA engineers working with Magento.
Magento Form Filler was created with one specific function in mind, as is deductible from the name, – filling user information. The app uses default dummy data for user form, which can be saved and applied as needed. Further, you can add more users and adjust their info if desired.
Time is money, speed is key, thus, for agents involved with Magento, this extension is able to save those crucial minutes.
GTM is an incredibly useful tool not only for developers and QA engineers, but also marketers and web analysts. If you have never used Google Tag Manager before, it might not be the easiest app to grasp. However, spending a few moments on understanding the basics will save a lot of time in the long run.
This extension allows keeping all tags implemented on a webpage(s) under a single interface. You can create multiple GTM accounts and apply as many containers as needed for convenient navigation. Some of the main functions are:
- Editing, adding, removing tags.
- Modifying/altering triggers and variables.
- Grouping/organizing desired tags.
- Testing current implementations with the Preview feature.
- Tracking and managing versions with used tags.
- Reusing parts of a container via import/export functions.
- Providing access to multiple users for efficient cooperation, etc.
GTM permits you to avoid editing the site code and use third-party tools with ease and no delays. Further, the plugin is achieving more popularity each day, and the developers regularly update it for better functionality.
This extension helps with monitoring Meta pixels present on a webpage. After completing the installation process, the plugin will work in the background, e.g. it will be highlighted upon detecting the presence of a Meta pixel. You can click on the tool’s icon and it will provide a list of all acting pixels and info on what they are tracking. Each pixel is provided with corresponding event info, e.g.:
- Load time.
- Pixel code.
- Pixel location, etc.
In case a pixel is not functional, Pixel Helper will notify you that a Meta pixel is present but the conversion code was not loaded, i.e. this snippet of code does not function properly. It is a straightforward plugin that helps determine what works and what does not. Hence, you will know where to put your effort next.
Ghost Inspector extension is great for automating regression testing. It permits recording automated webpage tests and running them as many times as needed. This plugin converts real-world interactions into automated tests. To better explain how it functions, let us go over the process’s basics:
- Install the app and add it to your Chrome extensions.
- Start the recording.
- Perform desired actions, e.g. filling out a client form.
- When needed, make assertions to ensure that, for instance, UI works as intended (e.g. you need the app to verify that validation messages appear).
- Finalize the recording.
- Rerun the test via Ghost Inspector.
After, you will be presented with the list of all recorded actions, passed/failed clauses, as well as the actual video recording of the session and the final screenshot to make sure the outcome is identical to the successful option.
You can save and schedule such tests’ reruns as you please and set self-destruction date/time in case this is required. Further, you are able to adjust privacy settings to deny or allow access to your info for other users.
Tag Assistant is a high-level QA extension that helps verify that all implemented tags work correctly. You can enable it on a current site or let it check all open tabs in your browser. When turning the plugin on, you will be provided with a list of all active tags. Each of them is accompanied by color-coded icons that let you know their status. From here, you will be able to select any desired tag and view available details.
What is more, you can greatly benefit from the extension’s Record function. Here is how it works:
- Enable the recording.
- Carry out a transaction from a user’s point of view.
- Go to Google Tag menu and request a full report.
- The plugin shows how Google Tag itself processed all actions on a webpage.
- The Google Analytics tab demonstrates how these actions were perceived by Google Analytics, providing data on marketing, behavior, and conversions.
- Here, you will able to identify an issue if such occurred.Implement needed changes to rectify a mistake.
- And replay your recorded session to carry out the same actions to verify that the defect was eliminated.
This plugin is great for effective management and support of all tags you want to implement on your page.
Dashlane removes the burden of trying to remember all login or payment data by safely storing that info for you. With this extension, you have your own digital safe where each password is memorized and protected.
Specifically, you can:
- Generate passwords and adjust what they should include.
- Add and modify passwords.
- Control your passwords in the app.
- Keep them organized by implementing desired notes.
- Autofill any form on countless webpages.
With Dashlane, you will also benefit from password health score system that evaluates your logins’ status and offer ways to improve data protection. Further, the app will send a notification immediately if it notices any breach potential.
Another convenient password manager boasts of its first-rate organization setup. In your LastPass account, called a vault, you can notice folders for all your digital data:
- Passwords.
- Notes.
- Addresses.
- Payment cards.
- Bank accounts.
The main screen contains all your login details displayed as cards, which you can update and edit when needed. In case you want to create another information storage unit, simply press the plus sign button, fill it in, and use it to automatically input personal details on any webpage.
This tool lets you assess HTML tags and metadata without accessing source code. After clicking on the browser extension icon, a panel with meta descriptions for all available components is presented.
An efficient yet simple color-coded system to let you know what options you have regarding potential actions is of great use:
- Mistakes are marked as ‘warnings’ in red, e.g. a description is too long/short.
- Small issues detected are labeled ‘info’ in blue.
- Tips are highlighted in yellow and will present you with options on how to optimize your SEO elements.
Additionally, with META SEO Inspector, you can explore competitors’ practices and better understand how to enhance your own project.
ARC Toolkit extension gathered many accessibility tools in one app to optimize your ADA testing. It is a must-have among all QA Chrome extensions. After integrating the plugin into your developer tools, you will be able to view ARC Toolkit’s main panel. In this menu, a set of tests is displayed. These can be run simultaneously and individually. In case any defects are found, the app will notify you in its Elements panel.
More specifically, with ARC Toolkit you can:
- Locate elements that do not conform to WCAG.
- Find compatibility issues regarding ARC Rules v5.
- Identify color contrast mistakes.
- Transport issues found to your preferred bug tracking system.
- Adjust your preferences to flag specific errors, etc.
Any changes made can be quickly retested and results viewed via a fresh report. This extension is a fast solution for tough problems.
Digital accessibility testing is crucial for the modern world, where we celebrate humanity and each individual. During this testing, Screen Reader extension for Chrome will help you evaluate how well a webpage is set up for people with particular conditions.
This plugin converts text into information that can be conveyed through synthetic speech. This is a great way of investigating code and alt tags for visuals in order to make sure the site is available for all.
This plugin lets you effortlessly modify color schemes on any website. Unlike other similar extensions that try to alter original shades, High Contrast uses filters to overlay them on top of the page and make it easier on the eyes. A few options are available:
- Normal – the default of a webpage.
- Increased contrast – makes the colors stand out.
- Greyscale – everything goes to black and white.
- Inverted color – reverses all colors expect the images.
- Inverted greyscale – functions just like the above variant but in black-and-white.
- Yellow on black – background is painted black and main visuals and text are tinted yellow.
Also, High Contrast presents you with the choice of using the app on all or selected platforms, thus the experience can be customized for each consumer.
While not directly related to testing, Grammarly is popular among QA resources. For QA experts, it can be a handy instrument for quick report/email composing, editing, and proofreading. It can be added to your Chrome browser as an extension, but also can be accessed via the app’s official site.
Grammarly has a very user-friendly UI and offers quite a few useful functions:
- Grammar checking.
- Punctuation tips.
- Adjusting tone of voice.
- Simulating level of language proficiency.
- Selecting spelling (US, UK, AU, etc.).
- Synonym finder, etc.
In case you need a fast and efficient re-read of any documentation, this app will help save time and demonstrate your attention to details.
Chrome Extension for UI Testing
QA Chrome extensions provide a bunch of new opportunities to software testers who are working on UI testing. Our favorite tools in this category are Page Ruler Redux, WhatFont, PerfectPixel, and Window Resizer.
This extension comes in handy when a software tester deals with element spacing, such as margins and paddings. Page Ruler Redux is a simple UI testing Chrome extension that measures object height, width, and padding on both sides by placing a pointer over an element and dragging it to draw a ruler in the desired direction.
There is one more great feature for QA engineers – an ability to test alternative web pages in case you want to replicate some other design on your page. Page Ruler Redux helps you find the defects that would be complicated to notice otherwise and deliver a pixel-perfect product.
When it comes to fixing issues with font size, color, and style, the QA Madness team recommends using this Chrome extension. It verifies the used font family and size for a particular section on a web page.
WhatFont enables you to quickly identify a particular text on a web page. It is faster than doing it without an extension (which is right-click > go to the elements > check the CSS > see the info). Instead, click on the WhatFont icon and hover the pointer over the word. The extension will instantly show you the font name with all the details (color, weight, etc.)
This tool allows comparing the original design with the actual design on the frontend. You can put a semi-transparent image overlay over the HTML for pixel perfection comparison. The list of the plugin’s features includes:
- layer inversion;
- drag-and-drop;
- scaling;
- pasting from URL and clipboard;
- multiple layers support, etc.
PerfectPixel allows QA engineers to ensure the design of the product under test matches the intended design pixel for pixel.
This Chrome extension for website testing allows you to check website layouts on multiple browser resolutions without using physical devices. Windows Resizer adjusts a browser window to replicate other screen resolutions.
The resolution list is customizable, so you can:
- adjust the window’s position, height/width, preset icons (phone, tablet, laptop, desktop);
- apply the new dimensions to either the whole window or just the viewport.
Window Resizer has useful features that allow you to set global key shortcuts, export your settings, and import them on a different computer.
Chrome Extensions for Exploratory Testing
You may be surprised, but there are Chrome extensions for testing you can use for exploratory testing. Though it doesn’t rely on the pre-written test cases, some decided to make exploratory testing a little more predictable and, thus, simpler to run.
BugMagnet provides quick access to problematic values and edge cases for editable elements. It comes with names, URLs, basic XSS, JavaScript exploits, and strings that can cause display issues. It also offers test data for eight different payment processors and the ability to load your JSON files with project-specific data. Besides, you don’t have to make up any test values for field value testing – Bug Magnet will do it for you.
As the name implies, this Chrome extension will help you with exploratory testing. It allows you to add annotations in the form of questions, ideas, and notes you can later use to write bug reports. Basically, this tool helps record your thoughts in a structured way while testing a web app.
QA Extensions for Accessibility Testing
When it comes to accessibility testing, there are international and local standards QA engineers need to follow – WCAG, ARIA, RGAA, Section 508, etc. The following Chrome extensions will make it simpler to check compliance with the standards.
It provides visual feedback about the convenience of web content for people with disabilities. By injecting icons and indicators into the web page, WAVE facilitates human evaluation and educates about accessibility issues.
This is a Chrome extension for automated testing. It’s a lightweight extension based on the axe JavaScript library. It reports errors for any deviations from WCAG 2.0 and Section 508 (US Federal Procurement Standard).
Web Helper is a great option for testing a website’s accessibility and color contrast ratios. It provides everything you need to visually highlight problematic elements on-page and view the exact failure details. Accessible Web Helper can be used to scan web pages against various levels of WCAG 2.0/2.1 A/AA rulesets.
API Testing Extensions in Chrome
You probably know that it is possible to test APIs when a user interface layer works or before it is ready. One way or another, there are Chrome plugins for API testing that help with this task.
Yet Another REST Client is a straightforward Chrome REST console that lets you test and even debug various APIs. Here, you can easily save your favorites and then import/export them to new devices. This API test Chrome extension keeps a history of the previous requests so that you can use them for quick comparisons or rerun them.
Postman Interceptor Chrome is great for testing RESTful APIs. It offers you to set up and switch environment variables on the fly and saves plenty of time. Moreover, the latest version allows early testing – without UI ready and working.
The extension also supports automated tests and sending headers without using a proxy, which is critical for API testing. One more great thing about Postman Interceptor is its ability to group test API requests into collections and sync them in a cloud.
That Chrome API tool makes it easy to invoke, discover, and test REST, SOAP, and HTTP APIs. In addition, the extension lets you perform many sorts of API response tests and can be used to validate header values, body elements, or response time.
Penetration Testing Kit: Chrome Extensions
Request Maker is a widely-used penetration testing Chrome extension. It allows creating new requests, tampering with the URLs, capturing requests made by web pages, modifying headers and POST data. You can also bookmark the requests at the click of a button. That’s a true time-saver.
It is one more useful Chrome extension for security testing. It supports a variety of encoding/decoding types. The instruction is as short and clear as ABC:
- copy text to your clipboard;
- select a conversion from the menu;
- after the conversion, d3coder copies the new text into your clipboard.
QA Chrome Extensions for Screenshots
Screenshot extensions help software testers prepare better documentation. We’ve shared an article about screen capture tools for software testers, you can find more details there. For now, check out some of the Chrome extensions that let you take screenshots easily.
It’s a feature-rich and highly customizable screen capture tool. Lightshot allows you to grab screenshots in various ways, including saving them in a cloud.
This is one more high-rated Chrome extension. It can capture a full screen or a specific region on a web page. This extension allows you to edit a screenshot by cropping, highlighting, adding text, commenting, etc. You can also blur sensitive info and share it with one-click uploads.
It’s a screen recorder that allows you to capture user behavior on a web page as a video. Even if you’re a free user, you have the ability to trim and export your videos with no watermark.
Website Cookie Testing
Testing the browser cookies and the cache is no less important than UI or functional testing. To make sure the web pages behave as expected and the users are getting the right data from the server, take advantage of these extensions.
Whether for A/B testing, checking feature accessibility, or cookie management, EditThisCookie is an uncomplicated tool containing many useful features.
Upon installing the app, you will be able to view all cookies a webpage applies when being utilized. The extension presents a neat list with all cookie files. For them, you are able to view a set of qualities, such as values, domains, expiration dates, etc. Additionally, in settings, you can alter, remove, create and add cookies as well as optimize your experience via the app’s options window.
It’s a Google extension that does exactly what its name suggests: adds, deletes, edits, protects, blocks cookies, and can help you export cookies in JSON format.
Final Thoughts
These are some of our must-have Chrome extensions that can facilitate and speed up the testing process. Long story short, they can make your work and life simpler, and that’s a good reason to add at least some to your regular toolkit.