unsloth/tests/studio/test_studio_text_descender_clipping.py
2026-06-13 03:13:46 +00:00

71 lines
2.4 KiB
Python

"""
Regression guard: descender-prone text spans in Studio must not pair
`leading-none` with `truncate` (overflow: hidden), which clips glyph
descenders (g, p, q, y, j) in real user-visible labels.
"""
from __future__ import annotations
import re
from pathlib import Path
WORKDIR = Path(__file__).resolve().parents[2]
MODEL_SELECTOR = (
WORKDIR
/ "studio"
/ "frontend"
/ "src"
/ "components"
/ "assistant-ui"
/ "model-selector.tsx"
)
APP_SIDEBAR = WORKDIR / "studio" / "frontend" / "src" / "components" / "app-sidebar.tsx"
def _read(path: Path) -> str:
assert path.exists(), f"missing source file: {path}"
return path.read_text()
def test_model_selector_trigger_label_uses_leading_tight():
src = _read(MODEL_SELECTOR)
pattern = re.compile(
r'<span\s+className="[^"]*\bmin-w-0\b[^"]*\bflex-1\b[^"]*\btruncate\b[^"]*\bfont-heading\b[^"]*\btext-\[16px\][^"]*"',
)
matches = pattern.findall(src)
assert matches, "could not find ModelSelectorTrigger model-name span"
for cls in matches:
assert "leading-tight" in cls, f"expected leading-tight, got: {cls}"
assert (
"leading-none" not in cls
), f"leading-none must not coexist with truncate here: {cls}"
def test_sidebar_account_block_uses_leading_tight():
src = _read(APP_SIDEBAR)
# Match the account-block parent div regardless of its gap utility (gap-0.5,
# gap-px, ...); this guard is about the leading-* class, not the spacing.
pattern = re.compile(
r'<div\s+className="flex\s+flex-col\s+gap-\S+\s+(\S+)\s+group-data-\[collapsible=icon\]:hidden">',
)
matches = pattern.findall(src)
assert matches, "could not find sidebar account-block parent div"
leading_classes = [m for m in matches if m.startswith("leading-")]
assert (
leading_classes
), f"no leading-* class on sidebar account-block parent: {matches}"
for cls in leading_classes:
assert (
cls == "leading-tight"
), f"sidebar account-block must use leading-tight, got: {cls}"
def test_no_truncate_plus_leading_none_in_changed_files():
for path in (MODEL_SELECTOR, APP_SIDEBAR):
src = _read(path)
for line in src.splitlines():
if "truncate" in line and "leading-none" in line:
raise AssertionError(
f"{path.name}: same line uses truncate + leading-none, descenders will clip: {line.strip()}"
)