mirror of
https://github.com/pewdiepie-archdaemon/odysseus.git
synced 2026-10-06 15:02:20 +02:00
Léo
1323fab0bd
static/style.css no longer holds every rule. 79 rules for the document, gallery and editor panels now live in static/css/, yet 27 browser tests still built their synthetic page with a single <link> to style.css, and 51 more read that one file as though it were the whole cascade. Those tests kept passing while covering less: a rule that moved became invisible to the assertion that was meant to pin it. Python readers now call tests.helpers.stylesheets.app_css(), and synthetic pages are built from stylesheet_link_tags() so they load exactly what index.html loads, in the same order. The helper already existed; this moves the remaining callers onto it. test_portal_dropdown_z_js parametrised over a file list including style.css to assert an absence. Checking a negative against one file of a split stylesheet is how a moved rule escapes, so the CSS case now checks the concatenation. Two guards keep it from coming back: one fails on any test reading static/style.css directly, the other on any synthetic page linking it alone. Both name the helper to use. No production code changes. Suite is unchanged at 6 pre-existing failures.
80 lines
3.3 KiB
Python
80 lines
3.3 KiB
Python
from pathlib import Path
|
|
from tests.helpers.stylesheets import app_css
|
|
|
|
|
|
ROOT = Path(__file__).resolve().parent.parent
|
|
|
|
|
|
def _read(path: str) -> str:
|
|
return (ROOT / path).read_text(encoding="utf-8")
|
|
|
|
|
|
def test_mobile_compare_mounts_accessible_tabs_without_removing_panes():
|
|
index = _read("static/js/compare/index.js")
|
|
panes = _read("static/js/compare/panes.js")
|
|
|
|
assert "mountMobilePaneTabs(container, grid, (anchor) => _addPane(anchor))" in index
|
|
assert "role', 'tablist'" in panes
|
|
assert "role', 'tab'" in panes
|
|
assert "role', 'tabpanel'" in panes
|
|
assert "aria-selected" in panes
|
|
assert "aria-hidden" in panes
|
|
assert "pane.classList.toggle('compare-pane-mobile-active'" in panes
|
|
assert "pane.remove()" not in panes[panes.index("function activateMobilePane"):panes.index("function mountMobilePaneTabs")]
|
|
|
|
|
|
def test_mobile_compare_reconciles_tabs_after_pane_lifecycle_changes():
|
|
panes = _read("static/js/compare/panes.js")
|
|
|
|
assert "refreshMobilePaneTabs(i);" in panes
|
|
assert "refreshMobilePaneTabs(Math.min(paneIdx, n - 1));" in panes
|
|
assert "refreshMobilePaneTabs(paneIdx);" in panes
|
|
assert "new MutationObserver(() => refreshMobilePaneTabs())" in panes
|
|
|
|
|
|
def test_mobile_compare_css_shows_only_the_active_card():
|
|
css = app_css()
|
|
mobile = css[css.index("/* Compare uses one full-width response card on phones."):]
|
|
|
|
assert ".compare-mobile-tabs" in mobile
|
|
assert "overflow-x: auto" in mobile
|
|
assert ".compare-grid > .compare-pane.compare-pane-mobile-active" in mobile
|
|
assert "display: none" in mobile
|
|
assert "min-height: 60dvh" not in mobile
|
|
|
|
|
|
def test_probe_feedback_and_actions_use_the_shared_card_layout():
|
|
selector = _read("static/js/compare/selector.js")
|
|
css = app_css()
|
|
|
|
assert "probeFeedback.className = 'compare-probe-feedback'" in selector
|
|
assert "probeFeedback.appendChild(detail)" in selector
|
|
assert "compare-probe-footer" in selector
|
|
assert "compare-probe-start-anyway" in selector
|
|
assert "retryBtn.innerHTML = '<svg" in selector
|
|
assert "swapBtn.innerHTML = '<svg" in selector
|
|
assert ".compare-probe-feedback:empty" in css
|
|
assert ".compare-probe-start-anyway" in css
|
|
assert "translateX(-2px)" in css[css.index("/* Compare uses one full-width response card on phones."):]
|
|
assert 'compare-probe-title-label">Preround check:</span>' in selector
|
|
assert 'compare-probe-title-status">Checking models...</span>' in selector
|
|
assert ".compare-probe-title-status { font-weight: 400; }" in css
|
|
assert "startAnywayBtn.innerHTML = _CMP_PLAY_ICON" in selector
|
|
assert "/insufficient balance/i.test(errText) ? '$' : '!'" in selector
|
|
assert ".compare-probe-detail-icon" in css
|
|
assert "font: 600 11px/1 inherit" not in css
|
|
|
|
|
|
def test_probe_swap_reopens_and_highlights_the_failed_model_slot():
|
|
selector = _read("static/js/compare/selector.js")
|
|
css = app_css()
|
|
|
|
assert "function _expandModelSlot(slotIdx)" in selector
|
|
assert "row.dataset.slotIndex = String(idx);" in selector
|
|
assert "cmp-model-picker-input" in selector
|
|
assert "cmp-model-primary-select" in selector
|
|
swap_handler = selector[selector.index("swapBtn.addEventListener"):selector.index("detail.appendChild(retryBtn)")]
|
|
assert "renderModelRows();" in swap_handler
|
|
assert "_expandModelSlot(idx);" in swap_handler
|
|
assert ".cmp-model-row-swap-target" in css
|