# UI Test Cases: Terrain (Фаза 5.4)

### TC-T-01 — Кнопка рельеф видна
**Тип:** ui
**Viewport:** both
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 3000
3. screenshot: "terrain-btn-visible"
4. check-visual: "Кнопка рельеф (иконка горы) видна в правой панели кнопок. Не обрезана, достаточного размера для тапа."

**Визуальные критерии:**
- Кнопка с иконкой горы видна
- Не перекрыта другими элементами
- Достаточный размер (>44px на мобильном)

---

### TC-T-02 — Попап рельеф открывается
**Тип:** ui
**Viewport:** both
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 3000
3. click: "#terrain-toggle"
4. wait: 500
5. screenshot: "terrain-popup-open"
6. check-visual: "Попап рельеф открылся. Видны два чекбокса: Гипсометрия и Отмывка. Попап не обрезан, текст читаем."

**Визуальные критерии:**
- Попап виден полностью
- Два чекбокса с подписями
- Текст читаем, контраст достаточный
- Попап не перекрывает критичные элементы карты

---

### TC-T-03 — Включение гипсометрии
**Тип:** ui
**Viewport:** desktop
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 3000
3. click: "#terrain-toggle"
4. wait: 500
5. click: "#terrain-hypso-cb"
6. wait: 3000
7. screenshot: "hypso-enabled"
8. check-visual: "Гипсометрия включена: на карте виден цветной полупрозрачный слой рельефа (зелёные/жёлтые/коричневые тона поверх базовой карты)."

**Визуальные критерии:**
- Виден цветной overlay поверх карты
- Карта под overlay всё ещё читаема
- Нет артефактов (чёрные/белые блоки)

---

### TC-T-04 — Включение отмывки (hillshade)
**Тип:** ui
**Viewport:** desktop
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 3000
3. click: "#terrain-toggle"
4. wait: 500
5. click: "#terrain-hypso-cb"
6. wait: 1000
7. click: "#terrain-hillshade-cb"
8. wait: 3000
9. screenshot: "hillshade-enabled"
10. check-visual: "Отмывка включена: видны тени рельефа (затемнение на склонах). Если зум < 10 — чекбокс hillshade должен быть disabled с подсказкой 'Зум 10+'."

**Визуальные критерии:**
- Если зум >= 10: видны тени на рельефе
- Если зум < 10: чекбокс hillshade неактивен, подсказка видна
- Нет чёрных/белых артефактов

---

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

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 3000
3. click: "#terrain-toggle"
4. wait: 500
5. screenshot: "popup-open"
6. click: "#terrain-toggle"
7. wait: 500
8. screenshot: "popup-closed"
9. check-visual: "Попап закрылся после повторного клика на кнопку рельеф. Попап не виден на экране."

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

---

### TC-T-06 — Мобильный попап не обрезан
**Тип:** ui
**Viewport:** mobile
**URL:** https://openclaw.mva154.duckdns.org/enduro/

**Шаги:**
1. navigate: https://openclaw.mva154.duckdns.org/enduro/
2. wait: 3000
3. click: "#terrain-toggle"
4. wait: 500
5. screenshot: "terrain-popup-mobile"
6. check-visual: "Попап terrain полностью виден на мобильном экране. Не обрезан снизу/справа. Чекбоксы достаточного размера для тапа (>44px)."

**Визуальные критерии:**
- Попап целиком в viewport
- Чекбоксы кликабельного размера
- Текст читаем на маленьком экране