4.1 KiB
UI Test Report: Enduro Trails — Зум, масштаб, поиск
Дата: 2026-05-14
Тесты: 11 | ✅ 8 | ❌ 2 | ⚠️ 1 (flaky)
Сводка
| # | Тест | Desktop | Mobile | Проблемы |
|---|---|---|---|---|
| TC-01 | Zoom-индикатор отображается | ✅ | ✅ | — |
| TC-02 | Zoom-индикатор обновляется при зуме | ⚠️ | — | Клик по zoom-in не сработал (headless?) |
| TC-03 | Масштабная линейка в правом верхнем углу | ✅ | ✅ | — |
| TC-04 | Масштабная линейка не перекрывается тулбаром | — | ✅ | — |
| TC-05 | Кнопка Поиск в тулбаре | ✅ | ✅ | — |
| TC-06 | Открытие панели поиска | ❌ | ❌ | Кнопка ✕ не видна |
| TC-07 | Закрытие панели поиска | — | ❌ | Панель не закрылась (связано с TC-06) |
| TC-08 | Поиск места с результатами | ⚠️ | — | Тест не завершился (нет скриншота) |
| TC-09 | Тулбар не обрезает кнопки (7 кнопок) | — | ✅ | — |
| TC-10 | Общий вид (desktop) | ✅ | — | — |
| TC-11 | Общий вид (mobile) | — | ✅ | — |
Дефекты
BUG-1: Кнопка закрытия (✕) панели поиска не видна
Severity: Medium
Тесты: TC-06, TC-07
Описание: Панель поиска открывается корректно, но кнопка закрытия (✕) не видна на скриншоте. Возможные причины:
- Кнопка есть в DOM, но цвет совпадает с фоном (var(--text3) на тёмной теме)
- Кнопка слишком маленькая или за пределами видимой области
- Стиль
#search-close-btnне применился
Влияние: Пользователь может закрыть панель повторным кликом на кнопку "Поиск" в тулбаре, но кнопка ✕ должна быть видна.
Фикс: Увеличить размер кнопки, сделать цвет контрастнее (var(--text1) или белый на тёмной теме).
BUG-2 (flaky): Zoom-in клик не сработал в headless
Severity: Low (вероятно проблема теста, не приложения)
Тест: TC-02
Описание: После 3 кликов по .maplibregl-ctrl-zoom-in зум не изменился. Вероятно MapLibre в headless Chromium не обрабатывает клики по контролам или анимация не успела завершиться.
Влияние: Не влияет на реальных пользователей — zoom-индикатор работает (подтверждено визуально в TC-01).
Что работает хорошо
- ✅ Zoom-индикатор отображается корректно на обоих viewport'ах
- ✅ Scale bar перенесён в правый верхний угол, не перекрывается тулбаром
- ✅ Кнопка "Поиск" в тулбаре — стиль единообразный, видна на мобильном
- ✅ Панель поиска открывается по клику
- ✅ Все 7 кнопок тулбара помещаются на мобильном (375px)
- ✅ Общий layout корректный на обоих viewport'ах
Рекомендации
- Исправить кнопку ✕ — сделать контрастнее/крупнее
- TC-02 — переписать тест с использованием
map.setZoom()через evaluate вместо клика по контролу - Проверить поиск вручную (ввод текста в headless ненадёжен)
Отчёт: Стрим 🌊 | 2026-05-14