mirror of
https://github.com/stablyai/orca.git
synced 2026-11-04 02:57:36 +00:00
b128cbbd6a
Route terminal-backed OMP question cards to the owning terminal and refuse automated ask answer/cancel writes. Preserve structured semantic answers and recognize OMP multi-select metadata. Verified against the real OMP selector source; automatic semantic card answering remains tracked in #26692. Co-authored-by: jairuspace <jairusbpace@gmail.com> Co-authored-by: Daniel Lopez <dafeloru@gmail.com>
92 lines
3.5 KiB
TypeScript
92 lines
3.5 KiB
TypeScript
import { createElement } from 'react'
|
|
import { act, create, type ReactTestInstance, type ReactTestRenderer } from 'react-test-renderer'
|
|
import { Pressable, TextInput } from 'react-native'
|
|
import { describe, expect, it, vi } from 'vitest'
|
|
import { MobileNativeChatPromptCard } from './MobileNativeChatPromptCard'
|
|
|
|
vi.mock('react-native', () => ({
|
|
Pressable: 'Pressable',
|
|
ScrollView: 'ScrollView',
|
|
StyleSheet: { create: (styles: unknown) => styles, hairlineWidth: 1 },
|
|
Text: 'Text',
|
|
TextInput: 'TextInput',
|
|
View: 'View',
|
|
Platform: { OS: 'ios', select: (o: Record<string, unknown>) => o.ios }
|
|
}))
|
|
vi.mock('lucide-react-native', () => ({
|
|
Check: 'Check',
|
|
ChevronDown: 'ChevronDown',
|
|
ChevronUp: 'ChevronUp',
|
|
CircleHelp: 'CircleHelp',
|
|
ShieldQuestion: 'ShieldQuestion',
|
|
X: 'X'
|
|
}))
|
|
vi.mock('../components/MobileMarkdown', () => ({ MobileMarkdown: 'Markdown' }))
|
|
|
|
const textInput = (root: ReactTestInstance) =>
|
|
root.find((node) => node.props.placeholder === 'Type your answer')
|
|
const ask = { questions: [{ question: 'Pick?', options: [{ label: 'East' }], multiSelect: false }] }
|
|
|
|
describe('MobileNativeChatPromptCard collapse', () => {
|
|
it.each([true, false])(
|
|
'shows only terminal navigation when answering requires it (%s)',
|
|
async (available) => {
|
|
const onAnswerInTerminal = vi.fn()
|
|
const onAnswerAsk = vi.fn(async () => true)
|
|
const onCancelAsk = vi.fn(async () => true)
|
|
const onDismissAsk = vi.fn()
|
|
let tree: ReactTestRenderer | null = null
|
|
await act(async () => {
|
|
tree = create(
|
|
createElement(MobileNativeChatPromptCard, {
|
|
ask,
|
|
requiresTerminal: true,
|
|
onAnswerAsk,
|
|
onCancelAsk,
|
|
onDismissAsk,
|
|
onAnswerInTerminal: available ? onAnswerInTerminal : undefined
|
|
})
|
|
)
|
|
})
|
|
const buttons = tree!.root.findAllByType(Pressable)
|
|
expect(buttons).toHaveLength(1)
|
|
expect(buttons[0]!.props.accessibilityLabel).toBe('Answer in terminal')
|
|
expect(buttons[0]!.props.disabled).toBe(!available)
|
|
expect(tree!.root.findAllByType(TextInput)).toHaveLength(0)
|
|
if (available) {
|
|
act(() => buttons[0]!.props.onPress())
|
|
}
|
|
expect(onAnswerInTerminal).toHaveBeenCalledTimes(available ? 1 : 0)
|
|
expect(onAnswerAsk).not.toHaveBeenCalled()
|
|
expect(onCancelAsk).not.toHaveBeenCalled()
|
|
expect(onDismissAsk).not.toHaveBeenCalled()
|
|
act(() => tree!.unmount())
|
|
}
|
|
)
|
|
|
|
it('keeps a partly answered Ask mounted but hidden while collapsed', async () => {
|
|
let tree: ReactTestRenderer | null = null
|
|
const render = (collapsed: boolean) =>
|
|
createElement(MobileNativeChatPromptCard, {
|
|
ask,
|
|
collapsedPrompt: collapsed ? { title: 'Pick?', expand: () => {} } : null
|
|
})
|
|
await act(async () => {
|
|
tree = create(render(false))
|
|
})
|
|
const other = tree!.root.findAll((node) => node.props.label === 'Other…')[0]!
|
|
act(() => other.props.onPress())
|
|
act(() => textInput(tree!.root).props.onChangeText('turbo'))
|
|
|
|
await act(async () => tree!.update(render(true)))
|
|
expect(tree!.root.findByProps({ testID: 'native-chat-prompt-strip' })).toBeTruthy()
|
|
const hidden = tree!.root.findAll((node) => node.props.style?.display === 'none')
|
|
expect(hidden).toHaveLength(1)
|
|
expect(textInput(hidden[0]!).props.value).toBe('turbo')
|
|
|
|
await act(async () => tree!.update(render(false)))
|
|
expect(textInput(tree!.root).props.value).toBe('turbo')
|
|
act(() => tree!.unmount())
|
|
})
|
|
})
|