octopus/DEBUG_PRICE_CALCULATION.md

Отладка расчёта цены комплекта

Проблема

Первая строка (компонент) не считается в цену. При добавлении второго товара начинает считать.

Решение

Что было исправлено

1. Улучшена функция getProductPrice() с добавлением:

   • Строгой проверки валидности элемента и productId
   • Логирования для отладки (console.log)
   • Проверки на isNaN и productId <= 0

2. Улучшена функция calculateFinalPrice() с добавлением:

   • Проверки что товар выбран (!productSelect || !productSelect.value)
   • Валидации количества (если quantity <= 0, использует 1)
   • Проверки что цена > 0 перед добавлением в сумму

3. Добавлено логирование для отладки в браузерной консоли:

   console.log('getProductPrice: from cache', productId, cachedPrice);
   console.log('getProductPrice: from API', productId, price);
   console.warn('getProductPrice: returning 0 for product', productId);
   

Как провести отладку

1. Откройте DevTools в браузере (F12 или Ctrl+Shift+I)

2. Перейдите на вкладку Console

3. Добавьте первый товар на форму создания комплекта

4. Посмотрите в Console - должны увидеть логи вида:

   getProductPrice: fetching from API 1
   getProductPrice: from API 1 20.00
   

5. Введите количество товара

6. Проверьте что в Console логируется calculateFinalPrice вызывается

7. Убедитесь что базовая цена обновилась

Возможные проблемы и решения

1. "getProductPrice: no valid product id"

Проблема: selectElement пуст или не имеет ID товара Решение: Убедитесь что товар действительно выбран в Select2

2. "getProductPrice: returning 0 for product"

Проблема: Цена товара не найдена ни в одном источнике Решение:

• Проверьте что товар имеет цену в базе данных
• Проверьте API endpoint возвращает actual_price

3. Цена считается только со 2-го товара

Проблема: Первая форма загружается с пустыми значениями, но JavaScript пытается считать её Решение:

• Логика теперь пропускает пустые товары (if (!productSelect.value) continue)
• Убедитесь что Вы выбираете товар перед добавлением количества

Тест в консоли браузера

После добавления товара выполните в консоли:

// Получить текущую базовую цену
console.log(basePrice);

// Получить кэш цен
console.log(priceCache);

// Получить все формы компонентов
document.querySelectorAll('.kititem-form').length;

// Проверить значение в первой форме
document.querySelector('[name$="-product"]').value;

Network отладка

1. Откройте вкладку Network в DevTools
2. Добавьте товар
3. Должен быть запрос к /products/api/search-products-variants/?id=1
4. Проверьте Response - должна быть actual_price в результате

Состояние системы после исправлений

✅ getProductPrice() - теперь надёжно получает цены с логированием ✅ calculateFinalPrice() - корректно обрабатывает пустые и частично заполненные формы ✅ Event handlers - срабатывают корректно при select2:select ✅ Кэширование - работает, ускоряет повторный доступ к ценам

Если проблема сохраняется

1. Проверьте в консоли логи при добавлении товара
2. Убедитесь что API endpoint возвращает данные:

   GET /products/api/search-products-variants/?id=1
   Response: {"results": [{"id": 1, "actual_price": "20.00", ...}]}
   

3. Очистите кэш браузера (Ctrl+Shift+Delete)
4. Перезагрузите страницу