Except for test data generator, terminal, a web browser, and Git, testers use (or at least they should) a bunch of different tools that are designed both to solve particular tasks and be a good helper on a routine basis.

This article is a short review of some useful software that QA engineers should always keep around. In order not to analyze this software inconsistency, we grouped all the web products described according to their technical purpose.

Testing According to Web Standards

• W3C validator is an online platform for testing and analyzing the HTML tree.
• Can I use tests the way how modern browsers support different website configurations (from tags to API and connected external technologies).
• Can I include tests possibilities (e.g. put one tag into another, and if not, why). The portal contains detailed information, and a set of links to requirement specifications to provide first-class QA services.

Layout Testing and CSS Testing

There are a lot of various layout tools. Nevertheless, we’d like to mention the most popular ones:

• CSS Peeper is a special extension that allows monitoring images and taking the necessary dimensions without having to constantly open the developer’s tools.
• HTML tree generator allows you to view the markup structure and the current structure of all headers on the specific page in the most convenient way.
• BrowserStack – a lot of online browsers of different versions and running different OSes with the help of which you can see how a particular site is displayed.

Working with Program Code

• 8 extensions VS Code for performance optimization – a lot of plugins that are always in demand.
• JS Event KeyCodes will be useful while working with applications that are directly handled by keyboard input.
• JSON Placeholder is a completely free REST API used for testing when you need to include some fake data on a project.
• JSON Parser Online is a special tool that makes JSON readable for users.
• Bundlephobia shows what dependencies the npm packet draws in.

Graphic

Everything you may need when working with test content: image compressors, stretchers, uploaders.

• Squoosh – a tool for optimizing images;
• TinyPNG – ability to compress WebP, JPG. As an option, you can use it to create preview files.
• Image Upscaler is a picture enlarger which functions based on a built-in neural network.

Testing Content with a Lot of SVG Files

• SVGOMG cleans SVG from various unnecessary files.
• SVG to bg is a special converter for SVG icons to apply in CSS.
• URL-encoder for SVG can be used when you need to display SVG as a background image.