File size: 3,446 Bytes
68722e4 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | import { fireEvent, render, screen } from '@testing-library/react';
import { beforeEach, describe, expect, it, vi } from 'vitest';
import { I18nProvider } from '../../../shared/i18n';
import type { ProblemFramingPlan } from '../../../shared/types/api';
import { ProblemPlanEditor } from './ProblemPlanEditor';
import { ProblemFramingOverlay } from './ProblemFramingOverlay';
const plan: ProblemFramingPlan = {
mode: 'clarify', headline: '梯子', summary: '解释变慢', question: '为什么？', answer: '等时位移递减。',
audience: '初中', backgroundRules: '定长', selectedRoute: '勾股', alternativeRoutes: '不用求导', outOfScope: '摩擦', specialCases: '避开竖直', visualMotif: '梯子', designerHint: '90秒',
steps: Array.from({ length: 12 }, (_, i) => ({ title: `标题${i + 1}`, content: `动作${i + 1}。`, phase: i < 2 ? 'background' : i < 3 ? 'phenomenon' : i < 11 ? 'derivation' : 'closing' })),
};
beforeEach(() => localStorage.setItem('manimcat_locale', 'zh-CN'));
describe('expanded planning card', () => {
it('shows all twelve editable steps in ordered phase groups and collapses design basis', () => {
render(<I18nProvider><ProblemPlanEditor plan={plan} onChange={vi.fn()} /></I18nProvider>);
expect(screen.getByDisplayValue('动作12。')).toBeTruthy();
expect(screen.getByRole('heading', { name: '推导' })).toBeTruthy();
expect(document.querySelector('details')?.open).toBe(false);
expect(screen.getByDisplayValue('勾股')).toBeTruthy();
});
it('editing the last step or answer preserves every other design decision', () => {
const change = vi.fn();
render(<I18nProvider><ProblemPlanEditor plan={plan} onChange={change} /></I18nProvider>);
fireEvent.change(screen.getByDisplayValue('动作12。'), { target: { value: '回到现象。' } });
const updated = change.mock.calls[0][0];
expect(updated.steps).toHaveLength(12);
expect(updated.steps[11].content).toBe('回到现象。');
expect(updated.selectedRoute).toBe(plan.selectedRoute);
fireEvent.change(screen.getByDisplayValue('等时位移递减。'), { target: { value: '新答案。' } });
expect(change.mock.calls[1][0].answer).toBe('新答案。');
});
it('old cards remain editable without new fields', () => {
const { question, answer, audience, backgroundRules, selectedRoute, alternativeRoutes, outOfScope, specialCases, ...legacy } = plan;
void [question, answer, audience, backgroundRules, selectedRoute, alternativeRoutes, outOfScope, specialCases];
render(<I18nProvider><ProblemPlanEditor plan={legacy} onChange={vi.fn()} /></I18nProvider>);
expect(screen.getByDisplayValue('动作12。')).toBeTruthy();
expect(screen.queryByDisplayValue('为什么？')).toBeNull();
});
it('keeps the card visible and prevents edits or generation while refining', () => {
render(<I18nProvider><ProblemFramingOverlay open status="loading" plan={plan} error={null} adjustment="修改" generating={false} onAdjustmentChange={vi.fn()} onRetry={vi.fn()} onInitialRetry={vi.fn()} onPlanChange={vi.fn()} onGenerate={vi.fn()} onClose={vi.fn()} /></I18nProvider>);
expect((screen.getByDisplayValue('动作12。') as HTMLTextAreaElement).disabled).toBe(true);
expect((screen.getByRole('button', { name: '开始吧！' }) as HTMLButtonElement).disabled).toBe(true);
expect(screen.getByRole('status').textContent).toContain('重新整理');
});
});
|