Polish data workspace density

2026-06-20 06:45:54 +02:00
parent fc3ddf3c49
commit 5a00d3525b
9 changed files with 400 additions and 220 deletions
@@ -0,0 +1,49 @@
+from __future__ import annotations
+
+from pathlib import Path
+
+
+ROOT = Path(__file__).resolve().parents[2]
+
+
+def test_project_and_area_panels_expose_selected_summary_regions() -> None:
+    project_panel = (ROOT / "frontend" / "src" / "components" / "project" / "ProjectPanel.tsx").read_text(
+        encoding="utf-8"
+    )
+    area_panel = (ROOT / "frontend" / "src" / "components" / "project" / "AreaPanel.tsx").read_text(
+        encoding="utf-8"
+    )
+
+    assert "const selectedProject = projects.find" in project_panel
+    assert 'className="data-selection-summary data-selection-summary-project"' in project_panel
+    assert 'className="data-panel-form-block"' in project_panel
+    assert 'className="data-panel-list-block"' in project_panel
+    assert "const selectedArea = areas.find" in area_panel
+    assert 'className="data-selection-summary data-selection-summary-area"' in area_panel
+    assert 'className="data-panel-form-block"' in area_panel
+    assert 'className="data-panel-list-block"' in area_panel
+
+
+def test_dataset_panel_separates_selected_upload_and_catalog_regions() -> None:
+    dataset_panel = (ROOT / "frontend" / "src" / "components" / "datasets" / "DatasetPanel.tsx").read_text(
+        encoding="utf-8"
+    )
+
+    assert "const selectedDataset = datasets.find" in dataset_panel
+    assert 'className="data-selection-summary data-selection-summary-dataset"' in dataset_panel
+    assert 'className="dataset-upload-block data-panel-form-block"' in dataset_panel
+    assert 'className="data-panel-list-block dataset-catalog-block"' in dataset_panel
+    assert 'className="data-section-label"' in dataset_panel
+
+
+def test_data_workspace_density_css_contracts() -> None:
+    css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")
+
+    assert ".data-selection-summary" in css
+    assert ".data-selection-summary strong" in css
+    assert ".data-panel-form-block" in css
+    assert ".data-panel-list-block" in css
+    assert ".data-section-label" in css
+    assert "grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));" in css
+    assert "background: linear-gradient(180deg, #ffffff, #f7fbf8);" in css
+    assert "border-left: 4px solid var(--accent);" in css