kdletters
0d9259b762
新增共享 PlatformBackActionButton 承接结果页轻量返回入口 将拼图方洞拼消消视觉小说等结果页返回按钮收口到共享组件 将拼消消跳一跳敲木鱼宝贝识物结果页返回按钮收口到共享组件 补充对应测试并更新 PlatformUiKit 收口计划与共享决策记录
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
/* @vitest-environment jsdom */
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import { expect, test } from 'vitest';
|
|
|
|
import { PlatformBackActionButton } from './PlatformBackActionButton';
|
|
|
|
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');
|
|
});
|
|
|
|
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');
|
|
});
|