wiki/tasks/enduro-trails/TEST_CASES_UI_SEARCH.md

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 под ним
• Нет горизонтального скролла
• Элементы не наезжают друг на друга