复用空态原语收口项目新建卡片

PlatformEmptyState 增加 button 形态,支持空列表 CTA 复用同一套空态 chrome。

项目页空列表新建项目卡片改为复用 PlatformEmptyState,保留项目页局部尺寸样式。

补充共享空态按钮形态和项目页空态创建测试,并更新 TRACKING。
This commit is contained in:
2026-06-14 15:21:23 +08:00
parent d1f1cfdcca
commit d4ceb084c9
5 changed files with 124 additions and 22 deletions

View File

@@ -134,4 +134,28 @@ describe('ProjectGalleryView', () => {
expect(deleteEditorProjectMock).toHaveBeenCalledWith('editor-project-1');
expect(deleteEditorProjectMock).toHaveBeenCalledWith('editor-project-2');
});
it('renders the empty project action with shared empty state chrome', async () => {
const onOpenProject = vi.fn();
listEditorProjectsMock.mockResolvedValueOnce([]);
createEditorProjectMock.mockResolvedValueOnce({
...projectItems[0],
projectId: 'editor-project-new',
});
const user = userEvent.setup();
render(<ProjectGalleryView onOpenProject={onOpenProject} />);
const newProjectButton = await screen.findByRole('button', {
name: '新建项目',
});
expect(newProjectButton.className).toContain('platform-empty-state');
expect(newProjectButton.className).toContain('project-gallery__new-card');
await user.click(newProjectButton);
expect(createEditorProjectMock).toHaveBeenCalledTimes(1);
expect(onOpenProject).toHaveBeenCalledWith('editor-project-new');
});
});