58abf4ca50
Pass over every comment this branch touches. Collapse the multi-paragraph rationales to the point they were making, drop prop docs that only restated the prop name, and reflow the rest onto fewer lines. No code changes.
45 lines
2.2 KiB
Python
45 lines
2.2 KiB
Python
"""Responsive overflow contracts for the settings dialog."""
|
|
|
|
from pathlib import Path
|
|
|
|
|
|
REPO = Path(__file__).resolve().parents[2]
|
|
SETTINGS_DIALOG = REPO / "studio/frontend/src/features/settings/settings-dialog.tsx"
|
|
# The monitor moved onto its own page and Settings links to it; the shrink
|
|
# contract still applies to both surfaces.
|
|
API_MONITOR_PAGE = REPO / "studio/frontend/src/features/api-monitor/api-monitor-page.tsx"
|
|
MONITOR_LINK = REPO / "studio/frontend/src/features/settings/components/monitor-link.tsx"
|
|
GENERAL_TAB = REPO / "studio/frontend/src/features/settings/tabs/general-tab.tsx"
|
|
|
|
|
|
def test_dialog_content_can_shrink_inside_the_dialog_grid():
|
|
source = SETTINGS_DIALOG.read_text(encoding = "utf-8")
|
|
assert "flex h-full min-h-0 min-w-0 w-full max-sm:flex-col" in source
|
|
assert "relative flex min-h-0 min-w-0 flex-1 flex-col" in source
|
|
|
|
|
|
def test_api_monitor_entries_and_expanded_text_can_shrink():
|
|
source = API_MONITOR_PAGE.read_text(encoding = "utf-8")
|
|
# Rows and the detail pane sit in flex parents, so they need min-w-0 or a long
|
|
# model id pushes the layout wider than the viewport.
|
|
assert '"flex w-full min-w-0 flex-col gap-1 border-b border-border/50' in source
|
|
assert '<section className="flex min-w-0 flex-col gap-1.5">' in source
|
|
# Prompt and reply are unbounded user text: height-capped, scrollable, wrapped.
|
|
assert "max-h-72 overflow-auto whitespace-pre-wrap break-words rounded-lg bg-muted/50" in source
|
|
# A model id or path has no spaces to wrap on, so it needs break-all.
|
|
assert 'className="min-w-0 break-all font-mono' in source
|
|
|
|
|
|
def test_settings_monitor_link_can_shrink():
|
|
source = MONITOR_LINK.read_text(encoding = "utf-8")
|
|
assert "flex w-full min-w-0 items-center gap-3" in source
|
|
# The summary line carries a model id, so it truncates instead of widening.
|
|
assert '<span className="truncate text-xs text-muted-foreground">' in source
|
|
|
|
|
|
def test_embedding_model_controls_stack_on_the_narrowest_viewports():
|
|
source = GENERAL_TAB.read_text(encoding = "utf-8")
|
|
assert (
|
|
'className="max-[360px]:flex-col max-[360px]:items-stretch max-[360px]:gap-3"'
|
|
) in source
|
|
assert 'className="w-[220px] max-[360px]:min-w-0 max-[360px]:flex-1"' in source
|