# TEST CASES: UI улучшения (зум, масштаб, поиск)

**Проект:** enduro-trails  
**Дата:** 2026-05-14  
**URL:** https://openclaw.mva154.duckdns.org/enduro/

---

### TC-01 — Zoom-индикатор отображается
**Тип:** ui
**Viewport:** both
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. screenshot: "zoom-indicator-initial"
4. check-visual: "В правом верхнем углу карты виден zoom-индикатор (текст типа z7)"

**Визуальные критерии:**
- Виден мелкий текст с текущим зумом (z7 или подобное) в правом верхнем углу
- Фон полупрозрачный, текст читаемый
- Не перекрывает другие элементы

---

### TC-02 — Zoom-индикатор обновляется при зуме
**Тип:** ui
**Viewport:** desktop
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. screenshot: "zoom-before"
4. click: ".maplibregl-ctrl-zoom-in"
5. wait: 1000
6. click: ".maplibregl-ctrl-zoom-in"
7. wait: 1000
8. click: ".maplibregl-ctrl-zoom-in"
9. wait: 1000
10. screenshot: "zoom-after"
11. check-visual: "Zoom-индикатор показывает увеличенное значение (z10 или выше)"

**Визуальные критерии:**
- Значение зума увеличилось по сравнению с первым скриншотом
- Индикатор обновился корректно

---

### TC-03 — Масштабная линейка в правом верхнем углу
**Тип:** ui
**Viewport:** both
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. screenshot: "scale-control-position"
4. check-visual: "Масштабная линейка (scale bar) расположена в правом верхнем углу, ПОД zoom-индикатором. НЕ в нижнем углу."

**Визуальные критерии:**
- Scale bar виден в правом верхнем углу
- Расположен ниже zoom-индикатора
- Не перекрывается тулбаром (тулбар внизу)
- Показывает метрические единицы (м/км)

---

### TC-04 — Масштабная линейка не перекрывается тулбаром
**Тип:** ui
**Viewport:** mobile
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. screenshot: "scale-no-overlap-mobile"
4. check-visual: "Масштабная линейка НЕ перекрывается нижним тулбаром. Между ними есть пространство."

**Визуальные критерии:**
- Scale bar в верхней части экрана
- Тулбар внизу
- Нет наложения элементов

---

### TC-05 — Кнопка Поиск в тулбаре
**Тип:** ui
**Viewport:** both
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. screenshot: "toolbar-search-btn"
4. check-visual: "В нижнем тулбаре есть кнопка с иконкой лупы и подписью 'Поиск'"

**Визуальные критерии:**
- Кнопка "Поиск" с иконкой лупы видна в тулбаре
- Стиль совпадает с остальными кнопками тулбара
- Подпись читаема
- Кнопка не обрезана

---

### TC-06 — Открытие панели поиска
**Тип:** ui
**Viewport:** both
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. click: "#tb-search"
4. wait: 500
5. screenshot: "search-panel-open"
6. check-visual: "Над тулбаром появилась панель поиска с полем ввода и кнопкой закрытия (✕)"

**Визуальные критерии:**
- Панель поиска видна над тулбаром
- Поле ввода с плейсхолдером "Поиск места..."
- Кнопка закрытия (✕) справа
- Панель не перекрывает карту полностью

---

### TC-07 — Закрытие панели поиска
**Тип:** ui
**Viewport:** mobile
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. click: "#tb-search"
4. wait: 500
5. click: "#search-close-btn"
6. wait: 500
7. screenshot: "search-panel-closed"
8. check-visual: "Панель поиска скрыта, карта видна полностью, кнопка Поиск в тулбаре не активна"

**Визуальные критерии:**
- Панель поиска не видна
- Карта отображается полностью
- Кнопка "Поиск" в тулбаре без подсветки (не active)

---

### TC-08 — Поиск места с результатами
**Тип:** ui
**Viewport:** desktop
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. click: "#tb-search"
4. wait: 500
5. click: "#search-input"
6. wait: 200

**Визуальные критерии:**
- Поле ввода активно (фокус)
- Курсор в поле

---

### TC-09 — Тулбар не обрезает кнопки (7 кнопок)
**Тип:** ui
**Viewport:** mobile
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 4000
3. screenshot: "toolbar-all-buttons-mobile"
4. check-visual: "Все кнопки тулбара видны и не обрезаны на мобильном экране (375px). Кнопки: Маршрут, Связка, Красивый, Разведка, Линейка, Поиск, Метка"

**Визуальные критерии:**
- Все 7 кнопок видны
- Иконки и подписи не обрезаны
- Кнопки достаточного размера для тапа (минимум 44px touch target)
- Нет горизонтального переполнения

---

### TC-10 — Общий вид (desktop)
**Тип:** ui
**Viewport:** desktop
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 5000
3. screenshot: "full-desktop-view"
4. check-visual: "Общий вид приложения на десктопе: карта, тулбар внизу, zoom-индикатор и scale bar в правом верхнем углу, навигация слева"

**Визуальные критерии:**
- Карта занимает весь экран
- Тулбар внизу с кнопками
- Zoom-индикатор в правом верхнем углу
- Scale bar под ним
- Навигационные кнопки (zoom +/-) слева
- Нет визуальных артефактов

---

### TC-11 — Общий вид (mobile)
**Тип:** ui
**Viewport:** mobile
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 5000
3. screenshot: "full-mobile-view"
4. check-visual: "Общий вид приложения на мобильном: карта, тулбар внизу, zoom-индикатор и scale bar в правом верхнем углу"

**Визуальные критерии:**
- Карта занимает весь экран
- Тулбар внизу, все кнопки видны
- Zoom-индикатор в правом верхнем углу
- Scale bar под ним
- Нет горизонтального скролла
- Элементы не наезжают друг на друга