1

src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx

@@ -72,3 +72,42 @@ test('creation hub reflects updated draft title summary and counts after rerende
   expect(screen.getByText('角色 5')).toBeTruthy();
   expect(screen.getByText('地点 6')).toBeTruthy();
 });
+
+test('creation hub mixes puzzle works into the same grid and uses puzzle tag to distinguish', () => {
+  render(
+    <CustomWorldCreationHub
+      items={[baseDraftItem]}
+      puzzleItems={[
+        {
+          workId: 'puzzle:work-1',
+          profileId: 'puzzle-profile-1',
+          ownerUserId: 'user-1',
+          authorDisplayName: '拼图作者',
+          levelName: '沉钟拼图',
+          summary: '拼图作品会与其他创作作品一起展示。',
+          themeTags: ['潮雾', '沉钟'],
+          coverImageSrc: null,
+          publicationStatus: 'published',
+          updatedAt: new Date('2026-04-22T12:00:00.000Z').toISOString(),
+          publishedAt: new Date('2026-04-22T12:10:00.000Z').toISOString(),
+          playCount: 8,
+          publishReady: true,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onBack={() => {}}
+      onRetry={() => {}}
+      onCreateNew={() => {}}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      onOpenPuzzleDetail={() => {}}
+    />,
+  );
+
+  expect(screen.getByText('潮雾列岛')).toBeTruthy();
+  expect(screen.getByText('沉钟拼图')).toBeTruthy();
+  expect(screen.getAllByText('拼图').length).toBeGreaterThan(0);
+  expect(screen.queryByText('我的拼图作品')).toBeNull();
+  expect(screen.queryByText('拼图玩法')).toBeNull();
+});