/** * @license * Copyright 2025 Google LLC * SPDX-License-Identifier: Apache-2.0 */ import { render } from '../../../test-utils/render.js'; import { ToolResultDisplay } from './ToolResultDisplay.js'; import { describe, it, expect, vi, beforeEach } from 'vitest'; import { Box, Text } from 'ink'; import type { AnsiOutput } from '@google/gemini-cli-core'; // Mock child components to simplify testing vi.mock('./DiffRenderer.js', () => ({ DiffRenderer: ({ diffContent, filename, }: { diffContent: string; filename: string; }) => ( DiffRenderer: {filename} - {diffContent} ), })); // Mock UIStateContext const mockUseUIState = vi.fn(); vi.mock('../../contexts/UIStateContext.js', () => ({ useUIState: () => mockUseUIState(), })); // Mock useAlternateBuffer const mockUseAlternateBuffer = vi.fn(); vi.mock('../../hooks/useAlternateBuffer.js', () => ({ useAlternateBuffer: () => mockUseAlternateBuffer(), })); // Mock useSettings vi.mock('../../contexts/SettingsContext.js', () => ({ useSettings: () => ({ merged: { ui: { useAlternateBuffer: false, }, }, }), })); // Mock useOverflowActions vi.mock('../../contexts/OverflowContext.js', () => ({ useOverflowActions: () => ({ addOverflowingId: vi.fn(), removeOverflowingId: vi.fn(), }), })); describe('ToolResultDisplay', () => { beforeEach(() => { vi.clearAllMocks(); mockUseUIState.mockReturnValue({ renderMarkdown: true }); mockUseAlternateBuffer.mockReturnValue(false); }); it('renders string result as markdown by default', () => { const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); it('renders string result as plain text when renderOutputAsMarkdown is false', () => { const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); it('truncates very long string results', { timeout: 20000 }, () => { const longString = 'a'.repeat(1000005); const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); it('renders file diff result', () => { const diffResult = { fileDiff: 'diff content', fileName: 'test.ts', }; const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); it('renders ANSI output result', () => { const ansiResult: AnsiOutput = [ [ { text: 'ansi content', fg: 'red', bg: 'black', bold: false, italic: false, underline: false, dim: false, inverse: false, }, ], ]; const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); it('renders nothing for todos result', () => { const todoResult = { todos: [], }; const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); it('does not fall back to plain text if availableHeight is set and not in alternate buffer', () => { mockUseAlternateBuffer.mockReturnValue(false); // availableHeight calculation: 20 - 1 - 5 = 14 > 3 const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); it('keeps markdown if in alternate buffer even with availableHeight', () => { mockUseAlternateBuffer.mockReturnValue(true); const { lastFrame } = render( , ); const output = lastFrame(); expect(output).toMatchSnapshot(); }); });