test: add tests for SelectList, MultiSelectList, WizardSelect, LogLink, exit-message

Author: notgitika

src/cli/tui/__tests__/exit-message.test.ts

@@ -0,0 +1,30 @@
+import { clearExitMessage, getExitMessage, setExitMessage } from '../exit-message.js';
+import { afterEach, describe, expect, it } from 'vitest';
+
+describe('exit-message', () => {
+  afterEach(() => clearExitMessage());
+
+  it('returns null when no message set', () => {
+    expect(getExitMessage()).toBeNull();
+  });
+
+  it('stores and retrieves a message', () => {
+    setExitMessage('Goodbye!');
+
+    expect(getExitMessage()).toBe('Goodbye!');
+  });
+
+  it('clears the message', () => {
+    setExitMessage('Bye');
+    clearExitMessage();
+
+    expect(getExitMessage()).toBeNull();
+  });
+
+  it('overwrites previous message', () => {
+    setExitMessage('First');
+    setExitMessage('Second');
+
+    expect(getExitMessage()).toBe('Second');
+  });
+});

src/cli/tui/components/__tests__/LogLink.test.tsx

@@ -0,0 +1,30 @@
+import { LogLink } from '../LogLink.js';
+import { render } from 'ink-testing-library';
+import React from 'react';
+import { describe, expect, it } from 'vitest';
+
+describe('LogLink', () => {
+  it('renders with prefix and relative path', () => {
+    const { lastFrame } = render(<LogLink filePath="/Users/dev/project/logs/deploy.log" />);
+
+    expect(lastFrame()).toContain('Log:');
+  });
+
+  it('renders custom display text', () => {
+    const { lastFrame } = render(<LogLink filePath="/tmp/test.log" displayText="test.log" />);
+
+    expect(lastFrame()).toContain('test.log');
+  });
+
+  it('hides prefix when showPrefix is false', () => {
+    const { lastFrame } = render(<LogLink filePath="/tmp/test.log" showPrefix={false} />);
+
+    expect(lastFrame()).not.toContain('Log:');
+  });
+
+  it('renders custom label', () => {
+    const { lastFrame } = render(<LogLink filePath="/tmp/test.log" label="Output" />);
+
+    expect(lastFrame()).toContain('Output:');
+  });
+});

src/cli/tui/components/__tests__/MultiSelectList.test.tsx

@@ -0,0 +1,55 @@
+import { MultiSelectList } from '../MultiSelectList.js';
+import { render } from 'ink-testing-library';
+import React from 'react';
+import { describe, expect, it } from 'vitest';
+
+describe('MultiSelectList', () => {
+  const items = [
+    { id: 'agent-1', title: 'Agent One' },
+    { id: 'agent-2', title: 'Agent Two', description: 'Secondary agent' },
+    { id: 'agent-3', title: 'Agent Three' },
+  ];
+
+  it('renders all items with checkboxes', () => {
+    const { lastFrame } = render(<MultiSelectList items={items} selectedIndex={0} selectedIds={new Set()} />);
+
+    expect(lastFrame()).toContain('Agent One');
+    expect(lastFrame()).toContain('Agent Two');
+    expect(lastFrame()).toContain('Agent Three');
+    expect(lastFrame()).toContain('[ ]');
+  });
+
+  it('shows checked items', () => {
+    const { lastFrame } = render(
+      <MultiSelectList items={items} selectedIndex={0} selectedIds={new Set(['agent-1', 'agent-3'])} />
+    );
+
+    expect(lastFrame()).toContain('[✓]');
+  });
+
+  it('shows cursor on current index', () => {
+    const { lastFrame } = render(<MultiSelectList items={items} selectedIndex={1} selectedIds={new Set()} />);
+
+    expect(lastFrame()).toContain('❯');
+  });
+
+  it('shows descriptions', () => {
+    const { lastFrame } = render(<MultiSelectList items={items} selectedIndex={0} selectedIds={new Set()} />);
+
+    expect(lastFrame()).toContain('Secondary agent');
+  });
+
+  it('shows empty state when no items', () => {
+    const { lastFrame } = render(<MultiSelectList items={[]} selectedIndex={0} selectedIds={new Set()} />);
+
+    expect(lastFrame()).toContain('No agents found');
+  });
+
+  it('shows custom empty message', () => {
+    const { lastFrame } = render(
+      <MultiSelectList items={[]} selectedIndex={0} selectedIds={new Set()} emptyMessage="No targets" />
+    );
+
+    expect(lastFrame()).toContain('No targets');
+  });
+});

src/cli/tui/components/__tests__/SelectList.test.tsx

@@ -0,0 +1,59 @@
+import { SelectList } from '../SelectList.js';
+import { render } from 'ink-testing-library';
+import React from 'react';
+import { describe, expect, it } from 'vitest';
+
+describe('SelectList', () => {
+  const items = [
+    { id: 'a', title: 'Agent', description: 'Add an agent' },
+    { id: 'b', title: 'Memory', description: 'Add memory' },
+    { id: 'c', title: 'Identity' },
+  ];
+
+  it('renders all items', () => {
+    const { lastFrame } = render(<SelectList items={items} selectedIndex={0} />);
+
+    expect(lastFrame()).toContain('Agent');
+    expect(lastFrame()).toContain('Memory');
+    expect(lastFrame()).toContain('Identity');
+  });
+
+  it('shows cursor on selected item', () => {
+    const { lastFrame } = render(<SelectList items={items} selectedIndex={1} />);
+
+    expect(lastFrame()).toContain('❯');
+    expect(lastFrame()).toContain('Memory');
+  });
+
+  it('shows descriptions when provided', () => {
+    const { lastFrame } = render(<SelectList items={items} selectedIndex={0} />);
+
+    expect(lastFrame()).toContain('Add an agent');
+    expect(lastFrame()).toContain('Add memory');
+  });
+
+  it('shows empty state when no items', () => {
+    const { lastFrame } = render(<SelectList items={[]} selectedIndex={0} />);
+
+    expect(lastFrame()).toContain('No matches');
+    expect(lastFrame()).toContain('No items available');
+  });
+
+  it('shows custom empty message', () => {
+    const { lastFrame } = render(<SelectList items={[]} selectedIndex={0} emptyMessage="Nothing here" />);
+
+    expect(lastFrame()).toContain('Nothing here');
+  });
+
+  it('renders disabled items', () => {
+    const disabledItems = [
+      { id: 'a', title: 'Available' },
+      { id: 'b', title: 'Disabled', disabled: true },
+    ];
+
+    const { lastFrame } = render(<SelectList items={disabledItems} selectedIndex={0} />);
+
+    expect(lastFrame()).toContain('Available');
+    expect(lastFrame()).toContain('Disabled');
+  });
+});

src/cli/tui/components/__tests__/WizardSelect.test.tsx

@@ -0,0 +1,87 @@
+import { WizardMultiSelect, WizardSelect } from '../WizardSelect.js';
+import { render } from 'ink-testing-library';
+import React from 'react';
+import { describe, expect, it } from 'vitest';
+
+describe('WizardSelect', () => {
+  const items = [
+    { id: 'strands', title: 'Strands', description: 'AWS Strands SDK' },
+    { id: 'langchain', title: 'LangChain' },
+  ];
+
+  it('renders title and items', () => {
+    const { lastFrame } = render(<WizardSelect title="Select SDK" items={items} selectedIndex={0} />);
+
+    expect(lastFrame()).toContain('Select SDK');
+    expect(lastFrame()).toContain('Strands');
+    expect(lastFrame()).toContain('LangChain');
+  });
+
+  it('renders description when provided', () => {
+    const { lastFrame } = render(
+      <WizardSelect title="Pick one" description="Choose your framework" items={items} selectedIndex={0} />
+    );
+
+    expect(lastFrame()).toContain('Choose your framework');
+  });
+
+  it('does not render description when not provided', () => {
+    const { lastFrame } = render(<WizardSelect title="Pick one" items={items} selectedIndex={0} />);
+
+    expect(lastFrame()).toContain('Pick one');
+    expect(lastFrame()).toContain('Strands');
+  });
+
+  it('passes empty message to SelectList', () => {
+    const { lastFrame } = render(<WizardSelect title="Pick one" items={[]} selectedIndex={0} emptyMessage="No SDKs" />);
+
+    expect(lastFrame()).toContain('No SDKs');
+  });
+});
+
+describe('WizardMultiSelect', () => {
+  const items = [
+    { id: 'agent-1', title: 'Agent A' },
+    { id: 'agent-2', title: 'Agent B' },
+  ];
+
+  it('renders title and items', () => {
+    const { lastFrame } = render(
+      <WizardMultiSelect title="Select agents" items={items} cursorIndex={0} selectedIds={new Set()} />
+    );
+
+    expect(lastFrame()).toContain('Select agents');
+    expect(lastFrame()).toContain('Agent A');
+    expect(lastFrame()).toContain('Agent B');
+  });
+
+  it('renders description when provided', () => {
+    const { lastFrame } = render(
+      <WizardMultiSelect
+        title="Agents"
+        description="Select which agents"
+        items={items}
+        cursorIndex={0}
+        selectedIds={new Set()}
+      />
+    );
+
+    expect(lastFrame()).toContain('Select which agents');
+  });
+
+  it('shows checked items', () => {
+    const { lastFrame } = render(
+      <WizardMultiSelect title="Agents" items={items} cursorIndex={0} selectedIds={new Set(['agent-1'])} />
+    );
+
+    expect(lastFrame()).toContain('[✓]');
+  });
+
+  it('passes empty message', () => {
+    const { lastFrame } = render(
+      <WizardMultiSelect title="Agents" items={[]} cursorIndex={0} selectedIds={new Set()} emptyMessage="No agents" />
+    );
+
+    expect(lastFrame()).toContain('No agents');
+  });
+});