from pathlib import Path import re ROOT = Path(__file__).resolve().parents[1] TOPBAR = (ROOT / "static/js/editor/build/topbar.js").read_text(encoding="utf-8") OVERFLOW = (ROOT / "static/js/editor/wire-topbar-overflow.js").read_text(encoding="utf-8") STYLE = (ROOT / "static/style.css").read_text(encoding="utf-8") def test_primary_editor_text_actions_use_stacked_toolbar_contract(): for control_id in ( "ge-view-menu-btn", "ge-image-menu-btn", "ge-selection-menu-btn", "ge-filter-menu-btn", "ge-import-topbar", "ge-save-menu-btn", ): marker = f'id="{control_id}"' start = TOPBAR.rfind("", TOPBAR.index(marker)) button = TOPBAR[start:end] assert "ge-stacked-btn" in button assert "ge-stacked-glyph" in button assert "ge-stacked-label" in button def test_stacked_labels_share_one_size_and_position_rule(): assert ".ge-stacked-btn .ge-stacked-label" in STYLE assert "font-size: 8px;" in STYLE assert "top: 2px;" in STYLE def test_narrow_topbar_reflows_essential_actions_instead_of_clipping_them(): assert "ge-topbar-overflow" in OVERFLOW assert "topbar.classList.add('ge-topbar-overflow')" in OVERFLOW assert "(max-width: 700px)" in OVERFLOW assert ".ge-topbar.ge-topbar-overflow" in STYLE assert "flex: 1 0 100%;" in STYLE right_start = STYLE.index(".ge-topbar-overflow .ge-topbar-right") overflow_right = STYLE[right_start:STYLE.index("}", right_start)] assert "justify-content: flex-start;" in overflow_right def test_desktop_tool_rail_keeps_long_tool_names_readable(): toolbar_start = STYLE.index(".ge-toolbar {") toolbar_end = STYLE.index(".ge-toolbar::-webkit-scrollbar", toolbar_start) toolbar = STYLE[toolbar_start:toolbar_end] assert "width: 64px;" in toolbar label_rule = re.search(r"(?m)^\.ge-tool-label\s*\{([^}]*)\}", STYLE[toolbar_end:]) assert label_rule assert "font-size: 10px;" in label_rule.group(1)