gym-manage/gym-manage-web/e2e/journeys/gym-member-workflow.spec.ts

import { test, expect } from '../fixtures';

test.describe.serial('会员管理完整CRUD旅程', () => {
  const timestamp = Date.now();

  test('会员列表显示 + 搜索', async ({ memberManagementPage }) => {
    await test.step('导航到会员管理页面', async () => {
      await memberManagementPage.goto();
    });

    await test.step('验证表格显示', async () => {
      await expect(memberManagementPage.table).toBeVisible({ timeout: 10000 });
    });

    await test.step('验证数据加载', async () => {
      const rowCount = await memberManagementPage.getTableRowCount();
      console.log(`会员列表包含 ${rowCount} 条记录`);
      expect(rowCount).toBeGreaterThanOrEqual(0);
    });

    await test.step('搜索会员', async () => {
      await memberManagementPage.search('测试');
      console.log('会员搜索完成');
    });
  });

  test('编辑会员信息', async ({ memberManagementPage }) => {
    await test.step('导航到会员管理页面', async () => {
      await memberManagementPage.goto();
    });

    await test.step('等待数据加载', async () => {
      await expect(memberManagementPage.table).toBeVisible({ timeout: 10000 });
    });

    await test.step('点击第一个会员的编辑按钮', async () => {
      const rows = await memberManagementPage.getTableRowCount();
      if (rows > 0) {
        await memberManagementPage.clickEditOnFirstRow();
        console.log('编辑弹窗已打开');
      } else {
        console.log('当前没有会员记录，跳过编辑测试');
        test.skip();
      }
    });

    await test.step('修改会员信息', async () => {
      const newNickname = `编辑昵称_${timestamp}`;
      await memberManagementPage.fillEditForm(newNickname, '女');
      console.log(`昵称已修改为: ${newNickname}`);
    });

    await test.step('提交表单', async () => {
      await memberManagementPage.submitForm();
    });

    await test.step('验证更新成功', async () => {
      await memberManagementPage.waitForDialogClose();
      console.log('会员信息更新完成');
    });
  });

  test('搜索验证编辑后的会员', async ({ memberManagementPage }) => {
    await test.step('导航到会员管理页面', async () => {
      await memberManagementPage.goto();
    });

    await test.step('按昵称搜索', async () => {
      await memberManagementPage.search(`编辑昵称_${timestamp}`);
      console.log('搜索编辑后的会员');
    });

    await test.step('验证搜索结果显示', async () => {
      const rowCount = await memberManagementPage.getTableRowCount();
      console.log(`搜索结果显示 ${rowCount} 条记录`);
      expect(rowCount).toBeGreaterThanOrEqual(0);
    });
  });
});