Skip to content

TEST_ROUTES_CHECKLIST.md

Latest commit

 

History

History
152 lines (119 loc) · 6.26 KB

TEST_ROUTES_CHECKLIST.md

File metadata and controls

152 lines (119 loc) · 6.26 KB
Raw

🧪 Чек-лист тестирования реальных маршрутов

🚀 Запуск теста

1. Базовая проверка

  • Открыть http://localhost:5173
  • Нажать "Подобрать маршрут"
  • Выбрать "Семья с детьми"
  • Указать дату
  • Нажать "Сгенерировать маршрут"

2. Проверка карты

  • Карта загрузилась
  • Видны маркеры мест
  • Видны цветные линии маршрутов
  • Маршруты идут по дорогам (не прямые линии)

3. Проверка маршрутов

  • Линии следуют по дорогам
  • Цветовая схема работает (День 1=синий, День 2=красный, День 3=зеленый)
  • Маршруты не пересекаются хаотично
  • Масштаб карты корректный

🔍 Детальное тестирование

Визуальная проверка

# Откройте консоль разработчика (F12) и проверьте:
1. Network вкладка - запросы к OSRM:
   - https://router.project-osrm.org/route/v1/driving/...
   - Status: 200 OK
   - Response: JSON с координатами маршрута

2. Console вкладка - логи:
   - "Маршрут дня X: Y.Y км, Z мин"
   - Нет ошибок JavaScript

Функциональная проверка

  • Клик на маркер → открывается попап с информацией
  • Попап содержит фото, название, рейтинг, цену
  • При клике карта приближается к маркеру
  • Анимация пульсации активного маркера работает

Адаптивность

  • Десктоп: Карта 420px высота
  • Мобильный (уменьшите окно): Карта 300px высота
  • Контролы адаптируются под размер экрана

🎯 Тестовые сценарии

Сценарий 1: Короткий маршрут (2-3 места)

  1. Сгенерируйте маршрут на 1 день
  2. Проверьте: 1 линия маршрута
  3. Убедитесь: линия следует по дорогам

Сценарий 2: Длинный маршрут (5+ мест)

  1. Сгенерируйте маршрут на 3 дня
  2. Проверьте: 3 разные линии по цветам
  3. Убедитесь: каждая линия следует по дорогам

Сценарий 3: Переключение дней

  1. Нажмите на маркер Дня 2
  2. Проверьте: подсветка маркера Дня 2
  3. Проверьте: карта приближается к маркеру

🔧 Расширенное тестирование (RouteMapAdvanced)

Переключение типов маршрутов

  • Кнопка "На машине" → сплошные линии
  • Кнопка "Пешком" → пунктирные линии
  • Кнопка "На велосипеде" → средние линии
  • При переключении маршруты перестраиваются

Информационная панель

  • Видны иконки типов маршрутов
  • Название "OSRM Routing Engine"
  • Текущий тип маршрута отображается

🚨 Ошибки и их решение

Ошибка: "Маршруты не строятся"

Причина: OSRM сервер недоступен
Решение: Проверьте интернет-соединение

Ошибка: "Линии по прямой"

Причина: leaflet-routing-machine не установлен
Решение:

cd client_app
npm install leaflet-routing-machine

Ошибка: "Маркеры не отображаются"

Причина: Нет демо-данных в БД
Решение:

docker exec cluster_api python scripts/seed_demo_places.py

📊 Проверка производительности

Скорость загрузки

  • Карта загружается < 3 секунд
  • Маршруты строятся < 5 секунд
  • Переключение маркеров < 1 секунды

Память

  • Нет утечек памяти при переключении маршрутов
  • Консоль чистая от ошибок

🎮 Интерактивное тестирование

Консольные команды

// В консоли браузера проверьте:
console.log('Количество маркеров:', window.markers?.length || 'не найдено');
console.log('Количество маршрутов:', window.routingControls?.length || 'не найдено');

// Проверьте OSRM запросы в Network вкладке:
// Ищите запросы к router.project-osrm.org

Визуальная отладка

/* Добавьте в консоль для подсветки маршрутов */
document.querySelectorAll('.leaflet-overlay-pane svg path').forEach(path => {
  path.style.strokeWidth = '10px';
  path.style.stroke = 'red';
});

✅ Успешное прохождение теста

Если все пункты выполнены:

  • ✅ Реальные маршруты по дорогам работают
  • ✅ Визуализация корректная
  • ✅ Интерактивность сохранена
  • ✅ Адаптивность работает
  • ✅ Производительность приемлемая

🎉 Поздравляю! Реальные маршруты успешно внедрены!

📞 Поддержка

Если возникли проблемы:

  1. Проверьте логи: docker logs cluster_api
  2. Проверьте консоль браузера (F12)
  3. Проверьте сеть во вкладке Network
  4. Перезапустите проект: .\setup_db.ps1