1

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

@@ -11,12 +11,62 @@ const noopCreateType = () => {};
 const originalClipboard = navigator.clipboard;
 
 afterEach(() => {
+  window.sessionStorage.clear();
   Object.defineProperty(navigator, 'clipboard', {
     configurable: true,
     value: originalClipboard,
   });
 });
 
+test('creation hub shows published metric growth from cached page snapshot', async () => {
+  window.sessionStorage.setItem(
+    'genarrative.creationHub.publishedMetrics.v1',
+    JSON.stringify({
+      'puzzle:puzzle:work-growth': {
+        'play-count': 7,
+        'remix-count': 1,
+        'like-count': 2,
+      },
+    }),
+  );
+
+  render(
+    <CustomWorldCreationHub
+      items={[]}
+      puzzleItems={[
+        {
+          workId: 'puzzle:work-growth',
+          profileId: 'puzzle-profile-growth',
+          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: 10,
+          remixCount: 4,
+          likeCount: 2,
+          publishReady: true,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      onOpenPuzzleDetail={() => {}}
+    />,
+  );
+
+  expect(screen.getByLabelText('游玩 10次')).toBeTruthy();
+  expect(screen.getByLabelText('改造 4次')).toBeTruthy();
+  expect(await screen.findAllByText('↑')).toHaveLength(2);
+});
+
 const baseDraftItem: CustomWorldWorkSummary = {
   workId: 'draft:session-1',
   sourceType: 'agent_session',
@@ -52,10 +102,12 @@ test('creation hub reflects updated draft title summary and counts after rerende
 
   expect(screen.getByText('潮雾列岛')).toBeTruthy();
   expect(screen.getByText('玩家是失职返乡的守灯人。')).toBeTruthy();
-  expect(screen.getByText('角色 3')).toBeTruthy();
-  expect(screen.getByText('地点 4')).toBeTruthy();
-  expect(screen.getByRole('button', { name: /角色扮演 RPG/u })).toBeTruthy();
-  expect(screen.getByRole('button', { name: /拼图玩法/u })).toBeTruthy();
+  expect(screen.queryByText('角色 3')).toBeNull();
+  expect(screen.queryByText('地点 4')).toBeNull();
+  expect(
+    screen.getByRole('button', { name: /角色扮演.*剧情演绎/u }),
+  ).toBeTruthy();
+  expect(screen.getByRole('button', { name: /拼图.*创意礼物/u })).toBeTruthy();
   expect(screen.queryByRole('button', { name: /大鱼吃小鱼/u })).toBeNull();
 
   rerender(
@@ -83,8 +135,8 @@ test('creation hub reflects updated draft title summary and counts after rerende
   expect(
     screen.getByText('世界总卡和角色网已经继续长出了新的支线。'),
   ).toBeTruthy();
-  expect(screen.getByText('角色 5')).toBeTruthy();
-  expect(screen.getByText('地点 6')).toBeTruthy();
+  expect(screen.queryByText('角色 5')).toBeNull();
+  expect(screen.queryByText('地点 6')).toBeNull();
 });
 
 test('creation hub mixes puzzle works into the same grid and uses puzzle tag to distinguish', () => {
@@ -105,7 +157,8 @@ test('creation hub mixes puzzle works into the same grid and uses puzzle tag to
           updatedAt: new Date('2026-04-22T12:00:00.000Z').toISOString(),
           publishedAt: new Date('2026-04-22T12:10:00.000Z').toISOString(),
           playCount: 8,
-          likeCount: 0,
+          remixCount: 2,
+          likeCount: 3,
           publishReady: true,
         },
       ]}
@@ -121,8 +174,14 @@ test('creation hub mixes puzzle works into the same grid and uses puzzle tag to
 
   expect(screen.getByText('潮雾列岛')).toBeTruthy();
   expect(screen.getByText('沉钟拼图')).toBeTruthy();
-  expect(screen.getByText('PZ-PROFILE1')).toBeTruthy();
   expect(screen.getAllByText('拼图').length).toBeGreaterThan(0);
+  expect(screen.getByLabelText('游玩 8次')).toBeTruthy();
+  expect(screen.getByLabelText('改造 2次')).toBeTruthy();
+  expect(screen.getByLabelText('点赞 3赞')).toBeTruthy();
+  expect(screen.queryByText('Remix')).toBeNull();
+  expect(screen.queryByText('PZ-PROFILE1')).toBeNull();
+  expect(screen.queryByText('潮雾')).toBeNull();
+  expect(screen.queryByText('沉钟')).toBeNull();
   expect(screen.queryByText('我的拼图作品')).toBeNull();
 });
 
@@ -159,7 +218,9 @@ test('creation hub shows RPG public work code from published library entry', ()
           themeMode: 'tide',
           playableNpcCount: 3,
           landmarkCount: 4,
-          likeCount: 0,
+          playCount: 12,
+          remixCount: 4,
+          likeCount: 5,
         },
       ]}
       loading={false}
@@ -172,7 +233,11 @@ test('creation hub shows RPG public work code from published library entry', ()
   );
 
   expect(screen.getByText('潮雾列岛已发布版')).toBeTruthy();
-  expect(screen.getByText('CW-00000001')).toBeTruthy();
+  expect(screen.getByLabelText('游玩 12次')).toBeTruthy();
+  expect(screen.getByLabelText('改造 4次')).toBeTruthy();
+  expect(screen.getByLabelText('点赞 5赞')).toBeTruthy();
+  expect(screen.queryByText('Remix')).toBeNull();
+  expect(screen.queryByText('CW-00000001')).toBeNull();
 });
 
 test('creation hub shows delete action for persisted rpg drafts', () => {
@@ -225,7 +290,7 @@ test('creation hub opens persisted rpg drafts by card click', async () => {
   expect(openedItems).toEqual([persistedDraft]);
 });
 
-test('creation hub work code copy button copies without opening the card', async () => {
+test('creation hub published share button copies share text without opening the card', async () => {
   const user = userEvent.setup();
   const writeText = vi.fn(async () => undefined);
   const onOpenPuzzleDetail = vi.fn();
@@ -251,6 +316,7 @@ test('creation hub work code copy button copies without opening the card', async
           updatedAt: new Date('2026-04-22T12:00:00.000Z').toISOString(),
           publishedAt: new Date('2026-04-22T12:10:00.000Z').toISOString(),
           playCount: 8,
+          remixCount: 2,
           likeCount: 0,
           publishReady: true,
         },
@@ -265,11 +331,19 @@ test('creation hub work code copy button copies without opening the card', async
     />,
   );
 
-  await user.click(
-    screen.getByRole('button', { name: '复制作品号 PZ-PROFILE1' }),
-  );
+  await user.click(screen.getByRole('button', { name: '分享' }));
 
-  expect(writeText).toHaveBeenCalledWith('PZ-PROFILE1');
+  expect(writeText).toHaveBeenCalledWith(
+    expect.stringContaining('邀请你来玩《沉钟拼图》'),
+  );
+  expect(writeText).toHaveBeenCalledWith(
+    expect.stringContaining('作品号：PZ-PROFILE1'),
+  );
+  expect(writeText).toHaveBeenCalledWith(
+    expect.stringContaining('/gallery/puzzle/detail?work=PZ-PROFILE1'),
+  );
   expect(onOpenPuzzleDetail).not.toHaveBeenCalled();
-  expect(await screen.findByText('已复制')).toBeTruthy();
+  expect(
+    await screen.findByRole('button', { name: '分享内容已复制' }),
+  ).toBeTruthy();
 });