1

src/components/auth/AuthGate.test.tsx

@@ -10,11 +10,14 @@ import { AuthGate } from './AuthGate';
 import { useAuthUi } from './AuthUiContext';
 
 const authMocks = vi.hoisted(() => ({
+  authEntry: vi.fn(),
+  changePassword: vi.fn(),
   ensureStoredAccessToken: vi.fn(),
   ensureAutoAuthUser: vi.fn(),
   getAuthLoginOptions: vi.fn(),
   getCurrentAuthUser: vi.fn(),
   loginWithPhoneCode: vi.fn(),
+  resetPassword: vi.fn(),
   sendPhoneLoginCode: vi.fn(),
   startWechatLogin: vi.fn(),
   consumeAuthCallbackResult: vi.fn(),
@@ -26,10 +29,13 @@ vi.mock('../../services/apiClient', () => ({
 }));
 
 vi.mock('../../services/authService', () => ({
+  authEntry: authMocks.authEntry,
   bindWechatPhone: vi.fn(),
+  changePassword: authMocks.changePassword,
   changePhoneNumber: vi.fn(),
   consumeAuthCallbackResult: authMocks.consumeAuthCallbackResult,
   ensureAutoAuthUser: authMocks.ensureAutoAuthUser,
+  getStoredLastLoginPhone: vi.fn(() => ''),
   getAuthAuditLogs: vi.fn(),
   getAuthLoginOptions: authMocks.getAuthLoginOptions,
   getAuthRiskBlocks: vi.fn(),
@@ -40,8 +46,10 @@ vi.mock('../../services/authService', () => ({
   loginWithPhoneCode: authMocks.loginWithPhoneCode,
   logoutAllAuthSessions: vi.fn(),
   logoutAuthUser: vi.fn(),
+  resetPassword: authMocks.resetPassword,
   revokeAuthSession: vi.fn(),
   sendPhoneLoginCode: authMocks.sendPhoneLoginCode,
+  setStoredLastLoginPhone: vi.fn(),
   startWechatLogin: authMocks.startWechatLogin,
 }));
 
@@ -86,6 +94,9 @@ beforeEach(() => {
     availableLoginMethods: ['phone'],
   });
   authMocks.loginWithPhoneCode.mockResolvedValue(mockUser);
+  authMocks.authEntry.mockResolvedValue(mockUser);
+  authMocks.changePassword.mockResolvedValue(mockUser);
+  authMocks.resetPassword.mockResolvedValue(mockUser);
   authMocks.sendPhoneLoginCode.mockResolvedValue({
     cooldownSeconds: 60,
     expiresInSeconds: 300,
@@ -203,13 +214,13 @@ test('auth gate opens a login modal for protected actions and resumes after logi
 
   await user.click(await screen.findByRole('button', { name: '进入作品' }));
 
-  const dialog = screen.getByRole('dialog', { name: '登录账号' });
+  const dialog = screen.getByRole('dialog', { name: '账号入口' });
   expect(dialog).toBeTruthy();
   expect(screen.queryByText('先登录账号，再同步你的冒险进度。')).toBeNull();
 
   await user.type(within(dialog).getByLabelText('手机号'), '13800000000');
   await user.type(within(dialog).getByLabelText('验证码'), '123456');
-  await user.click(within(dialog).getByRole('button', { name: '登录' }));
+  await user.click(within(dialog).getByRole('button', { name: '注册/登录' }));
 
   await waitFor(() => {
     expect(authMocks.loginWithPhoneCode).toHaveBeenCalledWith(
@@ -220,7 +231,7 @@ test('auth gate opens a login modal for protected actions and resumes after logi
     expect(onAuthenticated).toHaveBeenCalledTimes(1);
   });
 
-  expect(screen.queryByRole('dialog', { name: '登录账号' })).toBeNull();
+  expect(screen.queryByRole('dialog', { name: '账号入口' })).toBeNull();
 });
 
 test('auth state refresh keeps mounted platform content and local tab state', async () => {
@@ -280,7 +291,7 @@ test('auth gate shows sms send feedback in the login modal', async () => {
 
   await user.click(await screen.findByRole('button', { name: '进入作品' }));
 
-  const dialog = screen.getByRole('dialog', { name: '登录账号' });
+  const dialog = screen.getByRole('dialog', { name: '账号入口' });
   await user.type(within(dialog).getByLabelText('手机号'), '13800000000');
   await user.click(within(dialog).getByRole('button', { name: '获取验证码' }));
 
@@ -296,7 +307,48 @@ 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();
 });
+
+test('auth gate separates sms and password login by tabs', async () => {
+  const user = userEvent.setup();
+
+  authMocks.getAuthLoginOptions.mockResolvedValue({
+    availableLoginMethods: ['phone', 'password'],
+  });
+
+  render(
+    <AuthGate>
+      <ProtectedActionButton onAuthenticated={vi.fn()} />
+    </AuthGate>,
+  );
+
+  await user.click(await screen.findByRole('button', { name: '进入作品' }));
+
+  const dialog = screen.getByRole('dialog', { name: '账号入口' });
+  expect(
+    within(dialog)
+      .getByRole('tab', { name: '短信登录' })
+      .getAttribute('aria-selected'),
+  ).toBe('true');
+  expect(within(dialog).queryByLabelText('密码')).toBeNull();
+
+  await user.click(within(dialog).getByRole('tab', { name: '密码登录' }));
+
+  expect(
+    within(dialog)
+      .getByRole('tab', { name: '密码登录' })
+      .getAttribute('aria-selected'),
+  ).toBe('true');
+  expect(within(dialog).queryByLabelText('验证码')).toBeNull();
+
+  await user.type(within(dialog).getByLabelText('手机号/邮箱'), '13800000000');
+  await user.type(within(dialog).getByLabelText('密码'), 'passw0rd');
+  await user.click(within(dialog).getByRole('button', { name: '注册/登录' }));
+
+  await waitFor(() => {
+    expect(authMocks.authEntry).toHaveBeenCalledWith('13800000000', 'passw0rd');
+  });
+});