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>
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
/* @vitest-environment jsdom */
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import { expect, test } from 'vitest';
|
|
|
|
import { PlatformBackActionButton } from './index';
|
|
|
|
test('renders compact back action button by default', () => {
|
|
render(<PlatformBackActionButton />);
|
|
|
|
const button = screen.getByRole('button', { name: '返回' });
|
|
|
|
expect(button.className).toContain('platform-button--ghost');
|
|
expect(button.className).toContain('min-h-0');
|
|
expect(button.className).toContain('text-[11px]');
|
|
expect(button.className).toContain('gap-1.5');
|
|
expect(button.querySelector('svg')?.className.baseVal).toContain('h-3.5');
|
|
expect(button.getAttribute('type')).toBe('button');
|
|
});
|
|
|
|
test('supports regular variant and editor dark surface', () => {
|
|
render(
|
|
<PlatformBackActionButton
|
|
label="返回编辑"
|
|
variant="regular"
|
|
surface="editorDark"
|
|
/>,
|
|
);
|
|
|
|
const button = screen.getByRole('button', { name: '返回编辑' });
|
|
|
|
expect(button.className).toContain('platform-action-button--editor-dark');
|
|
expect(button.className).toContain('text-sm');
|
|
expect(button.className).toContain('gap-2');
|
|
expect(button.querySelector('svg')?.className.baseVal).toContain('h-4');
|
|
});
|