kdletters
1ad25e30f8
新增 PlatformUiKit 通用弹窗、按钮、状态、空态、媒体、表单和标签等公共组件 迁移结果页、创作工作台、认证入口、RPG 暗色面板和运行态弹窗的重复 UI chrome 补充组件测试、页面回归测试、技术文档和 Hermes 共享决策记录
88 lines
2.7 KiB
TypeScript
88 lines
2.7 KiB
TypeScript
/* @vitest-environment jsdom */
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import { expect, test } from 'vitest';
|
|
|
|
import { BackstoryArchive } from './BackstoryArchive';
|
|
|
|
test('renders backstory chapter status with dark platform pill badges', () => {
|
|
render(
|
|
<BackstoryArchive
|
|
publicSummary="她总在旧港守灯。"
|
|
unlockedChapters={[
|
|
{
|
|
id: 'surface',
|
|
title: '表层来意',
|
|
content: '她先把所有问题都带回旧灯塔。',
|
|
},
|
|
]}
|
|
lockedChapters={[
|
|
{
|
|
id: 'truth',
|
|
title: '最终底牌',
|
|
teaser: '真正的守灯人也许不是她。',
|
|
affinityRequired: 60,
|
|
},
|
|
]}
|
|
/>,
|
|
);
|
|
|
|
const unlockedBadge = screen.getByText('已解锁');
|
|
const lockedBadge = screen.getByText('需好感 60');
|
|
|
|
expect(unlockedBadge.className).toContain('rounded-full');
|
|
expect(unlockedBadge.className).toContain('bg-amber-500/10');
|
|
expect(lockedBadge.className).toContain('rounded-full');
|
|
expect(lockedBadge.className).toContain('bg-black/20');
|
|
});
|
|
|
|
test('renders public summary and chapters with dark PlatformSubpanel chrome', () => {
|
|
render(
|
|
<BackstoryArchive
|
|
publicSummary="她总在旧港守灯。"
|
|
unlockedChapters={[
|
|
{
|
|
id: 'surface',
|
|
title: '表层来意',
|
|
content: '她先把所有问题都带回旧灯塔。',
|
|
},
|
|
]}
|
|
lockedChapters={[
|
|
{
|
|
id: 'truth',
|
|
title: '最终底牌',
|
|
teaser: '真正的守灯人也许不是她。',
|
|
affinityRequired: 60,
|
|
},
|
|
]}
|
|
/>,
|
|
);
|
|
|
|
const summaryPanel = screen.getByText('公开印象').closest('section');
|
|
const unlockedPanel = screen.getByText('表层来意').closest('section');
|
|
const lockedPanel = screen.getByText('最终底牌').closest('section');
|
|
|
|
expect(summaryPanel?.className).toContain('border-white/10');
|
|
expect(summaryPanel?.className).toContain('bg-black/25');
|
|
expect(unlockedPanel?.className).toContain('border-amber-300/18');
|
|
expect(unlockedPanel?.className).toContain('bg-black/25');
|
|
expect(lockedPanel?.className).toContain('border-white/10');
|
|
expect(lockedPanel?.className).toContain('bg-black/25');
|
|
});
|
|
|
|
test('renders empty archive with editor dark PlatformEmptyState chrome', () => {
|
|
render(
|
|
<BackstoryArchive
|
|
publicSummary={null}
|
|
unlockedChapters={[]}
|
|
lockedChapters={[]}
|
|
/>,
|
|
);
|
|
|
|
const emptyState = screen.getByText('暂无可整理的背景线索。');
|
|
|
|
expect(emptyState.className).toContain('platform-empty-state');
|
|
expect(emptyState.className).toContain('border-dashed');
|
|
expect(emptyState.className).toContain('bg-black/20');
|
|
});
|