Polish QA workspace density

backend/tests/test_sprint86_quality_workspace_density.py

@@ -0,0 +1,55 @@
+from __future__ import annotations
+
+from pathlib import Path
+
+
+ROOT = Path(__file__).resolve().parents[2]
+
+
+def test_quality_results_panel_exposes_structured_surfaces() -> None:
+    panel = (ROOT / "frontend" / "src" / "components" / "quality" / "QualityResultsPanel.tsx").read_text(
+        encoding="utf-8"
+    )
+
+    assert 'className="quality-results-panel"' in panel
+    assert 'className="quality-results-shell"' in panel
+    assert 'className="quality-summary-surface"' in panel
+    assert 'aria-label="QA/QC result summary"' in panel
+    assert 'className="quality-evidence-surface"' in panel
+    assert 'aria-label="QA/QC dataset evidence"' in panel
+    assert 'className="quality-control-surface"' in panel
+    assert 'aria-label="QA/QC refresh and filters"' in panel
+    assert 'className="quality-result-state-stack"' in panel
+    assert 'className="quality-history-surface"' in panel
+    assert 'aria-label="QA/QC result history"' in panel
+
+
+def test_quality_results_panel_preserves_existing_refresh_filter_and_history_state() -> None:
+    panel = (ROOT / "frontend" / "src" / "components" / "quality" / "QualityResultsPanel.tsx").read_text(
+        encoding="utf-8"
+    )
+
+    assert "onRefresh" in panel
+    assert "qualityStatusFilter" in panel
+    assert "qualityTypeFilter" in panel
+    assert "qualitySearchQuery" in panel
+    assert "visibleQualityChecks.map" in panel
+    assert "Show all QA/QC results" in panel
+    assert "No QA/QC results match the current filters." in panel
+
+
+def test_quality_workspace_density_css_contracts() -> None:
+    css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")
+
+    assert ".quality-results-shell" in css
+    assert ".quality-summary-surface" in css
+    assert ".quality-evidence-surface" in css
+    assert ".quality-control-surface" in css
+    assert ".quality-history-surface" in css
+    assert ".quality-result-state-stack" in css
+    assert ".quality-results-shell .quality-summary-grid" in css
+    assert ".quality-results-shell .quality-handoff-grid" in css
+    assert ".quality-results-shell .quality-history-controls" in css
+    assert "grid-template-columns: repeat(auto-fit, minmax(8.25rem, 1fr));" in css
+    assert "grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));" in css
+    assert "background: linear-gradient(180deg, #ffffff, #f7fbf8);" in css