Окрім генератора тестових даних, терміналу, веб-браузера та Git’у, тестувальники використовують (або, принаймні, повинні використовувати) купу різних інструментів, які призначені як для вирішення специфічних завдань, так і для того, щоб бути гарним помічником на постійній основі.

Ця стаття є коротким оглядом деяких корисних програм, які QA-інженери завжди повинні мати під рукою. Щоб не аналізувати цю неузгодженість програмного забезпечення, ми згрупували всі описані веб-продукти відповідно до їхнього технічного призначення.

Тестування за веб-стандартами

• W3C валідатор - це онлайн-платформа для тестування та аналізу дерева HTML.
• Чи можна використовувати тести для перевірки того, як сучасні браузери підтримують різні конфігурації веб-сайтів (від тегів до API та підключених зовнішніх технологій).
• Чи можу я включити можливості тестування (наприклад, вставити один тег в інший, і якщо ні, то чому). Портал містить детальну інформацію та набір посилань на специфікації вимог для надання першокласних послуг з контролю якості.

Тестування верстки та тестування CSS

Існує безліч різноманітних інструментів для верстки. Проте, ми хотіли б згадати найпопулярніші з них:

• CSS Peeper - це спеціальне розширення, яке дозволяє відстежувати зображення і знімати необхідні розміри без необхідності постійно відкривати інструменти розробника.
• Генератор дерев HTML дозволяє переглянути структуру розмітки і поточну структуру всіх заголовків на конкретній сторінці в найзручніший спосіб.
• BrowserStack - безліч онлайн-браузерів різних версій і під різними ОС, за допомогою яких можна побачити, як відображається той чи інший сайт.

Робота з програмним кодом

• 8 розширень VS Code для оптимізації продуктивності - багато плагінів, які завжди користуються попитом.
• JS Event KeyCodes буде корисним при роботі з додатками, які безпосередньо обробляють клавіатурний ввід.
• JSON Placeholder - це абсолютно безкоштовний REST API, який використовується для тестування, коли вам потрібно включити деякі фальшиві дані в проект.
• JSON Parser Online - це спеціальний інструмент, який робить JSON читабельним для користувачів.
• Bundlephobia показує, які залежності втягує в себе npm-пакет.

Графіка

Все, що може знадобитися при роботі з тестовим контентом: компресори зображень, розтяжки, завантажувачі.

• Squoosh - інструмент для оптимізації зображень;
• TinyPNG - можливість стискати WebP, JPG. Як варіант, ви можете використовувати його для створення файлів попереднього перегляду.
• Image Upscaler - це програма для збільшення зображень, яка працює на основі вбудованої нейронної мережі.

Тестування контенту з великою кількістю SVG-файлів

• SVGOMG очищає SVG від різних непотрібних файлів.
• SVG to bg - це спеціальний конвертер для іконок SVG для застосування в CSS.
• URL-кодер для SVG може бути використаний, коли вам потрібно відобразити SVG як фонове зображення.