from __future__ import annotations

from pathlib import Path
from tests.frontend_contract import read_feature


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


def test_workbench_shell_has_skip_link_and_main_focus_target() -> None:
    app = read_feature("shell")
    navigation = read_feature("shell")

    assert 'className="skip-link"' in app
    assert 'href="#workspace-main"' in app
    assert '<nav aria-label="Hoofdonderdelen">' in navigation
    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")
    atlas = (ROOT / "frontend" / "src" / "styles" / "atlas-workbench.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 "@media (max-width: 920px)" in atlas
    assert "overflow-x: auto;" in atlas
    assert "flex: 0 0 4.4rem;" in atlas
    assert "white-space: nowrap;" in atlas
    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" / "atlas-workbench.css").read_text(
        encoding="utf-8"
    )

    assert "@media (max-width: 560px)" in css
    assert ".workbench-sidebar .nav-item" in css
    assert "min-width: 4.4rem;" in css
    assert ".nav-item-icon" in css
    assert "text-overflow: ellipsis;" in css