fix: split recommendation layouts by breakpoint

src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx

@@ -804,6 +804,7 @@ function renderLoggedOutHomeView(
     >
   > = {},
   activeTab: RpgEntryHomeViewProps['activeTab'] = 'home',
+  isDesktopLayout = false,
 ) {
   return render(
     <AuthUiContext.Provider
@@ -827,6 +828,7 @@ function renderLoggedOutHomeView(
     >
       <RpgEntryHomeView
         activeTab={activeTab}
+        isDesktopLayout={isDesktopLayout}
         onTabChange={vi.fn()}
         hasSavedGame={false}
         savedSnapshot={null}
@@ -954,6 +956,7 @@ function renderStatefulLoggedOutHomeView(
       | 'onSelectPreviousRecommendEntry'
     >
   > = {},
+  isDesktopLayout = false,
 ) {
   const authSpies = {
     openLoginModal: vi.fn(),
@@ -985,6 +988,7 @@ function renderStatefulLoggedOutHomeView(
       >
         <RpgEntryHomeView
           activeTab={activeTab}
+          isDesktopLayout={isDesktopLayout}
           onTabChange={setActiveTab}
           hasSavedGame={false}
           savedSnapshot={null}
@@ -2697,7 +2701,7 @@ test('logged out mobile shell defaults to discover tab', () => {
   ).toBeNull();
 });
 
-test('logged out recommend tab opens login modal and shows cover only', async () => {
+test('logged out recommend tab opens embedded runtime without login modal', async () => {
   const user = userEvent.setup();
   const { container, openLoginModal } = renderStatefulLoggedOutHomeView({
     latestEntries: [puzzlePublicEntry],
@@ -2712,20 +2716,18 @@ test('logged out recommend tab opens login modal and shows cover only', async ()
     within(bottomNav as HTMLElement).getByRole('button', { name: '推荐' }),
   );
 
-  expect(openLoginModal).toHaveBeenCalledTimes(1);
-  expect(
-    container.querySelector('.platform-recommend-cover-only'),
-  ).toBeTruthy();
+  expect(openLoginModal).not.toHaveBeenCalled();
+  expect(container.querySelector('.platform-recommend-cover-only')).toBeNull();
   expect(container.querySelector('.platform-mobile-topbar')).toBeNull();
   expect(
     container.querySelector('.platform-mobile-entry-shell--recommend'),
   ).toBeTruthy();
-  expect(screen.queryByTestId('recommend-runtime')).toBeNull();
-  expect(screen.queryByLabelText('奇幻拼图 作品信息')).toBeNull();
+  expect(screen.getByTestId('recommend-runtime')).toBeTruthy();
+  expect(screen.getByLabelText('奇幻拼图 作品信息')).toBeTruthy();
   expect(screen.getAllByText('奇幻拼图').length).toBeGreaterThan(0);
 });
 
-test('logged out recommend cover opens login modal again', async () => {
+test('logged out recommend runtime keeps detail callback idle', async () => {
   const user = userEvent.setup();
   const onOpenGalleryDetail = vi.fn();
   const { openLoginModal } = renderStatefulLoggedOutHomeView({
@@ -2741,12 +2743,9 @@ test('logged out recommend cover opens login modal again', async () => {
   await user.click(
     within(bottomNav as HTMLElement).getByRole('button', { name: '推荐' }),
   );
-  await user.click(
-    screen.getByRole('button', { name: /登录后游玩 奇幻拼图/u }),
-  );
 
-  expect(openLoginModal).toHaveBeenCalledTimes(2);
-  expect(openLoginModal).toHaveBeenLastCalledWith();
+  expect(openLoginModal).not.toHaveBeenCalled();
+  expect(screen.getByTestId('recommend-runtime')).toBeTruthy();
   expect(onOpenGalleryDetail).not.toHaveBeenCalled();
 });
 
@@ -2755,16 +2754,15 @@ test('logged out desktop recommend page renders runtime directly', () => {
   renderLoggedOutHomeView(vi.fn(), {
     latestEntries: [puzzlePublicEntry],
     activeRecommendEntryKey: 'puzzle:user-2:puzzle-profile-public-1',
-  });
+  }, 'home', true);
 
   expect(document.querySelector('.platform-recommend-cover-only')).toBeNull();
-  expect(screen.queryByText('今日游戏')).toBeNull();
-  expect(screen.queryByText('作品分类')).toBeNull();
-  expect(screen.getByTestId('recommend-runtime')).toBeTruthy();
+  expect(screen.queryByTestId('recommend-runtime')).toBeNull();
+  expect(screen.getByText('今日游戏')).toBeTruthy();
+  expect(screen.getByText('作品分类')).toBeTruthy();
 });
 
 test('logged out recommend page can enter runtime without login gate', () => {
-  mockDesktopLayout();
   const openLoginModal = vi.fn();
   const onOpenGalleryDetail = vi.fn();
   renderLoggedOutHomeView(openLoginModal, {
@@ -3082,7 +3080,7 @@ test('mobile recommend meta loads real author avatar from public user summary',
   await waitFor(() => {
     expect(
       document
-        .querySelector('.platform-recommend-cover-only__author img')
+        .querySelector('.platform-recommend-work-meta__avatar img')
         ?.getAttribute('src'),
     ).toBe('data:image/png;base64,AUTHOR');
   });