inkling/tests/unit/App.test.tsx

// @vitest-environment jsdom
import { describe, it, expect, vi, beforeEach } from 'vitest';
import '@testing-library/jest-dom/vitest';
import { render, screen, fireEvent, cleanup, waitFor } from '@testing-library/react';

vi.mock('../../src/renderer/inbox/api.js', () => ({
  inboxApi: {
    listNotes: vi.fn(async () => []),
    listByStatus: vi.fn(async () => []),
    countsByStatus: vi.fn(async () => ({ active: 0, completed: 0, archived: 0, trashed: 0 })),
    getContinuity: vi.fn(async () => ({
      weekStart: '', weekCount: 0, weekTarget: 7,
      consecutiveCompleteWeeks: 0, showRecoveryToast: false, lastNoteAt: null
    })),
    getPendingCount: vi.fn(async () => 0),
    getOllamaStatus: vi.fn(async () => ({ ok: true })),
    getTodayCount: vi.fn(async () => 0),
    getTrashCount: vi.fn(async () => 0),
    listExpired: vi.fn(async () => []),
    getFailedCount: vi.fn(async () => 0),
    listRecallCandidate: vi.fn(async () => null),
    onNoteUpdated: vi.fn(() => () => undefined),
    onOllamaStatus: vi.fn(() => () => undefined),
    onNavigate: vi.fn(() => () => undefined),
    // 4 섹션 mounted 시 호출되는 stub
    loadOllamaSettings: vi.fn(async () => ({ endpoint: '', model: '' })),
    saveOllamaSettings: vi.fn(async () => ({ ok: true })),
    ollamaRecheck: vi.fn(async () => ({ ok: true })),
    getAutostart: vi.fn(async () => ({
      openAtLogin: false,
      diagnostic: {
        withArgs: { openAtLogin: false, executableWillLaunchAtLogin: false },
        noArgs: { openAtLogin: false, executableWillLaunchAtLogin: false },
        execPath: '/p'
      }
    })),
    setAutostart: vi.fn(async () => ({
      openAtLogin: false,
      diagnostic: {
        withArgs: { openAtLogin: false, executableWillLaunchAtLogin: false },
        noArgs: { openAtLogin: false, executableWillLaunchAtLogin: false },
        execPath: '/p'
      }
    })),
    runBackup: vi.fn(async () => ({ ok: true })),
    runExport: vi.fn(async () => ({ ok: true })),
    runImport: vi.fn(async () => ({ ok: true })),
    runSync: vi.fn(async () => ({ ok: true })),
    runExportTelemetry: vi.fn(async () => ({ ok: true })),
    getAppInfo: vi.fn(async () => ({ version: '0.2.7', electron: '?', node: '?', os: '?', profileDir: '?' })),
    openProfileDir: vi.fn(async () => undefined),
    copyAppInfo: vi.fn(async () => undefined)
  }
}));

import { App } from '../../src/renderer/inbox/App';
import { useInbox } from '../../src/renderer/inbox/store';
import { inboxApi } from '../../src/renderer/inbox/api.js';

describe('App — settings view', () => {
  beforeEach(() => {
    cleanup();
    useInbox.setState({
      view: 'inbox',
      counts: { active: 0, completed: 0, archived: 0, trashed: 0 },
      showSettings: false, showTrash: false,
      notes: [], trashNotes: [], trashCount: 0
    });
  });

  it('renders SettingsPage when showSettings=true', async () => {
    useInbox.setState({ showSettings: true });
    render(<App />);
    expect(await screen.findByText('설정')).toBeInTheDocument();
    expect(screen.getByText('AI 제공자')).toBeInTheDocument();
  });

  it('header gear icon click sets showSettings=true', async () => {
    render(<App />);
    fireEvent.click(await screen.findByLabelText('설정 열기'));
    expect(useInbox.getState().showSettings).toBe(true);
  });

  it('inbox:navigate "settings" event sets showSettings=true', async () => {
    const navHandlers: Array<(view: 'inbox' | 'trash' | 'settings') => void> = [];
    vi.mocked(inboxApi.onNavigate).mockImplementation((cb) => {
      navHandlers.push(cb);
      return () => {
        const i = navHandlers.indexOf(cb);
        if (i >= 0) navHandlers.splice(i, 1);
      };
    });
    render(<App />);
    await waitFor(() => expect(navHandlers.length).toBeGreaterThan(0));
    navHandlers.forEach((h) => h('settings'));
    await waitFor(() => expect(useInbox.getState().showSettings).toBe(true));
  });
});

describe('App header — 4 tabs', () => {
  beforeEach(() => {
    cleanup();
    useInbox.setState({
      view: 'inbox',
      counts: { active: 5, completed: 3, archived: 2, trashed: 1 },
      notes: [], trashNotes: [], trashCount: 0,
      showTrash: false, showSettings: false
    });
  });

  it('renders 4 tabs with counts', () => {
    render(<App />);
    expect(screen.getByRole('button', { name: /Inbox\(5\)/ })).toBeInTheDocument();
    expect(screen.getByRole('button', { name: /완료\(3\)/ })).toBeInTheDocument();
    expect(screen.getByRole('button', { name: /보관\(2\)/ })).toBeInTheDocument();
    expect(screen.getByRole('button', { name: /휴지통\(1\)/ })).toBeInTheDocument();
  });

  it('clicking 완료 tab sets view=completed', () => {
    render(<App />);
    fireEvent.click(screen.getByRole('button', { name: /완료/ }));
    expect(useInbox.getState().view).toBe('completed');
  });

  it('aria-pressed reflects current view', () => {
    useInbox.setState({ view: 'archived' });
    render(<App />);
    const archivedBtn = screen.getByRole('button', { name: /보관/ });
    expect(archivedBtn.getAttribute('aria-pressed')).toBe('true');
    const inboxBtn = screen.getByRole('button', { name: /Inbox/ });
    expect(inboxBtn.getAttribute('aria-pressed')).toBe('false');
  });
});