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 "'quality-results-panel quality-results-panel-empty' : '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
    assert 'className="quality-advanced-disclosure"' 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 "Alle kwaliteitsresultaten tonen" in panel
    assert "Geen kwaliteitsresultaten voldoen aan de 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