Практика тестирования
Комбинация: локальные браузеры + BrowserStack/Sauce + CI скриншоты.
Чеклист
- Матрица из browserslist продукта (последние Chrome/Firefox/Safari, иногда Edge).
- Проверка layout на ширинах mobile/tablet/desktop.
- Ручной smoke: формы, фокус, RTL при необходимости.
- Автоматизация: Playwright/Cypress + Percy/Chromatic.
- caniuse /
@supports для рискованных фич.
Не гоняйте IE «на всякий случай», если аудитории нет — фиксируйте политику поддержки в README.
Итог
Явная матрица поддержки + автотесты визуала + ручной проход по критичным сценариям. «Открыл в Chrome» — недостаточно.
CSS · middle · сложность 5