mini-starter/web/tests/e2e/specs/admin/channel-create.spec.ts

import { TIMEOUTS } from '../../utils/timeouts';
import { test, expect } from '../../utils/test-setup';
import { readFileSync } from 'fs';
import { join, dirname } from 'path';
import { fileURLToPath } from 'url';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const testUsers = JSON.parse(readFileSync(join(__dirname, '../../fixtures/test-users.json'), 'utf-8'));

test.describe('渠道创建功能', () => {
  test.beforeEach(async ({ adminLoginPage, channelManagementPage }) => {
    // 以管理员身份登录后台
    await adminLoginPage.goto();
    await adminLoginPage.login(testUsers.admin.username, testUsers.admin.password);
    await adminLoginPage.expectLoginSuccess();
    await channelManagementPage.goto();
  });

  test.describe('基本创建流程测试', () => {
    test('应该成功创建渠道（填写所有字段）', async ({ channelManagementPage }) => {
      // 生成唯一渠道名称
      const timestamp = Date.now();
      const channelName = `测试渠道_${timestamp}`;
      const channelType = `小程序_${timestamp}`;
      const contactPerson = `测试联系人_${timestamp}`;
      const contactPhone = '13800138000';
      const description = `测试描述_${timestamp}`;

      // 创建渠道（填写所有字段）
      const result = await channelManagementPage.createChannel({
        channelName,
        channelType,
        contactPerson,
        contactPhone,
        description,
      });

      // 验证创建成功（通过 API 响应判断）
      expect(result.responses).toBeDefined();
      expect(result.responses?.length).toBeGreaterThan(0);
      const createResponse = result.responses?.find(r => r.url.includes('createChannel'));
      expect(createResponse?.ok).toBe(true);

      // 验证渠道出现在列表中（这是最可靠的验证方式）
      await expect(async () => {
        const exists = await channelManagementPage.channelExists(channelName);
        expect(exists).toBe(true);
      }).toPass({ timeout: TIMEOUTS.DIALOG });

      // 清理测试数据
      const deleteResult = await channelManagementPage.deleteChannel(channelName);
      expect(deleteResult).toBe(true);

      // 验证渠道已被删除
      const existsAfterDelete = await channelManagementPage.channelExists(channelName);
      expect(existsAfterDelete).toBe(false);
    });

    test('创建后渠道应该出现在列表中', async ({ channelManagementPage }) => {
      const timestamp = Date.now();
      const channelName = `测试渠道_列表_${timestamp}`;
      const channelType = `网站_${timestamp}`;
      const contactPerson = `联系人_${timestamp}`;
      const contactPhone = '13900139000';

      // 创建渠道
      await channelManagementPage.createChannel({
        channelName,
        channelType,
        contactPerson,
        contactPhone,
      });

      // 等待列表更新（刷新页面确保数据同步）
      await channelManagementPage.page.reload();
      await channelManagementPage.page.waitForLoadState('domcontentloaded');
      await channelManagementPage.page.waitForTimeout(TIMEOUTS.LONG);

      // 验证渠道出现在列表中
      await expect(async () => {
        const exists = await channelManagementPage.channelExists(channelName);
        expect(exists).toBe(true);
      }).toPass({ timeout: TIMEOUTS.TABLE_LOAD });

      // 清理
      await channelManagementPage.deleteChannel(channelName);
    });
  });

  test.describe('完整表单字段测试', () => {
    test('应该保存所有填写的字段数据', async ({ channelManagementPage }) => {
      // 生成唯一数据
      const timestamp = Date.now();
      const channelName = `完整测试渠道_${timestamp}`;
      const channelType = `社交媒体_${timestamp}`;
      const contactPerson = `测试联系人_${timestamp}`;
      const contactPhone = '13800138000';
      const description = `这是测试渠道描述_${timestamp}`;

      // 创建渠道（填写所有字段）
      const result = await channelManagementPage.createChannel({
        channelName,
        channelType,
        contactPerson,
        contactPhone,
        description,
      });

      // 验证创建成功（通过 API 响应判断）
      const createResponse = result.responses?.find(r => r.url.includes('createChannel'));
      expect(createResponse?.ok).toBe(true);

      // 验证渠道出现在列表中
      await expect(async () => {
        const exists = await channelManagementPage.channelExists(channelName);
        expect(exists).toBe(true);
      }).toPass({ timeout: TIMEOUTS.DIALOG });

      // 清理测试数据
      await channelManagementPage.deleteChannel(channelName);
    });

    test('应该支持不同的渠道类型', async ({ channelManagementPage }) => {
      const timestamp = Date.now();
      const channelName = `渠道类型测试_${timestamp}`;
      const channelType = `线下推广_${timestamp}`;

      // 创建渠道
      const result = await channelManagementPage.createChannel({
        channelName,
        channelType,
      });

      // 验证 API 响应成功
      const createResponse = result.responses?.find(r => r.url.includes('createChannel'));
      expect(createResponse?.ok).toBe(true);

      // 验证渠道存在于列表中
      const exists = await channelManagementPage.channelExists(channelName);
      expect(exists).toBe(true);

      // 清理
      await channelManagementPage.deleteChannel(channelName);
    });

    test('应该支持不同的联系人信息', async ({ channelManagementPage }) => {
      const timestamp = Date.now();
      const channelName = `联系人测试渠道_${timestamp}`;
      const contactPerson = `张三_${timestamp}`;
      const contactPhone = '15011112222';

      // 创建渠道
      const result = await channelManagementPage.createChannel({
        channelName,
        contactPerson,
        contactPhone,
      });

      // 验证 API 响应成功
      const createResponse = result.responses?.find(r => r.url.includes('createChannel'));
      expect(createResponse?.ok).toBe(true);

      // 等待列表更新后验证渠道存在
      await channelManagementPage.page.waitForTimeout(TIMEOUTS.VERY_LONG);
      const exists = await channelManagementPage.channelExists(channelName);
      expect(exists).toBe(true);

      // 清理
      await channelManagementPage.deleteChannel(channelName);
    });
  });

  test.describe('表单验证测试', () => {
    test('未填写渠道名称时应显示内联验证错误', async ({ channelManagementPage }) => {
      // 打开创建对话框
      await channelManagementPage.openCreateDialog();

      // 不填写任何字段，直接尝试提交
      await channelManagementPage.createSubmitButton.click();

      // 验证对话框仍然打开（表单验证阻止了提交）
      const dialog = channelManagementPage.page.locator('[role="dialog"]');
      await expect(dialog).toBeVisible();

      // 关闭对话框
      await channelManagementPage.cancelDialog();
    });

    test('应该能取消创建渠道操作', async ({ channelManagementPage }) => {
      const timestamp = Date.now();
      const channelName = `取消测试渠道_${timestamp}`;

      // 打开创建对话框
      await channelManagementPage.openCreateDialog();

      // 填写渠道名称
      await channelManagementPage.fillChannelForm({
        channelName,
      });

      // 取消对话框
      await channelManagementPage.cancelDialog();

      // 验证渠道没有出现在列表中
      const exists = await channelManagementPage.channelExists(channelName);
      expect(exists).toBe(false);
    });

    test('应该能通过关闭对话框取消创建', async ({ channelManagementPage }) => {
      const timestamp = Date.now();
      const channelName = `关闭测试渠道_${timestamp}`;

      // 打开创建对话框
      await channelManagementPage.openCreateDialog();

      // 填写渠道名称
      await channelManagementPage.fillChannelForm({
        channelName,
      });

      // 按 ESC 键关闭对话框
      await channelManagementPage.page.keyboard.press('Escape');

      // 等待对话框关闭
      await channelManagementPage.waitForDialogClosed();

      // 验证渠道没有出现在列表中
      const exists = await channelManagementPage.channelExists(channelName);
      expect(exists).toBe(false);
    });
  });

  test.describe('对话框元素验证', () => {
    test('应该显示创建渠道对话框的所有字段', async ({ channelManagementPage }) => {
      // 打开创建对话框
      await channelManagementPage.openCreateDialog();

      // 验证对话框存在
      const dialog = channelManagementPage.page.locator('[role="dialog"]');
      await expect(dialog).toBeVisible();

      // 验证渠道名称输入框存在（必填字段）
      await expect(channelManagementPage.channelNameInput).toBeVisible();

      // 验证可选字段输入框存在
      await expect(channelManagementPage.channelTypeInput).toBeVisible();
      await expect(channelManagementPage.contactPersonInput).toBeVisible();
      await expect(channelManagementPage.contactPhoneInput).toBeVisible();
      await expect(channelManagementPage.descriptionInput).toBeVisible();

      // 验证按钮存在
      await expect(channelManagementPage.createSubmitButton).toBeVisible();
      await expect(channelManagementPage.cancelButton).toBeVisible();

      // 关闭对话框
      await channelManagementPage.cancelDialog();
    });
  });

  test.describe('数据唯一性测试', () => {
    test('不同测试应该使用不同的渠道名称', async ({ channelManagementPage }) => {
      // 生成两个不同的渠道名称
      const timestamp = Date.now();
      const channelName1 = `唯一性测试渠道_A_${timestamp}`;
      const channelName2 = `唯一性测试渠道_B_${timestamp}`;

      // 创建第一个渠道
      await channelManagementPage.createChannel({
        channelName: channelName1,
        channelType: `渠道类型A_${timestamp}`,
        contactPerson: `联系人A_${timestamp}`,
        contactPhone: '13800001111',
      });

      expect(await channelManagementPage.channelExists(channelName1)).toBe(true);

      // 创建第二个渠道
      await channelManagementPage.createChannel({
        channelName: channelName2,
        channelType: `渠道类型B_${timestamp}`,
        contactPerson: `联系人B_${timestamp}`,
        contactPhone: '13800002222',
      });

      expect(await channelManagementPage.channelExists(channelName2)).toBe(true);

      // 清理两个渠道
      await channelManagementPage.deleteChannel(channelName1);
      await channelManagementPage.deleteChannel(channelName2);

      // 验证清理成功
      expect(await channelManagementPage.channelExists(channelName1)).toBe(false);
      expect(await channelManagementPage.channelExists(channelName2)).toBe(false);
    });
  });

  test.describe('测试后清理验证', () => {
    test('应该能成功删除测试创建的渠道', async ({ channelManagementPage }) => {
      const timestamp = Date.now();
      const channelName = `清理测试渠道_${timestamp}`;

      // 创建渠道
      await channelManagementPage.createChannel({
        channelName,
        channelType: `测试类型_${timestamp}`,
        contactPerson: `清理联系人_${timestamp}`,
        contactPhone: '13800003333',
      });

      // 验证渠道存在
      expect(await channelManagementPage.channelExists(channelName)).toBe(true);

      // 删除渠道
      const deleteResult = await channelManagementPage.deleteChannel(channelName);
      expect(deleteResult).toBe(true);

      // 验证渠道已被删除
      await expect(async () => {
        const exists = await channelManagementPage.channelExists(channelName);
        expect(exists).toBe(false);
      }).toPass({ timeout: TIMEOUTS.DIALOG });
    });
  });
});