Responsive testing

Draft

Что именно должен проверять QA в responsive-интерфейсе: не только размеры экрана, но и поведение контента, навигации и состояний.

Содержание

Responsive testing — это проверка того, как интерфейс адаптируется к разным viewport, а не просто поиск “поехавших блоков”. Качественная проверка смотрит на usability, доступность действий и сохранение бизнес-сценария.

Что проверять обязательно

  • Навигацию, меню, фильтры и модальные окна.
  • Формы, таблицы, длинные тексты и карточки.
  • Кликабельность элементов и доступность основных CTA.
  • Состояния loading, error, empty, validation.

О чём часто забывают

  • Landscape-режим и промежуточные ширины.
  • Системный zoom и browser zoom.
  • Длинные локализованные тексты.
  • Sticky-элементы, которые перекрывают контент или кнопки.

Хорошая проверка

Хороший responsive QA задаёт вопрос не “красиво ли выглядит страница”, а “может ли пользователь завершить ключевой сценарий на этом размере экрана без лишней боли”.