1

src/components/auth/AuthGate.test.tsx

@@ -1,7 +1,8 @@
 /* @vitest-environment jsdom */
 
-import { render, screen, waitFor, within } from '@testing-library/react';
+import { act, render, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { useState } from 'react';
 import { beforeEach, expect, test, vi } from 'vitest';
 
 import type { AuthUser } from '../../services/authService';
@@ -113,6 +114,19 @@ function ProtectedActionButton({ onAuthenticated }: { onAuthenticated: () => voi
   );
 }
 
+function PlatformTabStateProbe() {
+  const [tab, setTab] = useState<'home' | 'create'>('home');
+
+  return (
+    <div>
+      <div>当前Tab：{tab === 'home' ? '首页' : '创作'}</div>
+      <button type="button" onClick={() => setTab('create')}>
+        创作
+      </button>
+    </div>
+  );
+}
+
 test('auth gate keeps platform content visible when phone login is available', async () => {
   authMocks.getAuthLoginOptions.mockResolvedValue({
     availableLoginMethods: ['phone'],
@@ -208,6 +222,48 @@ test('auth gate opens a login modal for protected actions and resumes after logi
   expect(screen.queryByRole('dialog', { name: '登录账号' })).toBeNull();
 });
 
+test('auth state refresh keeps mounted platform content and local tab state', async () => {
+  const user = userEvent.setup();
+  authMocks.getCurrentAuthUser.mockResolvedValue({
+    user: mockUser,
+    availableLoginMethods: ['phone'],
+  });
+
+  render(
+    <AuthGate>
+      <PlatformTabStateProbe />
+    </AuthGate>,
+  );
+
+  expect(await screen.findByText('当前Tab：首页')).toBeTruthy();
+
+  await user.click(screen.getByRole('button', { name: '创作' }));
+  expect(screen.getByText('当前Tab：创作')).toBeTruthy();
+
+  let resolveToken!: (token: string) => void;
+  const tokenPromise = new Promise<string>((resolve) => {
+    resolveToken = resolve;
+  });
+  authMocks.ensureStoredAccessToken.mockReturnValueOnce(tokenPromise);
+
+  act(() => {
+    window.dispatchEvent(new Event('genarrative-auth-state-changed'));
+  });
+
+  expect(screen.queryByText('正在校验登录状态...')).toBeNull();
+  expect(screen.getByText('当前Tab：创作')).toBeTruthy();
+
+  await act(async () => {
+    resolveToken('jwt-refreshed-token');
+    await tokenPromise;
+  });
+
+  await waitFor(() => {
+    expect(authMocks.getCurrentAuthUser).toHaveBeenCalledTimes(2);
+  });
+  expect(screen.getByText('当前Tab：创作')).toBeTruthy();
+});
+
 test('auth gate shows sms send feedback in the login modal', async () => {
   const user = userEvent.setup();
 
@@ -239,7 +295,7 @@ test('auth gate shows sms send feedback in the login modal', async () => {
   });
 
   expect(
-    within(dialog).getByText('验证码已发送，有效期约 5 分钟。'),
+    within(dialog).getByText('短信请求已提交，请留意手机短信。验证码有效期约 5 分钟。'),
   ).toBeTruthy();
   expect(within(dialog).getByRole('button', { name: '60s' })).toBeTruthy();
 });