256 lines
18 KiB
Python
256 lines
18 KiB
Python
"""Offline Chromium tests of real Hope assets; no NAS or live provider."""
|
|
from pathlib import Path
|
|
from urllib.parse import urlparse, parse_qs
|
|
from playwright.sync_api import sync_playwright, expect
|
|
|
|
ROOT = Path(__file__).resolve().parents[2]
|
|
|
|
|
|
def fixture(page, replay=False):
|
|
calls, streams = [], []
|
|
conversation = dict(id='c1', title='A saved thought', workspace_id=None, pinned=False, revision=1, archived=False)
|
|
original = dict(id='m1', role='user', content='Original question', status='completed')
|
|
conversations, messages = {'c1': conversation}, {'c1': [original]}
|
|
preferences = dict(palette='opal', appearance='light', revision=1)
|
|
def route(r):
|
|
path, method = urlparse(r.request.url).path, r.request.method
|
|
body = r.request.post_data_json if r.request.post_data else {}
|
|
calls.append((method, path, body))
|
|
if path == '/api/auth/me': data = {'user': dict(id='alice', username='alice', role='user', status='ready')}
|
|
elif path == '/voices': data = {'voices': []}
|
|
elif path == '/api/research': data = {'available':True,'mode':'hermes_tools','reason':''}
|
|
elif path.endswith('/export'):
|
|
r.fulfill(body='private export',content_type='text/plain'); return
|
|
elif path == '/api/capabilities': data = {'version':1,'features':{}}
|
|
elif path == '/api/preferences':
|
|
if method == 'PUT': preferences.update(body); preferences['revision'] += 1
|
|
data = {'preferences': preferences}
|
|
elif path == '/api/workspaces': data = {'workspaces': [dict(id='w1',name='Writing',revision=1,instructions='Keep it concise')]}
|
|
elif path == '/api/sync': data = {'changes':[{'kind':'conversation','id':'c1','data':conversations['c1']},{'kind':'preferences','data':preferences}], 'cursor':1}
|
|
elif path == '/api/conversations':
|
|
if method == 'POST':
|
|
conversations['c2'] = dict(conversation, id='c2', title=body['title']); messages['c2'] = []
|
|
data = {'conversation': conversations['c2']}
|
|
else: data = {'conversations': [c for c in conversations.values() if c['archived'] == (parse_qs(urlparse(r.request.url).query).get('archived',['false'])[0] == 'true')], 'next_cursor': None}
|
|
elif path.endswith('/events'):
|
|
streams.append(r.request.url)
|
|
message = 'id: 1\nevent: message\ndata: {"message":{"id":"a1","role":"assistant","content":"## Answer\\n| Name | Value |\\n| --- | --- |\\n| <img src=x> | **safe** |\\n**Safe** and `clear`.\\n<script>window.injected=true</script>\\n[bad](javascript:alert(1))","status":"completed"}}\n\n'
|
|
done = 'id: 2\nevent: done\ndata: {"run":{"id":"r1","status":"completed"}}\n\n'
|
|
if not replay or len(streams) > 1:
|
|
for c in conversations.values(): c['revision'] += 1
|
|
r.fulfill(body=message if replay and len(streams) == 1 else message + done, content_type='text/event-stream'); return
|
|
elif path.endswith('/messages'):
|
|
cid = path.split('/')[3]; message = dict(id='u2', role='user', content=body['content'], status='completed'); messages[cid].append(message)
|
|
data = {'message':message,'run':{'id':'r1','status':'running'}}
|
|
elif path.endswith('/branch') and method == 'POST':
|
|
conversations['branch'] = dict(conversation, id='branch', title='New branch'); messages['branch'] = []
|
|
data = {'conversation':conversations['branch']}
|
|
elif path.startswith('/api/conversations/'):
|
|
cid = path.split('/')[3]
|
|
if method == 'DELETE': del conversations[cid]; data = {'ok':True}
|
|
elif method == 'PATCH':
|
|
if body['revision'] != conversations[cid]['revision']:
|
|
r.fulfill(status=409,json={'error':'Stale revision'}); return
|
|
conversations[cid].update(body); conversations[cid]['revision'] += 1; data = {'conversation':conversations[cid]}
|
|
else: data = {'conversation':conversations[cid],'messages':messages[cid],'runs':[],'next_cursor':None}
|
|
elif path == '/api/auth/logout': data = {'ok':True}
|
|
else:
|
|
asset = ROOT / 'web' / (path.lstrip('/') or 'index.html')
|
|
if asset.is_file():
|
|
r.fulfill(body=asset.read_bytes(), content_type={'.html':'text/html','.css':'text/css','.js':'application/javascript','.svg':'image/svg+xml'}.get(asset.suffix,'application/octet-stream')); return
|
|
r.fulfill(status=404,json={'error':'Unavailable'}); return
|
|
r.fulfill(json=data)
|
|
page.route('https://hope.test/**', route)
|
|
return calls, streams, conversations, messages
|
|
|
|
|
|
def test_chat_crud_replay_safe_markdown_and_preserved_branches():
|
|
with sync_playwright() as p:
|
|
browser = p.chromium.launch(headless=True)
|
|
page = browser.new_page(viewport={'width':1280,'height':900})
|
|
errors=[]; page.on('pageerror',lambda error: errors.append(str(error)))
|
|
calls, streams, conversations, messages = fixture(page, replay=True)
|
|
page.goto('https://hope.test/'); page.wait_for_load_state('networkidle')
|
|
page.get_by_role('button',name='A saved thought',exact=True).click()
|
|
expect(page.locator('#chatTimeline')).to_contain_text('Original question')
|
|
page.evaluate("if (!document.getElementById('conversationActions').matches(':popover-open')) document.getElementById('conversationActions').showPopover()")
|
|
page.locator('#pinConversation').click(); expect(page.locator('#pinConversation')).to_have_text('Unpin')
|
|
page.locator('#primaryInput').fill('A new question'); page.locator('#primarySend').click()
|
|
expect(page.locator('#chatTimeline')).to_contain_text('Answer')
|
|
expect(page.locator('#primaryInput')).to_be_enabled(timeout=10000)
|
|
assert len(streams) == 2 and streams[-1].endswith('after=1')
|
|
assert page.locator('[data-message-id="a1"]').count() == 1
|
|
assert page.locator('#chatTimeline table').count() == 1
|
|
assert page.locator('#chatTimeline img').count() == 0
|
|
assert page.locator('#chatTimeline script').count() == 0
|
|
assert page.locator('#chatTimeline a[href^="javascript:"]').count() == 0
|
|
assert page.evaluate('window.injected') is None
|
|
assert not any(path == '/token' for _,path,_ in calls)
|
|
page.get_by_role('button',name='Edit in new branch').first.click()
|
|
page.locator('#chatActionValue').fill('Revised question'); page.locator('#chatActionSave').click()
|
|
expect(page.locator('#chatTitle')).to_have_text('New branch')
|
|
expect(page.locator('#chatTimeline')).to_contain_text('Revised question')
|
|
assert messages['c1'][0]['content'] == 'Original question'
|
|
page.locator('#openPreferences').click(); expect(page.locator('#preferencesMessage')).to_have_text(''); page.locator('#paletteSelect').select_option('ocean')
|
|
page.get_by_role('button',name='Save appearance').click(); expect(page.locator('html')).to_have_attribute('data-palette','ocean')
|
|
page.locator('#settingsClose').click(); page.screenshot(path='/tmp/hope-chat-desktop.png')
|
|
page.evaluate("if (!document.getElementById('conversationActions').matches(':popover-open')) document.getElementById('conversationActions').showPopover()")
|
|
page.locator('#deleteConversation').click(); page.locator('#chatActionSave').click()
|
|
expect(page.locator('#chatTitle')).to_have_text('New conversation'); assert 'branch' not in conversations
|
|
assert errors == []
|
|
browser.close()
|
|
|
|
|
|
def test_mobile_drawer_keyboard_voice_and_logout():
|
|
with sync_playwright() as p:
|
|
browser = p.chromium.launch(headless=True)
|
|
page = browser.new_page(viewport={'width':390,'height':844}); fixture(page)
|
|
page.goto('https://hope.test/'); page.wait_for_load_state('networkidle')
|
|
page.locator('#drawerOpen').click(); expect(page.locator('#drawerOpen')).to_have_attribute('aria-expanded','true')
|
|
page.keyboard.press('Escape'); expect(page.locator('#drawerOpen')).to_be_focused()
|
|
page.locator('#drawerOpen').click(); page.locator('#accountMenuBtn').click()
|
|
expect(page.locator('#settingsDialog')).to_be_visible()
|
|
page.locator('#logoutBtn').click()
|
|
expect(page.locator('#loginGate')).to_be_visible()
|
|
assert 'Original question' not in page.locator('#chatTimeline').inner_text()
|
|
browser.close()
|
|
|
|
|
|
def test_archived_move_sync_conflict_and_mobile_actions():
|
|
with sync_playwright() as p:
|
|
browser = p.chromium.launch(headless=True)
|
|
page = browser.new_page(viewport={'width':390,'height':844})
|
|
calls, streams, conversations, messages = fixture(page)
|
|
page.goto('https://hope.test/'); page.wait_for_load_state('networkidle')
|
|
expect(page.locator('#conversationMenu')).to_be_hidden()
|
|
page.locator('#drawerOpen').click(); page.get_by_role('button',name='A saved thought',exact=True).click()
|
|
page.locator('#conversationMenu').click(); expect(page.locator('#moveConversation')).to_be_visible()
|
|
page.locator('#moveConversation').click(); page.locator('#chatWorkspaceSelect').select_option('w1'); page.locator('#chatActionSave').click()
|
|
expect(page.locator('#chatActionDialog')).not_to_be_visible()
|
|
assert conversations['c1']['workspace_id'] == 'w1'
|
|
conversations['c1'].update(title='Changed elsewhere', revision=4)
|
|
page.evaluate("document.dispatchEvent(new Event('visibilitychange'))")
|
|
expect(page.locator('#chatTitle')).to_have_text('Changed elsewhere')
|
|
page.locator('#conversationMenu').click(); page.locator('#archiveConversation').click(); page.locator('#chatActionSave').click()
|
|
expect(page.locator('#chatTitle')).to_have_text('New conversation')
|
|
page.locator('#drawerOpen').click(); page.locator('#showArchived').click()
|
|
page.get_by_role('button',name='Changed elsewhere',exact=True).click()
|
|
page.locator('#conversationMenu').click(); expect(page.locator('#archiveConversation')).to_have_text('Unarchive')
|
|
page.locator('#archiveConversation').click(); page.locator('#chatActionSave').click()
|
|
expect(page.locator('#chatTitle')).to_have_text('New conversation')
|
|
assert conversations['c1']['archived'] is False
|
|
# A stale optimistic write refreshes rather than overwriting another client's title.
|
|
page.locator('#drawerOpen').click(); page.locator('#showArchived').click()
|
|
page.get_by_role('button',name='Changed elsewhere',exact=True).click()
|
|
def conflict(route):
|
|
if route.request.method == 'PATCH':
|
|
conversations['c1'].update(title='Newest revision',revision=9)
|
|
route.fulfill(status=409,json={'error':'Stale revision'})
|
|
else: route.fallback()
|
|
page.route('https://hope.test/api/conversations/c1', conflict)
|
|
page.locator('#conversationMenu').click(); page.evaluate("if (!document.getElementById('conversationActions').matches(':popover-open')) document.getElementById('conversationActions').showPopover()")
|
|
page.locator('#pinConversation').click()
|
|
expect(page.locator('#chatTitle')).to_have_text('Newest revision')
|
|
expect(page.locator('#chatNotice')).to_contain_text('Conversation refreshed')
|
|
browser.close()
|
|
|
|
|
|
def test_voice_history_refresh_keyboard_focus_and_large_text():
|
|
with sync_playwright() as p:
|
|
browser = p.chromium.launch(headless=True)
|
|
page = browser.new_page(viewport={'width':1280,'height':900}, reduced_motion='reduce')
|
|
calls, streams, conversations, messages = fixture(page)
|
|
page.goto('https://hope.test/'); page.wait_for_load_state('networkidle')
|
|
page.get_by_role('button',name='A saved thought',exact=True).click()
|
|
expect(page.locator('#chatTitle')).to_have_text('A saved thought')
|
|
expect(page.locator('#chatTimeline')).to_contain_text('Original question')
|
|
page.locator('#primaryInput').fill('Keep my draft')
|
|
page.evaluate("window.dispatchEvent(new CustomEvent('hope:voice-state',{detail:{active:true,conversation_id:'c1'}}))")
|
|
messages['c1'].append(dict(id='voice1',role='assistant',content='Saved voice reply with [source](https://example.com/report)',status='completed'))
|
|
page.evaluate("window.dispatchEvent(new CustomEvent('hope:voice-state',{detail:{active:false,conversation_id:'c1'}}))")
|
|
expect(page.locator('#chatTimeline')).to_contain_text('Saved voice reply')
|
|
expect(page.locator('#primaryInput')).to_have_value('Keep my draft')
|
|
expect(page.locator('#chatTimeline a')).to_have_attribute('href','https://example.com/report')
|
|
expect(page.locator('#chatNotice')).to_contain_text('Voice conversation saved')
|
|
page.screenshot(path='/tmp/hope-chat-opal-desktop.png')
|
|
page.keyboard.press('Control+k'); expect(page.locator('#conversationSearch')).to_be_focused()
|
|
page.keyboard.press('Escape')
|
|
page.locator('#openPreferences').click(); expect(page.locator('#settingsDialog')).to_be_visible()
|
|
page.keyboard.press('Escape'); expect(page.locator('#openPreferences')).to_be_focused()
|
|
# Native controls remain usable at large text and narrow effective viewport.
|
|
page.set_viewport_size({'width':640,'height':900})
|
|
page.add_style_tag(content='html {font-size: 200% !important;}')
|
|
assert page.evaluate('document.documentElement.scrollWidth <= innerWidth')
|
|
page.locator('#drawerOpen').click(); page.keyboard.press('Escape')
|
|
expect(page.locator('#drawerOpen')).to_be_focused()
|
|
assert page.evaluate("getComputedStyle(document.getElementById('drawerOpen')).outlineStyle") != 'none'
|
|
browser.close()
|
|
|
|
|
|
def test_qualified_research_and_private_export():
|
|
with sync_playwright() as p:
|
|
browser = p.chromium.launch(headless=True)
|
|
page = browser.new_page(); calls, streams, conversations, messages = fixture(page)
|
|
page.goto('https://hope.test/'); page.wait_for_load_state('networkidle')
|
|
expect(page.locator('#researchMode')).to_be_visible()
|
|
page.locator('#researchMode').select_option('research')
|
|
page.locator('#primaryInput').fill('Research this topic'); page.locator('#primarySend').click()
|
|
expect(page.locator('#chatTimeline')).to_contain_text('Answer')
|
|
assert next(body for method,path,body in calls if method == 'POST' and path.endswith('/messages'))['mode'] == 'research'
|
|
page.evaluate("if (!document.getElementById('conversationActions').matches(':popover-open')) document.getElementById('conversationActions').showPopover()")
|
|
with page.expect_download() as info: page.locator('#exportMarkdown').click()
|
|
assert info.value.suggested_filename.endswith('.md')
|
|
page.evaluate("if (!document.getElementById('conversationActions').matches(':popover-open')) document.getElementById('conversationActions').showPopover()")
|
|
with page.expect_download() as info: page.locator('#exportJSON').click()
|
|
assert info.value.suggested_filename.endswith('.json')
|
|
assert all('/api/conversations/' in path for method,path,body in calls if path.endswith('/export'))
|
|
browser.close()
|
|
|
|
|
|
def test_immediate_pin_after_response_uses_final_server_revision():
|
|
with sync_playwright() as p:
|
|
browser = p.chromium.launch(headless=True)
|
|
page = browser.new_page(); calls, streams, conversations, messages = fixture(page)
|
|
page.goto('https://hope.test/'); page.wait_for_load_state('networkidle')
|
|
page.get_by_role('button',name='A saved thought',exact=True).click()
|
|
expect(page.locator('#chatTitle')).to_have_text('A saved thought')
|
|
page.locator('#primaryInput').fill('Finish and immediately pin'); page.locator('#primarySend').click()
|
|
expect(page.locator('#chatTimeline')).to_contain_text('Answer')
|
|
page.evaluate("if (!document.getElementById('conversationActions').matches(':popover-open')) document.getElementById('conversationActions').showPopover()")
|
|
page.locator('#pinConversation').click()
|
|
expect(page.locator('#pinConversation')).to_have_text('Unpin')
|
|
assert conversations['c1']['pinned'] is True
|
|
assert 'Conversation refreshed' not in page.locator('#chatNotice').inner_text()
|
|
patch = next(body for method,path,body in calls if method == 'PATCH')
|
|
assert patch['revision'] == 2
|
|
browser.close()
|
|
|
|
|
|
def test_realtime_voice_is_inline_in_same_thread_and_creates_real_conversation():
|
|
with sync_playwright() as p:
|
|
browser = p.chromium.launch(headless=True)
|
|
for width in [1440, 390, 320]:
|
|
page = browser.new_page(viewport={'width':width,'height':900})
|
|
errors = []; page.on('pageerror', lambda error: errors.append(str(error)))
|
|
calls, streams, conversations, messages = fixture(page)
|
|
page.add_init_script("window.addEventListener('hope:start-voice', event => {event.stopImmediatePropagation(); window.startedVoice = event.detail.conversation_id; window.dispatchEvent(new CustomEvent('hope:voice-state', {detail:{active:true,conversation_id:event.detail.conversation_id}}));}, true)")
|
|
page.goto('https://hope.test/'); page.wait_for_load_state('networkidle')
|
|
# Replace only voice transport; durable conversation creation still uses real chat.js.
|
|
|
|
expect(page.locator('#primaryComposer #talkToHope')).to_be_visible()
|
|
assert page.locator('.chat-topbar #talkToHope').count() == 0
|
|
page.locator('#primaryInput').fill('Keep this draft while I talk')
|
|
page.locator('#talkToHope').click()
|
|
expect(page.locator('#legacyVoice')).to_be_visible()
|
|
expect(page.locator('#primaryChat')).to_be_visible()
|
|
expect(page.locator('#primaryInput')).to_have_value('Keep this draft while I talk')
|
|
expect(page.locator('#primaryInput')).to_be_enabled()
|
|
expect(page.locator('#primarySend')).to_be_disabled()
|
|
assert page.evaluate('window.startedVoice') == 'c2'
|
|
assert any(method == 'POST' and path == '/api/conversations' for method,path,body in calls)
|
|
assert page.evaluate('document.documentElement.scrollWidth <= innerWidth')
|
|
page.screenshot(path=f'/tmp/hope-talk-visible-{width}.png')
|
|
assert not errors
|
|
page.close()
|
|
browser.close()
|