Polish change detection density

backend/tests/test_sprint87_change_detection_density.py

@@ -0,0 +1,53 @@
+from __future__ import annotations
+
+from pathlib import Path
+
+
+ROOT = Path(__file__).resolve().parents[2]
+
+
+def test_change_detection_panel_exposes_structured_surfaces() -> None:
+    panel = (ROOT / "frontend" / "src" / "components" / "analysis" / "ChangeDetectionPanel.tsx").read_text(
+        encoding="utf-8"
+    )
+
+    assert 'className="panel change-detection-shell"' in panel
+    assert 'className="panel-header change-detection-heading"' in panel
+    assert 'className="change-detection-input-surface"' in panel
+    assert 'aria-label="Change detection input controls"' in panel
+    assert 'className="change-detection-state-stack"' in panel
+    assert 'className="change-detection-result-surface"' in panel
+    assert 'aria-label="Change detection result summary"' in panel
+    assert 'className="change-detection-warning-surface"' in panel
+
+
+def test_change_detection_panel_preserves_existing_compare_controls() -> None:
+    panel = (ROOT / "frontend" / "src" / "components" / "analysis" / "ChangeDetectionPanel.tsx").read_text(
+        encoding="utf-8"
+    )
+
+    assert "onSourceDatasetChange" in panel
+    assert "onTargetDatasetChange" in panel
+    assert "onIouThresholdChange" in panel
+    assert "onIncludeUnchangedChange" in panel
+    assert "onRun" in panel
+    assert "Compare vectors" in panel
+    assert "Upload at least two vector datasets to compare." in panel
+    assert "result.added_count" in panel
+    assert "result.removed_count" in panel
+    assert "result.unchanged_count" in panel
+
+
+def test_change_detection_density_css_contracts() -> None:
+    css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")
+
+    assert ".change-detection-shell" in css
+    assert ".change-detection-heading" in css
+    assert ".change-detection-input-surface" in css
+    assert ".change-detection-state-stack" in css
+    assert ".change-detection-result-surface" in css
+    assert ".change-detection-warning-surface" in css
+    assert ".change-detection-shell .form-grid" in css
+    assert ".change-detection-shell .summary-grid" in css
+    assert "grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));" in css
+    assert "grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));" in css