from __future__ import annotations

from pathlib import Path


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


def test_workbench_shell_has_skip_link_and_main_focus_target() -> None:
    app = (ROOT / "frontend" / "src" / "App.tsx").read_text(encoding="utf-8")

    assert 'className="skip-link"' in app
    assert 'href="#workspace-main"' in app
    assert 'nav aria-label="Hoofdonderdelen"' in app
    assert 'id="workspace-main"' in app
    assert "tabIndex={-1}" in app


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

    assert ".skip-link" in css
    assert ".skip-link:focus-visible" in css
    assert "scroll-margin-top: 8.5rem;" in css
    assert "grid-template-columns: repeat(4, minmax(6.75rem, 1fr));" in css
    assert "overflow-x: auto;" in css
    assert "scroll-snap-type: x proximity;" in css
    assert "white-space: nowrap;" in css
    assert ".context-bar,\n  .quick-action-grid,\n  .workspace-nav-cluster" not in css


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

    assert "@media (max-width: 620px)" in css
    assert ".workbench-sidebar .nav-item" in css
    assert "min-width: 9.5rem;" in css
    assert ".nav-item small" in css
    assert "line-height: 1.18;" in css