9eb7abc831
Cut B Task 7 — NoteCard 메뉴가 여는 modal. - 사유 textarea (선택) + 활성/완료/보관/휴지통 버튼 (옮기기 즉시 setStatus + onMoved) - 빈 사유 → null reason 전달 (trim 처리) - AI 자동 분류 버튼 → classifyStatus(stub) 호출 + 추천 표시 + 확정 버튼 - statusLabel helper export (NoteCard 메뉴에서 재사용) - 4 단위 테스트 (render / 버튼 클릭 / AI 추천 흐름 / 빈 사유 null)
103 lines
3.2 KiB
TypeScript
103 lines
3.2 KiB
TypeScript
// @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';
|
|
|
|
const { mockSetStatus, mockClassify } = vi.hoisted(() => ({
|
|
mockSetStatus: vi.fn(async () => ({ ok: true as const })),
|
|
mockClassify: vi.fn(async () => ({
|
|
recommended: 'completed' as const,
|
|
rationale: '결재 끝'
|
|
}))
|
|
}));
|
|
|
|
vi.mock('../../src/renderer/inbox/api.js', () => ({
|
|
inboxApi: {
|
|
setStatus: mockSetStatus,
|
|
classifyStatus: mockClassify
|
|
}
|
|
}));
|
|
|
|
import { MoveStatusModal } from '../../src/renderer/inbox/components/MoveStatusModal';
|
|
|
|
describe('MoveStatusModal', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
cleanup();
|
|
});
|
|
|
|
it('renders reason textarea + 4 buttons + AI classify button', () => {
|
|
render(
|
|
<MoveStatusModal
|
|
noteId="n1"
|
|
rawText="t"
|
|
summary=""
|
|
initialTarget="completed"
|
|
onClose={vi.fn()}
|
|
onMoved={vi.fn()}
|
|
/>
|
|
);
|
|
expect(screen.getByRole('textbox')).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: '완료' })).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: '보관' })).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: '휴지통' })).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: /AI 자동 분류/ })).toBeInTheDocument();
|
|
});
|
|
|
|
it('clicking 완료 calls setStatus with reason', async () => {
|
|
const onMoved = vi.fn();
|
|
render(
|
|
<MoveStatusModal
|
|
noteId="n1"
|
|
rawText="t"
|
|
summary=""
|
|
initialTarget="completed"
|
|
onClose={vi.fn()}
|
|
onMoved={onMoved}
|
|
/>
|
|
);
|
|
fireEvent.change(screen.getByRole('textbox'), { target: { value: '결재 끝' } });
|
|
fireEvent.click(screen.getByRole('button', { name: '완료' }));
|
|
await waitFor(() => {
|
|
expect(mockSetStatus).toHaveBeenCalledWith('n1', 'completed', '결재 끝');
|
|
expect(onMoved).toHaveBeenCalledWith('completed', '결재 끝');
|
|
});
|
|
});
|
|
|
|
it('AI 자동 분류 → recommendation 표시 + 확정 → setStatus', async () => {
|
|
const onMoved = vi.fn();
|
|
render(
|
|
<MoveStatusModal
|
|
noteId="n1"
|
|
rawText="t"
|
|
summary=""
|
|
initialTarget="completed"
|
|
onClose={vi.fn()}
|
|
onMoved={onMoved}
|
|
/>
|
|
);
|
|
fireEvent.change(screen.getByRole('textbox'), { target: { value: '결재 끝' } });
|
|
fireEvent.click(screen.getByRole('button', { name: /AI 자동 분류/ }));
|
|
await screen.findByText(/AI 추천/);
|
|
expect(screen.getByText(/이유: 결재 끝/)).toBeInTheDocument();
|
|
fireEvent.click(screen.getByRole('button', { name: /확정/ }));
|
|
await waitFor(() => expect(onMoved).toHaveBeenCalledWith('completed', '결재 끝'));
|
|
});
|
|
|
|
it('빈 사유 → null reason 전달', async () => {
|
|
const onMoved = vi.fn();
|
|
render(
|
|
<MoveStatusModal
|
|
noteId="n1"
|
|
rawText="t"
|
|
summary=""
|
|
initialTarget="archived"
|
|
onClose={vi.fn()}
|
|
onMoved={onMoved}
|
|
/>
|
|
);
|
|
fireEvent.click(screen.getByRole('button', { name: '보관' }));
|
|
await waitFor(() => expect(mockSetStatus).toHaveBeenCalledWith('n1', 'archived', null));
|
|
});
|
|
});
|