nns/food-market
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity
food-market/docs/sprint-ui-deep-progress.md
nns eb867697d0
Some checks are pending
CI / Backend (.NET 8) (push) Waiting to run
Details
CI / Web (React + Vite) (push) Waiting to run
Details
CI / POS (WPF, Windows) (push) Waiting to run
Details
Docker Web / Build + push Web (push) Waiting to run
Details
Docker Web / Deploy Web on stage (push) Blocked by required conditions
Details
test(ui-deep): setup + Item 1 — signup flow (5 specs) 
Sprint UI-deep, пункт 1: реальный Chromium через Playwright Test.
Установлены @playwright/test 1.60.0 и otplib (для item 11).
Конфиг tests/e2e/playwright.config.ts — workers=1, traces+screenshots
on-failure, screenshot dir reports/playwright-artifacts/.

Хелперы tests/e2e/lib/ui.ts:
- apiSignup() — быстрый signup через API + login
- attachSession() — кладёт access_token в localStorage, грузит путь
- watchPage() — listener console-errors и network 4xx/5xx
- expectNoErrors() — assert после flow'a

Item 1 (5 specs, все ✓ на стейдже):
- 1.1 attach session → /dashboard, без console-ошибок
- 1.2 создание товара через UI (Empty CTA → форма → Сохранить)
- 1.3 первый контрагент через Modal
- 1.4 создать товар + контрагент через API, открыть форму приёмки,
       smoke на компоненты страницы
- 1.5 OnboardingPage (/) рендерится

Найден 1 реальный баг → починен:
- ProductEditPage: race на currencies.data — если быстро Сохранить,
  цена-MoneyInput добавляет строку с currencyId='' → server 400 с
  криптичным JSON validation. Фикс: MoneyInput disabled пока
  !currencies.data + canSave проверяет row.currencyId.
- Form error display показывал "Request failed with status code 400";
  теперь использует общий humanizeError() (exporting из @/lib/api).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-30 12:33:10 +05:00

4.1 KiB
Raw Blame History

Sprint UI-deep — глубокое браузерное тестирование stage

Цель: пройти https://test.admin.food-market.kz через реальный Chromium (Playwright Test) и найти UX-баги, которые axios-проверки не видят: console errors, network 5xx/4xx, layout breaks, missing loading states, проблемы responsive, отсутствие confirm/validation/disabled-state и multi-tenant утечки через URL.

Старт: 2026-05-30. Исполнитель: Claude Opus 4.7 (автономный режим).

Стек

  • @playwright/test runner — параллельные специ, trace-on-failure, screenshot-on-failure.
  • otplib — генерация TOTP-кодов для item 11 (2FA flow).
  • Все спецы лежат в tests/e2e/scenarios/stage-ui-*.spec.ts.
  • tests/e2e/playwright.config.ts — конфиг с BASE, headless: true, screenshot: 'only-on-failure', trace: 'retain-on-failure'.

Принципы

  • Каждый пункт = отдельный spec-файл (.spec.ts).
  • Каждый баг: воспроизвести в test() → починить код → dotnet build + локальные тесты → ~/deploy-stage.sh → retest spec на стейдже зелёный → коммит фикса → коммит spec → [x] в этом доке.
  • НЕ трогать: global.json, прод-стек, POS WPF.

Чек-лист

  • 1. Signup → onboarding → первая работа — реальный browser signup, создание товара/контрагента/приёмки через клики, остаток виден на товаре.
  • 2. Дашборд + навигация — клик каждый пункт sidebar, страницы грузятся без console-ошибок и 5xx.
  • 3. Каталог (товары) full CRUD — создание с ценой+картинкой+штрихкодом, редактирование, дубль артикула → ошибка, удаление через confirm, поиск, пагинация.
  • 4. Контрагенты / Группы / Единицы / Типы цен — те же CRUD-проверки.
  • 5. Сотрудники + Роли — создание, role assignment, смена пароля, удаление активного.
  • 6. Приёмка (Supply) — Draft→Post через UI, кнопка disabled без строк, остаток обновлён, Unpost, конкурентность (2 вкладки → 409).
  • 7. RetailSale + CustomerReturn — payment-валидация, oversell-ошибка читаемая, возврат из проведённой продажи кнопкой.
  • 8. Складские документы — Enter/Loss/Transfer/Inventory/SupplierReturn/Demand: создать→провести→остаток. Transfer запрет From==To. Inventory CSV-import.
  • 9. Отчёты — Sales/Stock/Profit/ABC — фильтры через UI, числа сходятся, CSV/XLSX скачивается через page.waitForEvent('download').
  • 10. OrgAuditLog UI — записи видны, diff раскрывается, фильтры работают.
  • 11. 2FA flow — Enroll, QR, otplib код, Verify, login требует 2FA, Disable.
  • 12. Login edge — неверный пароль (читаемая ошибка), rate-limit 429, forgot-password.
  • 13. Multi-tenant изоляция через URL — 2 контекста, A создаёт товар, B пытается /products/{id-A} → 404.
  • 14. Mobile viewport 375x667 — шаги 1-6 на мобильном, найти что ломается.

Журнал

2026-05-30 — старт

  • Создан этот файл. Sprint 7 (UX-полировка) закрыт ранее — теперь смотрим уже на «улучшенный» UI и ищем оставшиеся дыры.
  • Подготовка: устанавливаю @playwright/test, otplib. Конфиг + helper'ы.