1b3d728d78* Fix settings dialog overflow * Fix compact settings overflow * Add settings overflow regression contracts * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
35 lines
1.4 KiB
Python
35 lines
1.4 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"
|
|
API_MONITOR = REPO / "studio/frontend/src/features/settings/components/api-monitor-console.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.read_text(encoding = "utf-8")
|
|
assert (
|
|
'<article className="min-w-0 rounded-lg border border-border/70 bg-background">' in source
|
|
)
|
|
assert (
|
|
'<section className="flex min-w-0 flex-col rounded-lg border border-border/70 bg-background">'
|
|
in source
|
|
)
|
|
assert source.count('className="max-h-44 overflow-auto whitespace-pre-wrap break-words') == 2
|
|
|
|
|
|
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
|