1

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

@@ -42,12 +42,59 @@ test('creation hub draft card renders compiled work summary fields', () => {
   expect(html).toContain('一个被潮雾切开的列岛世界');
   expect(html).toContain('玩家是失职返乡的守灯人');
   expect(html).toContain('守灯会与沉船商盟争夺航道解释权');
-  expect(html).toContain('角色扮演 RPG');
-  expect(html).toContain('拼图玩法');
+  expect(html).toContain('角色扮演');
+  expect(html).toContain('剧情演绎，冒险成长');
+  expect(html).toContain('拼图');
+  expect(html).toContain('创意礼物，生活分享');
   expect(html).not.toContain('大鱼吃小鱼');
 });
 
 test('creation hub renders puzzle works in the same unified list with puzzle tag', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[]}
+      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-22T10:00:00.000Z').toISOString(),
+          publishedAt: new Date('2026-04-22T10:05:00.000Z').toISOString(),
+          playCount: 12,
+          remixCount: 3,
+          likeCount: 4,
+          publishReady: true,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      onOpenPuzzleDetail={() => {}}
+    />,
+  );
+
+  expect(html).toContain('潮雾拼图');
+  expect(html).toContain('拼图');
+  expect(html).toContain('aria-label="游玩 12次"');
+  expect(html).toContain('aria-label="改造 3次"');
+  expect(html).toContain('aria-label="点赞 4赞"');
+  expect(html).not.toContain('作品号');
+  expect(html).not.toContain('PZ-PROFILE1');
+  expect(html).not.toContain('潮雾</span>');
+  expect(html).not.toContain('港口</span>');
+  expect(html).not.toContain('我的拼图作品');
+});
+
+test('creation hub published work spans full mobile row', () => {
   const html = renderToStaticMarkup(
     <CustomWorldCreationHub
       items={[]}
@@ -79,9 +126,7 @@ test('creation hub renders puzzle works in the same unified list with puzzle tag
     />,
   );
 
-  expect(html).toContain('潮雾拼图');
-  expect(html).toContain('拼图');
-  expect(html).toContain('作品号');
-  expect(html).toContain('PZ-PROFILE1');
-  expect(html).not.toContain('我的拼图作品');
+  expect(html).toContain('grid-cols-2');
+  expect(html).toContain('col-span-2 sm:col-span-1');
+  expect(html).not.toContain('grid-cols-1 gap-3 md:grid-cols-2');
 });