Wizard DXF: anteprima immagine, anteprima DXF e Prova usano <tmf-viewer>

Refs #122

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/frontend/flask_app/tests/test_dxf_recipe_routes.py

@@ -354,19 +354,13 @@ class TestPages:
         assert "@dxf-recipe-saved" in html
         assert 'x-model="mmPx"' in html  # #98: campo mm/px a mano
         assert "dxfPreviewD()" in html and "view-box.camel" in html  # #101: anteprima SVG del DXF
-        assert "imageSource === 'file'" in html and "zoomBy(" in html and "fit()" in html  # #104: mm/px solo da file, zoom e Fit
-        assert 'onPanDown($event)' in html  # #104: pan col puntatore
+        assert "imageSource === 'file'" in html  # #104: mm/px solo da file
         assert "imagePreviewUrl" in html and "imagePreviewSummary" in html  # #102: anteprima immagine
-        # #113: zoom, Adatta e pan anche sulle due anteprime (immagine e DXF), per chiave
-        assert 'x-ref="vpImg"' in html and 'x-ref="vpDxf"' in html
-        assert "vFit('img')" in html and "vFit('dxf')" in html
-        assert "vZoomBy('img', 1.25)" in html and "vZoomBy('dxf', 1.25)" in html
-        assert "vPanDown('img', $event)" in html and "vWheel('dxf', $event)" in html
-        # #113: Alpine :style a stringa sostituisce l'attributo style: niente style statico sullo stesso tag
-        assert 'style="margin:auto;flex:none;"' not in html
-        assert html.count("margin:auto;flex:none;") == 2 and html.count(":style=\"'margin:auto;flex:none;") == 2
-        # #113: x-show e :style (display:flex) si pestano: x-ref="vpImg" non sta sul tag con x-show
-        tag = html[html.rindex("<div", 0, html.index('x-ref="vpImg"')):html.index('x-ref="vpImg"')]
-        assert "x-show" not in tag
+        # #122: le tre viste (immagine, DXF, Prova) sono <tmf-viewer>; zoom, Adatta, pan e Salva stanno nel componente
+        assert html.count("<tmf-viewer") == 3 and "js/image_viewer.js" in html
+        assert '@viewer-load="onImagePreviewLoad($event.detail)"' in html  # #122: dimensioni per il riepilogo
+        assert "fit-height" in html and 'save-name="prova"' in html  # #122: la Prova segue l'immagine
+        for old in ('x-ref="vpImg"', 'x-ref="vpDxf"', "vZoomBy(", "vFit(", "vPanDown(", "onPanDown(", "zoomBy(", 'x-ref="viewport"'):
+            assert old not in html, old  # #122: zoom a mano tolto dal wizard
         assert "existing ? msgs.editLabel : msgs.createLabel" in html and "Modifica ricetta da DXF" in html  # #105: etichetta dinamica
         assert "Pezzo scuro su fondo chiaro" in html or "Dark part on light" in html