feat(5.13): carduri compacte mobil/tableta + fix editare preview (OOB tr) + toast

Dogfood pe import + Trimiteri (mobil/tableta <1024px), pur CSS + markup, backend
trimitere neatins:

- Card compact real pentru .tabel-trimiteri (preview + Trimiteri): vehicul=titlu,
  stare=pill dreapta-sus, operatie+cod, meta data/km muted, nota mica. Inlocuieste
  stiva generica eticheta+valoare (carduri de ~450px -> ~135px). Anuleaza regula
  desktop tr.trimitere-row > td{padding:11px} in blocul compact.
- FIX editare preview: OOB swap pe <tr> esua tacit in htmx 1.9 (un <tr> brut se
  pierde la parsarea unui fragment fara context de tabel) -> randul ramanea cu
  starea veche dupa salvare. Inlocuit cu reload complet al preview-ului prin
  HX-Trigger:reincarcaPreview + detalii randSalvat. /editeaza si /confirma-review
  folosesc helper-ul _raspuns_rand_salvat.
- Feedback post-salvare: toast global "Randul N actualizat · <stare>" + scroll +
  flash pe randul actualizat (base.html window.arataToast + listener randSalvat).
- Modal editare: Salveaza + Anuleaza pe acelasi rand (sistem .act): desktop text,
  mobil doua iconite Lucide 44px alaturate (save/x). Macro icon('x') + .act-primary.
- Randuri deja-trimise/duplicate colapsate implicit in preview + toggle "Arata N".
- Select "Operatii de mapat" full-width pe mobil (nu mai iese din viewport).
- Bara de filtre Trimiteri adaptata mobil: pills pe banda cu scroll orizontal,
  cautare vehicul proeminenta (nu 8 butoane full-width stivuite).
- Nota preview = culoarea camp-fix (accent) ca sa atraga atentia; hint-urile
  camp-fix per-camp scoase (campul Note e self-explanatory).
- Confirmare trimitere: scos campul email (Declarant); text mai clar
  ("Confirma numarul din N gata de trimis"). Backend confirmed_by ramane optional.

Teste: contractul OOB (rupt in browser) inlocuit cu noul contract
(reincarcaPreview + randSalvat) in test_web_preview_edit / test_preview_edit_ui /
test_import_review. Suita: 992 passed (exclus live).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-06-27 23:34:33 +00:00
parent bafaf05e83
commit 8d4ff3400e
18 changed files with 633 additions and 303 deletions

View File

@@ -1,9 +1,13 @@
"""Teste US-011 (PRD 5.10): butoane icon salvare/stergere + dirty state pe Mapari.
"""Teste US-011 (PRD 5.10): butoane salvare/stergere + dirty state pe Mapari.
Actualizat PRD 5.13: superseda sistemul .icon-btn din 5.10 -> sistem .act
(desktop text / mobil iconita 44px).
Cerinte:
- Butoane .icon-btn mereu vizibile pe rand (nu ascunse in kebab)
- Butoane .act mereu vizibile pe rand (nu ascunse in kebab)
- Meniu kebab (<details class="kebab">) eliminat
- aria-label descriptiv pe fiecare buton icon
- aria-label pe fiecare buton .act (label scurt: "Salveaza" / "Sterge")
- Iconita Lucide (.act-ic svg) prezenta in output
- data-dirty-form pe butonul de salvare (permite JS dirty-state)
"""
@@ -75,7 +79,10 @@ def client(monkeypatch):
def test_butoane_icon_vizibile_pe_rand_salvate(client):
"""Butoanele de salvare/stergere in 'Mapari salvate' au clasa icon-btn (mereu vizibile)."""
"""Butoanele de salvare/stergere in 'Mapari salvate' au clasele .act (mereu vizibile pe rand).
PRD 5.13: .icon-btn inlocuit cu sistemul .act (act-save / act-del).
"""
acct = _create_account_user("actiuni_icon@test.com")
_seed_saved_mapping(acct)
_login(client, "actiuni_icon@test.com")
@@ -84,9 +91,13 @@ def test_butoane_icon_vizibile_pe_rand_salvate(client):
assert resp.status_code == 200
html = resp.text
assert 'class="icon-btn' in html, (
"Butoanele de actiune din 'Mapari salvate' trebuie sa aiba clasa 'icon-btn' "
"(mereu vizibile pe rand, nu ascunse in kebab)."
assert 'class="act act-save"' in html, (
"Butonul de salvare din 'Mapari salvate' trebuie sa aiba clasa 'act act-save' "
"(mereu vizibil pe rand, nu ascuns in kebab)."
)
assert 'class="act act-del"' in html, (
"Butonul de stergere din 'Mapari salvate' trebuie sa aiba clasa 'act act-del' "
"(mereu vizibil pe rand, nu ascuns in kebab)."
)
@@ -109,7 +120,11 @@ def test_fara_kebab_meniu(client):
def test_butoane_cu_aria_label(client):
"""Butoanele icon-btn au aria-label descriptiv."""
"""Butoanele .act din 'Mapari salvate' au aria-label si iconita Lucide (.act-ic).
PRD 5.13: aria-label scurt ("Salveaza" / "Sterge") pe butonul .act;
iconita SVG cu clasa .act-ic (Lucide stroke) prezenta pentru mobil.
"""
acct = _create_account_user("actiuni_aria@test.com")
_seed_saved_mapping(acct)
_login(client, "actiuni_aria@test.com")
@@ -118,10 +133,13 @@ def test_butoane_cu_aria_label(client):
assert resp.status_code == 200
html = resp.text
icon_btns = re.findall(r'<button[^>]+class="icon-btn[^"]*"[^>]*>', html)
assert icon_btns, "Trebuie sa existe butoane cu clasa icon-btn in 'Mapari salvate'."
assert any('aria-label' in btn for btn in icon_btns), (
"Cel putin un buton icon-btn trebuie sa aiba atributul aria-label descriptiv."
act_btns = re.findall(r'<button[^>]+class="act[^"]*"[^>]*>', html)
assert act_btns, "Trebuie sa existe butoane cu clasa 'act' in 'Mapari salvate'."
assert any('aria-label' in btn for btn in act_btns), (
"Cel putin un buton .act trebuie sa aiba atributul aria-label."
)
assert 'class="act-ic"' in html, (
"Iconita Lucide (.act-ic svg) trebuie sa fie prezenta in output (afisata pe mobil)."
)