HTML
HTML отвечает за структуру страницы: формы, поля, кнопки, таблицы, ссылки, семантические блоки. Для QA это важно и для понимания DOM, и для accessibility, и для работы с автотестами.
CSS
CSS определяет внешний вид и layout. Ошибки здесь часто проявляются как сломанный responsive, перекрытие элементов, невидимые кнопки, проблемы контраста и inconsistent states.
JavaScript
JavaScript управляет поведением страницы: валидацией, динамическими изменениями DOM, запросами, состоянием и реакцией на действия пользователя. Многие “странные” UI-баги на самом деле являются багами JS-логики.
Что это даёт QA
- →Легче читать DOM и локализовать UI-проблемы.
- →Проще понимать, почему элемент есть в макете, но не отображается или не кликается.
- →Проще связывать пользовательское действие с сетевым запросом и JS-обработчиком.
- →Проще писать более точные баг-репорты и обсуждать проблему с frontend-разработкой.
🧱
Минимальная web-грамотность делает QA не “человеком, который видит баг”, а человеком, который понимает, в каком слое он вероятнее всего находится.