1

src/components/platform-entry/PlatformWorkDetailView.test.tsx

@@ -124,7 +124,7 @@ test('PlatformWorkDetailView calls like handler', () => {
 
 test('PlatformWorkDetailView cycles puzzle level cover slides', () => {
   vi.useFakeTimers();
-  render(
+  const { container } = render(
     <PlatformWorkDetailView
       entry={{
         ...createPuzzleEntry(),
@@ -154,12 +154,23 @@ test('PlatformWorkDetailView cycles puzzle level cover slides', () => {
   expect(screen.getAllByAltText('关键词：逍遥游拼图')[0]?.getAttribute('src')).toBe(
     '/level-1.png',
   );
+  const appIconImage = container.querySelector(
+    '.platform-work-detail__app-icon img',
+  );
+  expect(appIconImage?.getAttribute('src')).toBe('/level-1.png');
 
   fireEvent.click(screen.getByRole('button', { name: '下一张关卡图' }));
 
   expect(screen.getAllByAltText('关键词：逍遥游拼图')[0]?.getAttribute('src')).toBe(
     '/level-2.png',
   );
+  expect(appIconImage?.getAttribute('src')).toBe('/level-1.png');
+  expect(
+    container.querySelector('.platform-work-detail__cover-image--locked'),
+  ).toBeTruthy();
+  expect(
+    container.querySelector('.platform-work-detail__cover-lock-icon'),
+  ).toBeTruthy();
 
   act(() => {
     vi.advanceTimersByTime(4200);
@@ -169,3 +180,44 @@ test('PlatformWorkDetailView cycles puzzle level cover slides', () => {
     '/level-1.png',
   );
 });
+
+test('PlatformWorkDetailView unlocks later puzzle covers by visible cover count', () => {
+  const { container } = render(
+    <PlatformWorkDetailView
+      entry={{
+        ...createPuzzleEntry(),
+        coverSlides: [
+          {
+            id: 'level-1',
+            imageSrc: '/level-1.png',
+            label: '第一关',
+          },
+          {
+            id: 'level-2',
+            imageSrc: '/level-2.png',
+            label: '第二关',
+          },
+        ],
+      }}
+      visibleCoverCount={2}
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={vi.fn()}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  fireEvent.click(screen.getByRole('button', { name: '下一张关卡图' }));
+
+  expect(screen.getAllByAltText('关键词：逍遥游拼图')[0]?.getAttribute('src')).toBe(
+    '/level-2.png',
+  );
+  expect(
+    container.querySelector('.platform-work-detail__cover-image--locked'),
+  ).toBeNull();
+  expect(
+    container.querySelector('.platform-work-detail__cover-lock-icon'),
+  ).toBeNull();
+});