from pathlib import Path


ROOT = Path(__file__).resolve().parents[2]


def test_quality_results_panel_exposes_selected_check_drilldown() -> None:
    panel = (ROOT / "frontend" / "src" / "components" / "quality" / "QualityResultsPanel.tsx").read_text(
        encoding="utf-8"
    )

    assert "selectedQualityCheckId" in panel
    assert "selectedQualityCheck" in panel
    assert "QA/QC evidence drilldown" in panel
    assert "Geselecteerde controle" in panel
    assert "Te controleren laag" in panel
    assert "Referentielaag" in panel
    assert "Analyserun" in panel
    assert "Job" in panel
    assert "Afgerond" in panel
    assert "Laatste controle bekijken" in panel
    assert "Controle bekijken" in panel


def test_quality_results_panel_surfaces_false_positive_negative_evidence() -> None:
    panel = (ROOT / "frontend" / "src" / "components" / "quality" / "QualityResultsPanel.tsx").read_text(
        encoding="utf-8"
    )

    assert "Onterecht gevonden" in panel
    assert "Gemiste objecten" in panel
    assert "Controle op de kaart" in panel
    assert "metricByKey(selectedQualityCheck, 'false_positive_count')" in panel
    assert "metricByKey(selectedQualityCheck, 'false_negative_count')" in panel
    assert "selectedQualityCheck.parameters_json" in panel
    assert "selectedQualityCheck.findings_json" in panel
    assert "JSON.stringify" in panel


def test_quality_drilldown_styles_are_responsive() -> None:
    css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")

    assert ".quality-drilldown-surface" in css
    assert ".quality-drilldown-grid" in css
    assert ".quality-evidence-token-grid" in css
    assert ".quality-evidence-map-handoff" in css
    assert ".quality-provenance-pre" in css
    assert "grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));" in css