kdletters
c5200c7d45
## 变更内容 - 新增基于 shadcn open-code 模式的共享 UI canonical 组件、样式与导出。 - 新增 `/components` 共享组件展示页，并覆盖平台组件、Token、状态和移动端布局。 - 补齐平台展示页的筛选、排序、上传预览、标签、开关和异步状态交互。 - 修复排序导致预览主题变化、筛选弹窗误关闭和入口状态不更新的问题。 - 同步网站与客户端构建别名、依赖、路由测试和项目文档。 ## 验证 - `npm run test -- src/components/shared-components/SharedComponentsShowcasePage.test.tsx` - `npm run typecheck` - `npm run check:encoding` - `npm run build:raw` - `git diff --check` - pre-push 门禁通过 Reviewed-on: http://192.168.35.82/git/GenarrativeAI/Genarrative/pulls/202 Co-authored-by: kdletters <kdletters@qq.com> Co-committed-by: kdletters <kdletters@qq.com>
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
/* @vitest-environment jsdom */
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import { describe, expect, test } from 'vitest';
|
|
|
|
import { Badge } from './badge';
|
|
import { Card, CardTitle } from './card';
|
|
import { Input } from './input';
|
|
import { Textarea } from './textarea';
|
|
|
|
describe('shadcn form, badge and card sources', () => {
|
|
test('expose project-owned slots while retaining platform classes', () => {
|
|
render(
|
|
<>
|
|
<Input size="lg" error aria-label="名称" />
|
|
<Textarea size="sm" aria-label="描述" />
|
|
<Badge variant="success">完成</Badge>
|
|
<Card tone="soft">
|
|
<CardTitle>设置</CardTitle>
|
|
</Card>
|
|
</>,
|
|
);
|
|
|
|
expect(screen.getByRole('textbox', { name: '名称' }).dataset.slot).toBe(
|
|
'input',
|
|
);
|
|
expect(screen.getByRole('textbox', { name: '描述' }).dataset.slot).toBe(
|
|
'textarea',
|
|
);
|
|
expect(screen.getByText('完成').dataset.slot).toBe('badge');
|
|
expect(screen.getByRole('heading', { name: '设置' }).dataset.slot).toBe(
|
|
'card-title',
|
|
);
|
|
expect(screen.getByText('完成').className).toContain(
|
|
'genarrative-ui-badge--success',
|
|
);
|
|
});
|
|
});
|