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