mirror of
https://github.com/nesquena/hermes-webui.git
synced 2026-07-16 20:50:18 +00:00
nesquena-hermes
fc3d6b68e6
#4584 (fixes #4295): scroll re-pin requires deliberate downward intent (deltaY<-30 unpin threshold, re-pin only if not user-unpinned OR bottomDistance<=80, reset counter) so reading mid-stream isn't hijacked back to bottom. ui.js only + 5 scroll-regression tests (4 existing assertions adjusted, all green; new test_issue4295_scroll_pin_reentry). #4583 (fixes #4553): mobile transcript overflow-x:hidden + max-width:100% + word-break so wide content can't pan sideways. style.css only + own test. Disjoint files. 32 scroll-family tests pass. Co-authored-by: nesquena-hermes <agent@nesquena-hermes> Co-authored-by: rodboev <rodboev@users.noreply.github.com>
52 lines
2.1 KiB
Python
52 lines
2.1 KiB
Python
import re
|
|
from pathlib import Path
|
|
|
|
|
|
def test_messages_rule_has_overflow_x_hidden():
|
|
"""Verify .messages rule includes overflow-x:hidden property."""
|
|
css_file = Path(__file__).resolve().parent.parent / "static" / "style.css"
|
|
content = css_file.read_text()
|
|
|
|
# Find the .messages{ rule
|
|
messages_rule_match = re.search(r'\.messages\{[^}]*overflow-y:auto[^}]*\}', content)
|
|
assert messages_rule_match, ".messages rule not found"
|
|
|
|
messages_rule = messages_rule_match.group(0)
|
|
assert 'overflow-x:hidden' in messages_rule, (
|
|
".messages rule does not contain overflow-x:hidden"
|
|
)
|
|
|
|
|
|
def test_messages_inner_mobile_has_containment():
|
|
"""Verify .messages-inner in mobile breakpoint includes containment properties."""
|
|
css_file = Path(__file__).resolve().parent.parent / "static" / "style.css"
|
|
content = css_file.read_text()
|
|
|
|
# Find the @media(max-width:640px) block and then .messages-inner within a reasonable window
|
|
media_match = re.search(r'@media\(max-width:640px\)\{', content)
|
|
assert media_match, "@media(max-width:640px) block not found"
|
|
|
|
# Extract content after the media query opening brace
|
|
media_start = media_match.start()
|
|
remaining_content = content[media_start:media_start + 5000] # Look ahead 5000 chars
|
|
|
|
# Find .messages-inner rule within this section
|
|
messages_inner_match = re.search(r'\.messages-inner\{([^}]*)\}', remaining_content)
|
|
assert messages_inner_match, ".messages-inner rule not found in @media(max-width:640px) block"
|
|
|
|
messages_inner_rule = messages_inner_match.group(0)
|
|
|
|
# Verify all required properties are present
|
|
assert 'max-width:100%' in messages_inner_rule, (
|
|
".messages-inner in mobile block missing max-width:100%"
|
|
)
|
|
assert 'overflow-x:hidden' in messages_inner_rule, (
|
|
".messages-inner in mobile block missing overflow-x:hidden"
|
|
)
|
|
assert 'word-break:break-word' in messages_inner_rule, (
|
|
".messages-inner in mobile block missing word-break:break-word"
|
|
)
|
|
assert 'min-width:0' in messages_inner_rule, (
|
|
".messages-inner in mobile block missing min-width:0"
|
|
)
|