mini-starter/web/tests/e2e/specs/mini/talent-mini-login.spec.ts

import { test, expect } from '../../utils/test-setup';

/**
 * 人才小程序登录 E2E 测试
 *
 * 测试人才用户通过小程序登录的功能，验证：
 * - 表单验证
 * - 登录失败场景
 * - 登录成功场景
 * - Token 持久性
 * - 退出登录
 *
 * @see {@link ../pages/mini/talent-mini.page.ts} TalentMiniPage
 * 测试用户信息（Story 12.3 创建）：
 * - 账号: 13800128219
 * - 密码: admin123
 */

/**
 * 创建测试用户的辅助函数
 *
 * 在独立的 browser context 中通过管理后台创建测试用户，
 * 避免与小程序登录测试共享 page 实例导致的冲突。
 *
 * @param browser Playwright browser 实例
 * @param userData 用户数据
 * @returns 创建的用户名和密码
 */
async function createTestUser(browser: typeof test['fixtures']['browser'], userData: {
  username: string;
  password: string;
  nickname?: string;
  disabilityPersonId?: number;
}): Promise<{ username: string; password: string }> {
  // 动态导入 AdminLoginPage 和 UserManagementPage，避免与小程序测试共享 context
  const { AdminLoginPage } = await import('../../pages/admin/login.page');
  const { UserManagementPage } = await import('../../pages/admin/user-management.page');

  // 创建独立的 browser context
  const adminContext = await browser.newContext();

  try {
    // 在独立 context 中创建 page
    const adminPage = await adminContext.newPage();

    // 创建管理后台 Page Objects
    const adminLoginPage = new AdminLoginPage(adminPage);
    const userManagementPage = new UserManagementPage(adminPage);

    // 登录管理后台
    await adminLoginPage.goto();
    await adminLoginPage.login('admin', 'admin123');

    // 导航到用户管理页面
    await userManagementPage.goto();

    // 创建测试用户（使用 TALENT 类型，人才用户）
    const result = await userManagementPage.createUser({
      username: userData.username,
      password: userData.password,
      nickname: userData.nickname || '测试人才用户',
      disabilityPersonId: userData.disabilityPersonId || 1,
    });

    // 验证创建成功
    expect(result.success).toBe(true);

    return { username: userData.username, password: userData.password };
  } finally {
    // 清理：关闭独立 context
    await adminContext.close();
  }
}

test.describe('人才小程序登录功能', () => {
  test.describe('表单验证测试 (AC3)', () => {
    test('账号为空时应该显示错误提示', async ({ talentMiniPage }) => {
      // 导航到登录页面
      await talentMiniPage.goto();

      // 不填写任何信息，直接点击登录按钮
      await talentMiniPage.clickLoginButton();

      // 验证仍然在登录页面（未跳转）
      const currentUrl = talentMiniPage.page.url();
      expect(currentUrl).toContain('/talent-mini');
    });

    test('密码为空时应该显示错误提示', async ({ talentMiniPage }) => {
      // 导航到登录页面
      await talentMiniPage.goto();

      // 只填写账号，不填写密码
      await talentMiniPage.fillIdentifier('13800128219');

      // 尝试点击登录按钮
      await talentMiniPage.clickLoginButton();

      // 验证仍然在登录页面（未跳转）
      const currentUrl = talentMiniPage.page.url();
      expect(currentUrl).toContain('/talent-mini');
    });

    test('表单验证错误提示应该清晰可见', async ({ talentMiniPage }) => {
      // 导航到登录页面
      await talentMiniPage.goto();

      // 不填写任何信息，直接点击登录
      await talentMiniPage.clickLoginButton();

      // 验证仍在登录页面
      expect(talentMiniPage.page.url()).toContain('/talent-mini');
    });
  });

  test.describe('登录失败测试 (AC2)', () => {
    test('使用不存在的用户名登录失败', async ({ talentMiniPage }) => {
      // 导航到登录页面
      await talentMiniPage.goto();

      // 使用不存在的用户名尝试登录（使用有效的手机号格式）
      const fakeUsername = `199${Date.now().toString().slice(-8)}`; // 11位数字，符合手机号格式
      await talentMiniPage.login(fakeUsername, 'password123');

      // 验证显示错误提示
      await talentMiniPage.expectLoginError();

      // 验证未存储 token
      const token = await talentMiniPage.getToken();
      expect(token).toBeNull();
    });

    test('使用错误的密码登录失败', async ({ talentMiniPage }) => {
      // 导航到登录页面
      await talentMiniPage.goto();

      // 使用存在的用户但错误的密码尝试登录
      await talentMiniPage.login('13800128219', 'wrongpassword');

      // 验证显示错误提示
      await talentMiniPage.expectLoginError();

      // 验证未存储 token
      const token = await talentMiniPage.getToken();
      expect(token).toBeNull();
    });

    test('错误提示内容应该正确', async ({ talentMiniPage }) => {
      // 导航到登录页面
      await talentMiniPage.goto();

      // 使用错误的凭据尝试登录（使用有效的手机号格式）
      await talentMiniPage.login('19987654321', 'wrongpassword');

      // 验证错误提示包含相关内容
      await talentMiniPage.expectLoginError();
    });

    test('登录失败后登录按钮可以重新点击', async ({ talentMiniPage }) => {
      // 导航到登录页面
      await talentMiniPage.goto();

      // 使用错误的凭据尝试登录
      await talentMiniPage.login('19912345678', 'wrongpassword');

      // 等待错误提示显示
      await talentMiniPage.page.waitForTimeout(1000);

      // 验证登录按钮仍然可见且可点击（使用文本选择器）
      await expect(talentMiniPage.page.getByText('登录').nth(1)).toBeVisible();
      await expect(talentMiniPage.page.getByText('登录').nth(1)).toBeEnabled();
    });
  });

  test.describe.serial('基本登录成功测试 (AC1)', () => {
    // 使用 Story 12.3 创建的固定测试用户
    const TEST_USER = {
      account: '13800128219',
      password: 'admin123',
      username: 'talent_test_e2e',
    };

    test.afterEach(async ({ talentMiniPage }) => {
      // 清理认证状态
      await talentMiniPage.clearAuth();
    });

    test('应该成功登录人才小程序', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功（URL 跳转到主页）
      await talentMiniPage.expectLoginSuccess();
    });

    test('登录成功后应该显示主页或用户信息', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 验证 URL 跳转到主页
      const currentUrl = talentMiniPage.page.url();
      expect(currentUrl).toMatch(/pages\/index\/index/);
    });

    test('登录成功后 token 应该正确存储到 localStorage (AC1)', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 验证 token 被正确存储到 localStorage（key: talent_token）
      const token = await talentMiniPage.getToken();
      expect(token).not.toBeNull();
      expect(token?.length).toBeGreaterThan(0);
    });
  });

  test.describe.serial('Token 持久性测试 (AC4)', () => {
    const TEST_USER = {
      account: '13800128219',
      password: 'admin123',
      username: 'talent_test_e2e',
    };

    test.afterEach(async ({ talentMiniPage }) => {
      // 清理认证状态
      await talentMiniPage.clearAuth();
    });

    test('页面刷新后 token 仍然有效', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 获取登录后的 token
      const tokenBeforeRefresh = await talentMiniPage.getToken();
      expect(tokenBeforeRefresh).not.toBeNull();

      // 5. 刷新页面
      await talentMiniPage.page.reload();

      // 6. 等待页面加载完成
      await talentMiniPage.page.waitForLoadState('domcontentloaded');

      // 7. 验证 token 仍然存在
      const tokenAfterRefresh = await talentMiniPage.getToken();
      expect(tokenAfterRefresh).toBe(tokenBeforeRefresh);
    });

    test('使用已存储 token 可以继续访问', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 获取 token
      const token = await talentMiniPage.getToken();
      expect(token).not.toBeNull();

      // 5. 重新导航到小程序（模拟关闭后重新打开）
      await talentMiniPage.goto();

      // 6. 验证由于 token 存在，用户保持登录状态
      await talentMiniPage.page.waitForURL(
        url => url.pathname.includes('/pages/index/index') || url.hash.includes('/pages/index/index'),
        { timeout: 10000 }
      ).catch(() => {
        // 如果没有自动跳转，检查当前 URL
        const currentUrl = talentMiniPage.page.url();
        expect(currentUrl).toMatch(/pages\/index\/index/);
      });
    });
  });

  test.describe.serial('退出登录测试 (AC5)', () => {
    const TEST_USER = {
      account: '13800128219',
      password: 'admin123',
      username: 'talent_test_e2e',
    };

    test.afterEach(async ({ talentMiniPage }) => {
      // 清理认证状态
      await talentMiniPage.clearAuth();
    });

    test('应该成功退出登录', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 退出登录
      await talentMiniPage.gotoMorePage();
      await talentMiniPage.clickLogout();

      // 5. 验证返回到登录页面
      await talentMiniPage.expectToBeOnLoginPage();

      // 6. 验证 URL 返回到登录页面
      const currentUrl = talentMiniPage.page.url();
      expect(currentUrl).toContain('/talent-mini');
      expect(currentUrl).toContain('/pages/login/index');
    });

    test('退出后 token 应该被清除', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 验证 token 存在
      const tokenBeforeLogout = await talentMiniPage.getToken();
      expect(tokenBeforeLogout).not.toBeNull();

      // 5. 退出登录
      await talentMiniPage.gotoMorePage();
      await talentMiniPage.clickLogout();

      // 6. 等待退出完成
      await talentMiniPage.page.waitForTimeout(1000);

      // 7. 验证 token 已被清除
      const tokenAfterLogout = await talentMiniPage.getToken();
      expect(tokenAfterLogout).toBeNull();
    });

    test('退出后无法访问需要认证的页面', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login(TEST_USER.account, TEST_USER.password);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 退出登录
      await talentMiniPage.gotoMorePage();
      await talentMiniPage.clickLogout();
      await talentMiniPage.expectToBeOnLoginPage();

      // 5. 尝试直接访问需要认证的页面（主页）
      await talentMiniPage.page.goto('/talent-mini/#/talent-mini/pages/index/index');

      // 6. 验证被重定向回登录页面
      await talentMiniPage.page.waitForLoadState('domcontentloaded');
      const currentUrl = talentMiniPage.page.url();
      expect(currentUrl).toContain('/pages/login/index');

      // 7. 验证登录页面可见
      // 验证仍然在登录页面（未跳转）
    });
  });

  test.describe.serial('测试隔离和清理 (AC6)', () => {
    test('每个测试使用独立的测试用户', async ({ talentMiniPage, browser }) => {
      // 1. 创建唯一的测试用户
      const uniqueId = Date.now();
      const testUsername = `talent_isolated_${uniqueId}`;
      const testPassword = 'Test123!@#';

      await createTestUser(browser, {
        username: testUsername,
        password: testPassword,
        nickname: `隔离测试用户_${uniqueId}`,
        disabilityPersonId: 1,
      });

      // 2. 使用该用户登录小程序
      await talentMiniPage.goto();
      await talentMiniPage.login(testUsername, testPassword);

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 验证 token 存储
      const token = await talentMiniPage.getToken();
      expect(token).not.toBeNull();
    });

    test('测试后清理认证状态', async ({ talentMiniPage }) => {
      // 1. 导航到登录页面
      await talentMiniPage.goto();

      // 2. 使用测试用户登录
      await talentMiniPage.login('13800128219', 'admin123');

      // 3. 验证登录成功
      await talentMiniPage.expectLoginSuccess();

      // 4. 验证 token 存在
      const tokenBeforeClear = await talentMiniPage.getToken();
      expect(tokenBeforeClear).not.toBeNull();

      // 5. 清理认证状态
      await talentMiniPage.clearAuth();

      // 6. 验证 token 已被清除
      const tokenAfterClear = await talentMiniPage.getToken();
      expect(tokenAfterClear).toBeNull();
    });
  });
});