mirror of
https://github.com/stablyai/orca.git
synced 2026-10-27 08:02:51 +00:00
Jinwoo-H
e4feda6965
The hybrid shell spoke in implementation terms — "Verified desktop-served interface", "Preparing verified interface…", "Connect to this desktop once to cache its verified workspace UI." — and rendered four equal recovery buttons inside a grey box. Every user-facing string is now one plain sentence, carried as a MobileWebShellNotice so the stable failure code lives on a small "Error: <code>" support line instead of inside the copy. The header drops its subtitle, the download state collapses to one line plus the bar, and recovery promotes Retry to the app's primary button style with the rest demoted to text links; the grey container is gone. Recovery labels move to Use last version / Reset and carry stable testIDs so e2e no longer depends on visible copy. Claude-Session: https://claude.ai/code/session_01JNnE9qzUZMMnqpZWCqM3nb
72 lines
2.6 KiB
TypeScript
72 lines
2.6 KiB
TypeScript
import { readFileSync } from 'node:fs'
|
|
import { describe, expect, it } from 'vitest'
|
|
|
|
const shellSource = readFileSync(
|
|
new URL('./MobileWebHybridShellPresentation.tsx', import.meta.url),
|
|
'utf8'
|
|
)
|
|
const recoveryActionsSource = readFileSync(
|
|
new URL('./MobileWebRecoveryActions.tsx', import.meta.url),
|
|
'utf8'
|
|
)
|
|
const progressSource = readFileSync(
|
|
new URL('./MobileWebPackageProgress.tsx', import.meta.url),
|
|
'utf8'
|
|
)
|
|
|
|
describe('mobile web shell accessibility', () => {
|
|
it('keeps shell navigation controls named and exposed as buttons', () => {
|
|
expect(shellSource).toMatch(
|
|
/accessibilityLabel="Back"\s+accessibilityRole="button"[\s\S]*?onPress=\{onBack\}/
|
|
)
|
|
expect(shellSource).toMatch(
|
|
/accessibilityLabel="Show paired hosts"\s+accessibilityRole="button"[\s\S]*?>\s+<Text[^>]*>Hosts/
|
|
)
|
|
})
|
|
|
|
it('announces status and warnings', () => {
|
|
expect(shellSource).toMatch(/accessibilityLiveRegion="polite"[\s\S]*?\{statusLine\}/)
|
|
expect(shellSource).toContain("accessibilityRole={packageWarning ? 'alert' : undefined}")
|
|
expect(shellSource).toContain('accessibilityRole="alert"')
|
|
expect(progressSource).toContain('accessibilityRole="progressbar"')
|
|
expect(progressSource).toContain('accessibilityLiveRegion="polite"')
|
|
})
|
|
|
|
it('names recovery controls and anchors them on stable test ids', () => {
|
|
expect(recoveryActionsSource).toContain('accessibilityRole="toolbar"')
|
|
expect(recoveryActionsSource).toContain('accessibilityLabel={action.label}')
|
|
expect(recoveryActionsSource).toContain('accessibilityState={{ disabled: busy }}')
|
|
for (const [testID, label] of [
|
|
['mobile-web-recovery-retry', 'Retry'],
|
|
['mobile-web-recovery-previous', 'Use last version'],
|
|
['mobile-web-recovery-reset', 'Reset'],
|
|
['mobile-web-recovery-hosts', 'Switch hosts']
|
|
]) {
|
|
expect(recoveryActionsSource).toContain(testID)
|
|
expect(recoveryActionsSource).toContain(label)
|
|
}
|
|
})
|
|
|
|
it('keeps implementation vocabulary out of the shell copy', () => {
|
|
for (const source of [shellSource, recoveryActionsSource, progressSource]) {
|
|
for (const banned of [
|
|
'verified',
|
|
'cache',
|
|
'hosted session',
|
|
'workspace interface',
|
|
'workspace UI',
|
|
'desktop-served'
|
|
]) {
|
|
expect(renderedCopy(source).toLowerCase()).not.toContain(banned.toLowerCase())
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
/** Quoted literals a user can read, excluding prop names and identifiers. */
|
|
function renderedCopy(source: string): string {
|
|
return [...source.matchAll(/'([^'\n]*)'/g), ...source.matchAll(/`([^`\n]*)`/g)]
|
|
.map((match) => match[1])
|
|
.join('\n')
|
|
}
|