Files
odysseus/tests/test_compare_shuffle_visual_static.py
T
Léo 1323fab0bd refactor(tests): read the whole cascade instead of style.css alone
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.
2026-09-29 17:05:29 +02:00

84 lines
3.2 KiB
Python

from pathlib import Path
import re
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_compare_shuffle_shows_center_notice_with_dice_icon():
panes = _read("static/js/compare/panes.js")
css = app_css()
assert "ICON_DICE" in panes
assert "compare-shuffle-notice" in panes
assert "Shuffling" in panes
assert ".compare-shuffle-notice" in css
assert "@keyframes compare-shuffle-dice" in css
def test_compare_chat_and_agent_panes_expose_per_pane_inference_settings():
index = _read("static/js/compare/index.js")
panes = _read("static/js/compare/panes.js")
css = app_css()
assert "pane-settings-btn" in panes
assert "paneSettingsButtonHtml" in index
assert "togglePaneSettings" in index
assert "Thinking" in panes
assert "Temperature" in panes
assert "Max tokens" in panes
assert "/generation-settings" in panes
sync = index[index.index("function _syncCompareModeFromToolbar"):index.index("// ── closeCompare")]
assert "document.querySelectorAll('.compare-pane .pane-mode-badge')" in sync
assert "badge.remove()" in sync
assert ".pane-settings-btn" in css
def test_compare_probe_control_has_requested_vertical_alignment():
index = _read("static/js/compare/index.js")
probe = _read("static/js/compare/probe.js")
css = app_css()
assert 'class="compare-check-icon"' in index
assert '<span class="compare-check-label">Probe</span>' in index
assert "createWhirlpool(14)" in probe
assert "top: -2px" in css[css.index(".compare-check-label"):css.index(".compare-check-icon")]
assert "top: 1px" in css[css.index(".compare-check-icon"):css.index("#compare-check-btn > .spinner-whirlpool")]
assert "translateY(-2px)" in css[css.index("#compare-check-btn > .spinner-whirlpool"):]
def test_compare_agent_prompt_list_has_more_agentic_cases():
icons = _read("static/js/compare/icons.js")
for label in ["Primary source", "JS-heavy page", "Paper trail", "Debug + test", "CLI summarize", "Monte Carlo"]:
assert label in icons
def test_compare_cache_key_bumped_for_shuffle_notice():
html = _read("static/index.html")
app = _read("static/app.js")
index = _read("static/js/compare/index.js")
app_versions = re.findall(r"/static/app\.js\?v=([A-Za-z0-9_-]+)", html)
style_version = re.search(r"/static/style\.css\?v=([A-Za-z0-9_-]+)", html)
assert app_versions and len(set(app_versions)) == 1
assert style_version and style_version.group(1) == app_versions[0]
assert re.search(r"compare/index\.js\?v=[A-Za-z0-9_-]+", app)
assert re.search(r"vote\.js\?v=[A-Za-z0-9_-]+", index)
assert re.search(r"panes\.js\?v=[A-Za-z0-9_-]+", index)
assert re.search(r"selector\.js\?v=[A-Za-z0-9_-]+", index)
def test_compare_score_button_label_is_nudged_up():
vote = _read("static/js/compare/vote.js")
css = app_css()
assert '<span class="compare-score-label">Score</span>' in vote
assert ".compare-score-label" in css
assert "top: -2px" in css[css.index(".compare-score-label"):css.index(".compare-vote-btn:hover")]