| |
| |
| |
| |
| |
|
|
| import { GeminiMessage } from './GeminiMessage.js'; |
| import { StreamingState } from '../../types.js'; |
| import { renderWithProviders } from '../../../test-utils/render.js'; |
|
|
| describe('<GeminiMessage /> - Raw Markdown Display Snapshots', () => { |
| const baseProps = { |
| text: 'Test **bold** and `code` markdown\n\n```javascript\nconst x = 1;\n```', |
| isPending: false, |
| terminalWidth: 80, |
| }; |
|
|
| it.each([ |
| { renderMarkdown: true, description: '(default)' }, |
| { |
| renderMarkdown: false, |
| description: '(raw markdown with syntax highlighting, no line numbers)', |
| }, |
| ])( |
| 'renders with renderMarkdown=$renderMarkdown $description', |
| async ({ renderMarkdown }) => { |
| const { lastFrame, unmount } = await renderWithProviders( |
| <GeminiMessage {...baseProps} />, |
| { |
| uiState: { renderMarkdown, streamingState: StreamingState.Idle }, |
| }, |
| ); |
| expect(lastFrame()).toMatchSnapshot(); |
| unmount(); |
| }, |
| ); |
|
|
| it.each([{ renderMarkdown: true }, { renderMarkdown: false }])( |
| 'renders pending state with renderMarkdown=$renderMarkdown', |
| async ({ renderMarkdown }) => { |
| const { lastFrame, unmount } = await renderWithProviders( |
| <GeminiMessage {...baseProps} isPending={true} />, |
| { |
| uiState: { renderMarkdown, streamingState: StreamingState.Idle }, |
| }, |
| ); |
| expect(lastFrame()).toMatchSnapshot(); |
| unmount(); |
| }, |
| ); |
|
|
| it('wraps long lines correctly in raw markdown mode', async () => { |
| const terminalWidth = 20; |
| const text = |
| 'This is a long line that should wrap correctly without truncation'; |
| const { lastFrame, unmount } = await renderWithProviders( |
| <GeminiMessage |
| text={text} |
| isPending={false} |
| terminalWidth={terminalWidth} |
| />, |
| { |
| uiState: { renderMarkdown: false, streamingState: StreamingState.Idle }, |
| }, |
| ); |
| expect(lastFrame()).toMatchSnapshot(); |
| unmount(); |
| }); |
| }); |
|
|
