# 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'ах

---

## Рекомендации

1. **Исправить кнопку ✕** — сделать контрастнее/крупнее
2. **TC-02** — переписать тест с использованием `map.setZoom()` через evaluate вместо клика по контролу
3. Проверить поиск вручную (ввод текста в headless ненадёжен)

---

*Отчёт: Стрим 🌊 | 2026-05-14*