新增客户管理和客户分组主流程

赵旭婷
1 parent 33bc2f2f
Showing 8 changed files with 739 additions and 271 deletions
pages/basePage.ts
pages/customerPage.ts
scripts/save-auth.ts
tests/customer.spec.ts
tests/customerGroup.spec.ts
tests/login.setup.ts
tests/product.spec.ts
utils/dataGenerator.ts
@@ -318,7 +318,21 @@ export abstract class BasePage {
     if (uploadButtonLocator) {
       await uploadButtonLocator.click();
     } else {
-      await this.page.locator('uni-scroll-view uni-button').click();
+      // 尝试多种方式触发文件选择器
+      try {
+        // 方法1: 查找上传按钮（包含图片相关的按钮）
+        const uploadBtn = this.page.locator('.nut-uploader__input').first();
+        await uploadBtn.click({ timeout: 3000 });
+      } catch {
+        // 方法2: 直接在文件输入框上设置文件
+        const fileInput = this.page.locator('input[type="file"]');
+        if (await fileInput.count() > 0) {
+          await fileInput.setInputFiles(imagePath);
+          return;
+        }
+        // 方法3: 尝试点击文字
+        await this.page.getByText('点击上传').click({ timeout: 3000 });
+      }
     }
  
     // 等待文件选择器出现并设置文件
@@ -340,4 +354,62 @@ export abstract class BasePage {
     // 等待上传完成
     await this.page.waitForTimeout(1000);
   }
+
+  /**
+   * 选择省市区（通用方法）
+   * @param regionPickerLocator 省市区选择器定位器
+   * @param province 省份（如：山西省）
+   * @param city 城市（如：长治市）
+   * @param district 区县（如：潞城区）
+   * @param confirmButtonText 确认按钮文本（默认：确认选择）
+   */
+  async selectRegion(
+    regionPickerLocator: Locator,
+    province: string,
+    city: string,
+    district: string,
+    confirmButtonText: string = '确认选择'
+  ): Promise<void> {
+    // 点击省市区选择器
+    await regionPickerLocator.click();
+    
+    // 等待弹窗出现
+    await this.page.waitForTimeout(500);
+    
+    // 选择省份 - 使用exact选项避免匹配到完整地址
+    await this.page.getByText(province, { exact: true }).click();
+    
+    // 选择城市 - 使用exact选项
+    await this.page.getByText(city, { exact: true }).click();
+    
+    // 选择区县 - 使用exact选项
+    await this.page.getByText(district, { exact: true }).click();
+    
+    // 确认选择
+    await this.page.getByText(confirmButtonText).click();
+  }
+
+  /**
+   * 选择省市区（通过选择器字符串）
+   * @param regionPickerSelector 省市区选择器选择器字符串
+   * @param province 省份（如：山西省）
+   * @param city 城市（如：长治市）
+   * @param district 区县（如：潞城区）
+   * @param confirmButtonText 确认按钮文本（默认：确认选择）
+   */
+  async selectRegionBySelector(
+    regionPickerSelector: string,
+    province: string,
+    city: string,
+    district: string,
+    confirmButtonText: string = '确认选择'
+  ): Promise<void> {
+    await this.selectRegion(
+      this.page.locator(regionPickerSelector),
+      province,
+      city,
+      district,
+      confirmButtonText
+    );
+  }
 }
@@ -94,7 +94,7 @@ export class CustomerPage extends BasePage {
     this.confirmRegionButton = page.getByText('确认选择');
     this.detailedAddressInput = page.locator('uni-view:nth-child(12) > .nut-cell__value > .nut-form-item__body__slots > .nut-input > .nut-input__value > .nut-input__input > .uni-input-wrapper > .uni-input-input');
     this.confirmButton = page.getByText('确定');
-    this.saveButton = page.getByText('保存');
+    this.saveButton = page.locator('uni-button.execute-btn').filter({ hasText: '保存' });
   }
  
   /**
@@ -203,6 +203,27 @@ export class CustomerPage extends BasePage {
   }
  
   /**
+   * 检查赊欠额度开关是否已开启
+   * @returns 是否已开启
+   */
+  async isCreditLimitEnabled(): Promise<boolean> {
+    // 检查开关的激活状态（nut-switch 组件在激活时会有 nut-switch--active 类）
+    const switchElement = this.creditLimitSwitch;
+    const className = await switchElement.getAttribute('class');
+    return className?.includes('nut-switch--active') ?? false;
+  }
+
+  /**
+   * 确保赊欠额度开关已开启，如果未开启则点击开启
+   */
+  async ensureCreditLimitEnabled(): Promise<void> {
+    const isEnabled = await this.isCreditLimitEnabled();
+    if (!isEnabled) {
+      await this.enableCreditLimit();
+    }
+  }
+
+  /**
    * 填写赊欠额度
    * @param amount 赊欠额度金额
    */
@@ -229,24 +250,12 @@ export class CustomerPage extends BasePage {
    * @param city 城市（如：长治市）
    * @param district 区县（如：潞城区）
    */
-  async selectRegion(province: string, city: string, district: string): Promise<void> {
+  async selectCustomerRegion(province: string, city: string, district: string): Promise<void> {
     // 点击省市区选择器 - nth-child(12)，开启赊欠额度后位置
-    await this.page.locator('uni-view:nth-child(12) > .nut-cell__value > .nut-form-item__body__slots > .input-wrapper > .flex-input > .nut-input > .nut-input__value > .nut-input__mask').click();
-    
-    // 等待弹窗出现
-    await this.page.waitForTimeout(500);
+    const regionPickerLocator = this.page.locator('uni-view:nth-child(12) > .nut-cell__value > .nut-form-item__body__slots > .input-wrapper > .flex-input > .nut-input > .nut-input__value > .nut-input__mask');
  
-    // 选择省份
-    await this.page.getByText(province).click();
-    
-    // 选择城市
-    await this.page.getByText(city).click();
-    
-    // 选择区县
-    await this.page.getByText(district).click();
-    
-    // 确认选择
-    await this.page.getByText('确认选择').click();
+    // 调用基类的通用方法
+    await super.selectRegion(regionPickerLocator, province, city, district);
   }
  
   /**
@@ -321,7 +330,7 @@ export class CustomerPage extends BasePage {
  
     // 如果有省市区配置
     if (options?.province && options?.city && options?.district) {
-      await this.selectRegion(options.province, options.city, options.district);
+      await this.selectCustomerRegion(options.province, options.city, options.district);
     }
  
     // 如果有详细地址
@@ -347,6 +356,21 @@ export class CustomerPage extends BasePage {
    */
   async verifyCustomerCreated(customerName: string): Promise<boolean> {
     try {
+      // 先返回首页确保在客户列表页面
+      await this.gotoHome();
+      await this.openCustomerManagement();
+      await this.page.waitForLoadState('networkidle');
+      await this.page.waitForTimeout(500);
+      
+      // 清空搜索框（点击清除图标）
+      const clearBtn = this.page.locator('.nut-icon-circle-close');
+      if (await clearBtn.isVisible()) {
+        await clearBtn.click();
+        await this.page.waitForTimeout(500);
+      }
+      
+      // 搜索客户
+      await this.searchCustomer(customerName);
       await this.page.waitForSelector(selectors.customerInList(customerName), { timeout: 10000 });
       return true;
     } catch {
@@ -364,7 +388,12 @@ export class CustomerPage extends BasePage {
     // 点击搜索框区域（使用 force: true 绕过遮罩层）
     await this.page.locator('uni-view').filter({ hasText: /^客户名称\/手机号$/ }).nth(2).click({ force: true });
     // 在输入框中填写客户名称
-    await this.page.getByRole('textbox').fill(customerName);
+    const input = this.page.locator('uni-input').filter({ hasText: '客户名称/手机号' }).getByRole('textbox');
+    await input.fill(customerName);
+    // 等待搜索结果出现
+    await this.page.waitForTimeout(1500);
+    // 按回车键确认搜索
+    await input.press('Enter');
     await this.page.waitForTimeout(1000);
   }
  
@@ -373,7 +402,10 @@ export class CustomerPage extends BasePage {
    * @param customerName 客户名称
    */
   async clickCustomerItem(customerName: string): Promise<void> {
-    await this.page.getByText(customerName).first().click();
+    // 使用Playwright的locator语法查找搜索结果列表中的客户项
+    const customerItem = this.page.locator('uni-view').filter({ hasText: customerName }).first();
+    await customerItem.waitFor({ state: 'visible', timeout: 10000 });
+    await customerItem.click();
     await this.page.waitForLoadState('networkidle', { timeout: 30000 });
   }
  
@@ -438,9 +470,10 @@ export class CustomerPage extends BasePage {
     await this.clearAndFillIdCard(customerInfo.idCard);
  
     if (options?.creditLimit) {
-      // 清除并填写赊欠额度（使用 force: true 绕过遮罩层）
+      // 先确保赊欠额度开关已开启
+      await this.ensureCreditLimitEnabled();
+      // 直接填写赊欠额度（fill会自动清除）
       await this.creditLimitInput.click({ force: true });
-      await this.page.locator('uni-view:nth-child(8) > .nut-cell__value > .nut-form-item__body__slots > .nut-input > .nut-input__clear > .nut-input__clear-icon').click({ force: true });
       await this.creditLimitInput.fill(options.creditLimit);
     }
  
@@ -449,7 +482,7 @@ export class CustomerPage extends BasePage {
     }
  
     if (options?.province && options?.city && options?.district) {
-      await this.selectRegion(options.province, options.city, options.district);
+      await this.selectCustomerRegion(options.province, options.city, options.district);
     }
  
     if (customerInfo.detailedAddress) {
@@ -476,6 +509,9 @@ export class CustomerPage extends BasePage {
     await this.clickCustomerItem(customerName);
     await this.clickDeleteButton();
     await this.confirmDelete();
+    // 点击确定后，页面会返回到列表页，等待加载完成
+    await this.page.waitForLoadState('networkidle', { timeout: 30000 });
+    await this.page.waitForTimeout(1000);
   }
  
   /**
@@ -485,59 +521,30 @@ export class CustomerPage extends BasePage {
   async verifyCustomerDeleted(customerName: string): Promise<boolean> {
     await this.gotoHome();
     await this.openCustomerManagement();
+    await this.page.waitForLoadState('networkidle');
+    await this.page.waitForTimeout(500);
+    
+    // 清空搜索框（点击清除图标）
+    const clearBtn = this.page.locator('.nut-icon-circle-close');
+    if (await clearBtn.isVisible()) {
+      await clearBtn.click();
+      await this.page.waitForTimeout(500);
+    }
+    
     await this.searchCustomer(customerName);
+    await this.page.waitForTimeout(1000);
  
-    const count = await this.page.getByText(customerName).count();
+    // 在客户列表中查找（只在 .nut-cell-group 或列表容器中查找）
+    const listItem = this.page.locator('.nut-cell-group__wrapper').locator('.nut-cell', { hasText: customerName });
+    const count = await listItem.count();
+    console.log(`查找 "${customerName}" 在列表中找到 ${count} 个匹配`);
     return count === 0;
   }
  
   // ==================== 录入欠款相关方法 ====================
  
   /**
-   * 点击录入欠款按钮
-   */
-  async clickRecordDebt(): Promise<void> {
-    await this.page.getByText('录入欠款').click();
-    await this.page.waitForTimeout(500);
-  }
-
-  /**
-   * 选择欠款类型
-   * @param typeIndex 类型索引（默认选择第三个，索引为2）
-   */
-  async selectDebtType(typeIndex: number = 2): Promise<void> {
-    await this.page.locator('uni-view:nth-child(4) > .nut-cell__value > .nut-form-item__body__slots > .nut-input > .nut-input__value > .nut-input__mask').click();
-    await this.page.locator('uni-view').filter({ hasText: /^2$/ }).nth(typeIndex).click();
-  }
-
-  /**
-   * 填写欠款金额
-   * @param amount 欠款金额
-   */
-  async fillDebtAmount(amount: string): Promise<void> {
-    await this.page.getByRole('spinbutton').click();
-    await this.page.getByRole('spinbutton').fill(amount);
-  }
-
-  /**
-   * 填写欠款备注
-   * @param remark 备注
-   */
-  async fillDebtRemark(remark: string): Promise<void> {
-    await this.page.getByRole('textbox').nth(4).click();
-    await this.page.getByRole('textbox').nth(4).fill(remark);
-  }
-
-  /**
-   * 保存欠款
-   */
-  async saveDebt(): Promise<void> {
-    await this.page.getByText('保存', { exact: true }).click();
-    await this.page.waitForLoadState('networkidle', { timeout: 30000 });
-  }
-
-  /**
-   * 录入欠款 - 完整流程
+   * 录入欠款 - 完整流程（基于录制脚本重写）
    * @param customerName 客户名称
    * @param amount 欠款金额
    * @param options 可选配置
@@ -546,12 +553,12 @@ export class CustomerPage extends BasePage {
     customerName: string,
     amount: string,
     options?: {
-      typeIndex?: number;    // 欠款类型索引
+      debtType?: string;    // 欠款类型（如 '15'）
       remark?: string;       // 备注
       imagePath?: string;    // 图片路径
     }
   ): Promise<void> {
-    // 先返回首页确保页面状态干净（避免遮罩层阻挡）
+    // 先返回首页确保页面状态干净
     await this.gotoHome();
     // 打开客户管理并搜索
     await this.openCustomerManagement();
@@ -559,39 +566,79 @@ export class CustomerPage extends BasePage {
     await this.clickCustomerItem(customerName);
  
     // 点击录入欠款
-    await this.clickRecordDebt();
+    await this.page.getByText('录入欠款').click();
+    await this.page.waitForTimeout(500);
  
-    // 选择欠款类型
-    if (options?.typeIndex !== undefined) {
-      await this.selectDebtType(options.typeIndex);
-    }
+    // 选择欠款类型 - 点击下拉框
+    await this.page.locator('uni-view:nth-child(4) > .nut-cell__value > .nut-form-item__body__slots > .nut-input > .nut-input__value > .nut-input__mask').click();
+    // 选择类型（默认使用 '15'）
+    const debtType = options?.debtType || '15';
+    await this.page.getByText(debtType, { exact: true }).click();
  
     // 填写欠款金额
-    await this.fillDebtAmount(amount);
+    await this.page.getByRole('spinbutton').click();
+    await this.page.getByRole('spinbutton').fill(amount);
  
     // 填写备注
     if (options?.remark) {
-      await this.fillDebtRemark(options.remark);
+      await this.page.getByRole('textbox').nth(4).click();
+      await this.page.getByRole('textbox').nth(4).fill(options.remark);
     }
  
-    // 上传图片 - 使用基类封装的方法
-    if (options?.imagePath) {
-      await this.uploadCustomerImage(options.imagePath);
-    }
+    // 上传图片（暂时跳过，如果需要可以后续启用）
+    // if (options?.imagePath) {
+    //   // 使用基类的uploadImage方法上传图片
+    //   await this.uploadImage(options.imagePath);
+    // }
  
-    // 保存
-    await this.saveDebt();
+    // 点击保存按钮
+    await this.page.getByText('保存', { exact: true }).click();
+    await this.page.waitForTimeout(2000);
   }
  
   /**
    * 验证欠款是否录入成功
-   * @param amount 欠款金额
+   * 检查客户详情页的"当前欠款"字段是否显示正确金额
+   * @param expectedAmount 期望的欠款金额
    */
-  async verifyDebtRecorded(amount: string): Promise<boolean> {
+  async verifyDebtRecorded(expectedAmount: string): Promise<boolean> {
     try {
-      await this.page.getByText(`欠款：${amount}.00元`).waitFor({ timeout: 10000 });
-      return true;
-    } catch {
+      // 等待页面稳定
+      await this.page.waitForTimeout(2000);
+      await this.page.waitForLoadState('networkidle');
+      
+      // 显示格式是"欠款：{金额}.00元"，其中金额是原始输入值
+      const displayAmount = parseFloat(expectedAmount).toFixed(2);
+      const searchText = `欠款：${displayAmount}元`;
+      
+      console.log(`查找欠款文本: ${searchText}`);
+      
+      // 直接查找包含"欠款：{金额}元"格式的元素
+      const debtElement = this.page.getByText(searchText);
+      const isVisible = await debtElement.isVisible({ timeout: 5000 }).catch(() => false);
+      
+      if (isVisible) {
+        console.log(`验证成功：找到欠款 ${searchText}`);
+        return true;
+      }
+      
+      // 备用方案：查找包含"欠款："的元素
+      const debtWithLabel = this.page.locator('uni-view').filter({ hasText: /^欠款：/ });
+      const count = await debtWithLabel.count();
+      console.log(`找到 ${count} 个包含"欠款："的元素`);
+      
+      if (count > 0) {
+        const text = await debtWithLabel.first().textContent();
+        console.log(`欠款文本内容: ${text}`);
+        if (text && text.includes(displayAmount)) {
+          return true;
+        }
+      }
+      
+      console.log(`验证失败：未找到金额 ${expectedAmount}`);
+      return false;
+    } catch (error) {
+      console.log('验证欠款失败:', error);
       return false;
     }
   }
 // 半自动登录,登录存放auth.json
-import { test, expect } from '@playwright/test';
+import { chromium } from '@playwright/test';
+import dotenv from 'dotenv';
+import path from 'path';
+
+dotenv.config({ path: path.resolve(__dirname, '../.env') });
  
-// 从环境变量获取配置
 const TEST_PHONE = process.env.phone;
 const TEST_USER_NAME = process.env.TEST_USER_NAME;
+const BASE_URL = process.env.BASE_URL || 'https://erp-pad.test.gszdtop.com';
  
-if (!TEST_PHONE) {
-  throw new Error('phone 环境变量未设置，请设置 phone 后再运行');
+if (!TEST_PHONE || !TEST_USER_NAME) {
+  throw new Error('phone 和 TEST_USER_NAME 环境变量未设置');
 }
-if (!TEST_USER_NAME) {
-  throw new Error('TEST_USER_NAME 环境变量未设置，请设置 TEST_USER_NAME 后再运行');
+
+async function main() {
+  console.log('开始半自动登录...');
+
+  const browser = await chromium.launch({ headless: false });
+  const context = await browser.newContext();
+  const page = await context.newPage();
+
+  try {
+    await page.goto(`${BASE_URL}/#/pages/login/index`);
+    await page.waitForLoadState('domcontentloaded');
+
+    // 已登录则直接保存
+    try {
+      await page.getByText(TEST_USER_NAME!).waitFor({ state: 'visible', timeout: 3000 });
+      console.log('已登录，保存状态...');
+      await context.storageState({ path: 'auth.json' });
+      console.log('状态已保存到 auth.json');
+      return;
+    } catch {
+      console.log('未登录，开始登录...');
+    }
+
+    // 手机号登录流程
+    await page.getByText('手机号登录/注册').click();
+    await page.getByText('确定').click();
+
+    // 填写手机号
+    const phoneInput = page.locator('uni-input').filter({ hasText: '请输入手机号' }).locator('input').first();
+    await phoneInput.click();
+    await phoneInput.fill(TEST_PHONE!);
+
+    // 获取验证码
+    await page.getByText('获取验证码').click();
+    console.log('请手动输入验证码并点击登录...');
+
+    // 等待登录成功
+    await page.getByText(TEST_USER_NAME!).waitFor({ timeout: 120000 });
+    console.log('登录成功！');
+
+    await context.storageState({ path: 'auth.json' });
+    console.log('状态已保存到 auth.json');
+
+  } finally {
+    await browser.close();
+  }
 }
  
-test('半自动登录（自动填手机号，手动输验证码）', async ({ page }) => {
-  await page.goto('/#/pages/login/index');
-  await page.getByText('手机号登录/注册').click();
-  await page.getByText('确定').click();
-  // --- 这里执行登录操作 ---
-  await page.locator('uni-input').filter({ hasText: '请输入手机号' }).getByRole('textbox').click();
-  await page.locator('uni-input').filter({ hasText: '请输入手机号' }).getByRole('textbox').fill(TEST_PHONE);
-  // 此处假设出现了验证码，你需要手动输入或处理
-  await page.locator('uni-button').filter({ hasText: '获取验证码' }).click();
-  console.log('请手动输入验证码，然后点击登录按钮...');
-  await page.locator('uni-button').filter({ hasText: '登录' }).click();
-  // --- 等待登录成功，跳转到首页 ---
-  await expect(page.getByText(TEST_USER_NAME)).toBeVisible({ timeout: 0 });
-
-   // 4. 保存存储状态（Cookie 和 LocalStorage）
-  await page.context().storageState({ path: 'auth.json' });
-  console.log('状态已保存到 auth.json');
-});
 \ No newline at end of file
+main().catch(console.error);
@@ -9,6 +9,9 @@ import * as allure from &#39;allure-js-commons&#39;;
 test.describe('客户管理', () => {
   // 使用已保存的认证状态
   test.use({ storageState: 'auth.json' });
+  
+  // 强制测试串行执行，避免并行测试之间的干扰
+  test.describe.configure({ mode: 'serial' });
  
   test('新增客户', async ({ customerPage }, testInfo) => {
     // 添加allure元素
@@ -24,7 +27,7 @@ test.describe(&#39;客户管理&#39;, () =&gt; {
       const detailedAddress = generateDetailedAddress();
  
  
-      console.log('生成的客户信息:', { name, phone, idCard, detailedAddress });
+      // console.log('生成的客户信息:', { name, phone, idCard, detailedAddress });
  
       return { name, phone, idCard, detailedAddress };
     });
@@ -62,145 +65,191 @@ test.describe(&#39;客户管理&#39;, () =&gt; {
     });
   });
  
-//   test('修改客户', async ({ customerPage }, testInfo) => {
-//     // 添加allure元素
-//     await allure.epic('客户管理');
-//     await allure.feature('客户信息');
-//     await allure.story('修改客户');
-
-//     // 先创建一个客户用于修改
-//     const originalName = generateCustomerName();
-//     const originalPhone = generatePhoneNumber();
-//     const originalIdCard = generateIdCard();
-    
-//     console.log('原客户名称:', originalName);
-
-//     // 步骤1：先创建客户
-//     await allure.step('创建待修改的客户', async () => {
-//       await customerPage.gotoHome();
-//       await customerPage.createCustomer({
-//         name: originalName,
-//         phone: originalPhone,
-//         idCard: originalIdCard,
-//       });
-//     });
-
-//     // 生成新的客户信息
-//     const newName = generateCustomerName();
-//     const newPhone = generatePhoneNumber();
-//     const newIdCard = generateIdCard();
-//     const randomImage = getRandomImage();
-    
-//     console.log('新客户名称:', newName);
-
-//     // 步骤2：执行修改客户操作
-//     await allure.step('修改客户信息', async () => {
-//       await customerPage.updateCustomer(
-//         originalName,
-//         {
-//           name: newName,
-//           phone: newPhone,
-//           idCard: newIdCard,
-//         },
-//         {
-//           creditLimit: '400',
-//           licensePlate: '渝YUNI99',
-//           province: '江苏省',
-//           city: '连云港市',
-//           district: '海州区',
-//           imagePath: randomImage || undefined,
-//         }
-//       );
-//       await customerPage.attachScreenshot(testInfo, '修改客户成功截图');
-//     });
-
-//     // 步骤3：验证客户修改成功
-//     await allure.step('验证客户修改成功', async () => {
-//       const isUpdated = await customerPage.verifyCustomerCreated(newName);
-//       expect(isUpdated).toBeTruthy();
-//     });
-//   });
-
-//   test('删除客户', async ({ customerPage }, testInfo) => {
-//     // 添加allure元素
-//     await allure.epic('客户管理');
-//     await allure.feature('客户信息');
-//     await allure.story('删除客户');
-
-//     // 先创建一个客户用于删除
-//     const customerName = generateCustomerName();
-//     const phone = generatePhoneNumber();
-//     const idCard = generateIdCard();
-    
-//     console.log('待删除客户名称:', customerName);
-
-//     // 步骤1：先创建客户
-//     await allure.step('创建待删除的客户', async () => {
-//       await customerPage.gotoHome();
-//       await customerPage.createCustomer({
-//         name: customerName,
-//         phone: phone,
-//         idCard: idCard,
-//       });
-//     });
-
-//     // 步骤2：执行删除客户操作
-//     await allure.step('删除客户', async () => {
-//       await customerPage.deleteCustomer(customerName);
-//       await customerPage.attachScreenshot(testInfo, '删除客户成功截图');
-//     });
-
-//     // 步骤3：验证客户删除成功
-//     await allure.step('验证客户删除成功', async () => {
-//       const isDeleted = await customerPage.verifyCustomerDeleted(customerName);
-//       expect(isDeleted).toBeTruthy();
-//     });
-//   });
-
-//   test('录入欠款', async ({ customerPage }, testInfo) => {
-//     // 添加allure元素
-//     await allure.epic('客户管理');
-//     await allure.feature('客户欠款');
-//     await allure.story('录入欠款');
-
-//     // 先创建一个客户用于录入欠款
-//     const customerName = generateCustomerName();
-//     const phone = generatePhoneNumber();
-//     const idCard = generateIdCard();
-    
-//     console.log('待录入欠款的客户名称:', customerName);
-
-//     // 步骤1：先创建客户
-//     await allure.step('创建客户', async () => {
-//       await customerPage.gotoHome();
-//       await customerPage.createCustomer({
-//         name: customerName,
-//         phone: phone,
-//         idCard: idCard,
-//       });
-//     });
-
-//     // 生成欠款金额和备注
-//     const debtAmount = generateAmount(100, 9999);
-//     const remark = generateRemark(50);
-//     const randomImage = getRandomImage();
-    
-//     console.log('欠款金额:', debtAmount);
-//     console.log('备注:', remark);
-
-//     // 步骤2：执行录入欠款操作
-//     await allure.step('录入欠款', async () => {
-//       await customerPage.recordDebt(customerName, debtAmount, {
-//         remark: remark,
-//         imagePath: randomImage || undefined,
-//       });
-//       await customerPage.attachScreenshot(testInfo, '录入欠款成功截图');
-//     });
-
-//     // 步骤3：验证欠款录入成功
-//     await allure.step('验证欠款录入成功', async () => {
-//       const isRecorded = await customerPage.verifyDebtRecorded(debtAmount);
-//       expect(isRecorded).toBeTruthy();
-//     });
-//   });
+  test('修改客户', async ({ customerPage }, testInfo) => {
+    // 添加allure元素
+    await allure.epic('客户管理');
+    await allure.feature('客户信息');
+    await allure.story('修改客户');
+
+    // 先创建一个客户用于修改
+    const originalName = generateCustomerName();
+    const originalPhone = generatePhoneNumber();
+    const originalIdCard = generateIdCard();
+     
+    // console.log('原客户名称:', originalName);
+
+    // 步骤1：先创建客户
+    await allure.step('创建待修改的客户', async () => {
+      await customerPage.gotoHome();
+      await customerPage.createCustomer({
+        name: originalName,
+        phone: originalPhone,
+        idCard: originalIdCard,
+      });
+    });
+
+    // 生成新的客户信息
+    const newName = generateCustomerName();
+    const newPhone = generatePhoneNumber();
+    const newIdCard = generateIdCard();
+    const randomImage = getRandomImage();
+     
+    // console.log('新客户名称:', newName);
+
+    // 步骤2：执行修改客户操作
+    await allure.step('修改客户信息', async () => {
+      await customerPage.updateCustomer(
+        originalName,
+        {
+          name: newName,
+          phone: newPhone,
+          idCard: newIdCard,
+        },
+        {
+          creditLimit: '400',
+          licensePlate: '渝YUNI99',
+          province: '江苏省',
+          city: '连云港市',
+          district: '海州区',
+          imagePath: randomImage || undefined,
+        }
+      );
+      await customerPage.attachScreenshot(testInfo, '修改客户成功截图');
+    });
+
+    // 步骤3：验证客户修改成功
+    await allure.step('验证客户修改成功', async () => {
+      const isUpdated = await customerPage.verifyCustomerCreated(newName);
+      expect(isUpdated).toBeTruthy();
+    });
+  });
+
+  test('删除客户', async ({ customerPage }, testInfo) => {
+    // 添加allure元素
+    await allure.epic('客户管理');
+    await allure.feature('客户信息');
+    await allure.story('删除客户');
+
+    // 先创建一个客户用于删除
+    const customerName = generateCustomerName();
+    const phone = generatePhoneNumber();
+    const idCard = generateIdCard();
+      
+    // console.log('待删除客户名称:', customerName);
+
+    // 步骤1：先创建客户
+    await allure.step('创建待删除的客户', async () => {
+      await customerPage.gotoHome();
+      await customerPage.createCustomer({
+        name: customerName,
+        phone: phone,
+        idCard: idCard,
+      });
+    });
+
+    // 步骤2：执行删除客户操作
+    await allure.step('删除客户', async () => {
+      await customerPage.deleteCustomer(customerName);
+      await customerPage.attachScreenshot(testInfo, '删除客户成功截图');
+    });
+
+    // 步骤3：验证客户删除成功
+    await allure.step('验证客户删除成功', async () => {
+      const isDeleted = await customerPage.verifyCustomerDeleted(customerName);
+      expect(isDeleted).toBeTruthy();
+    });
+  });
+
+  test('录入欠款', async ({ customerPage }, testInfo) => {
+    // 添加allure元素
+    await allure.epic('客户管理');
+    await allure.feature('客户欠款');
+    await allure.story('录入欠款');
+
+    // 先创建一个客户用于录入欠款
+    const customerName = generateCustomerName();
+    const phone = generatePhoneNumber();
+    const idCard = generateIdCard();
+     
+    console.log('待录入欠款的客户名称:', customerName);
+
+    // 步骤1：先创建客户
+    await allure.step('创建客户', async () => {
+      await customerPage.gotoHome();
+      await customerPage.createCustomer({
+        name: customerName,
+        phone: phone,
+        idCard: idCard,
+      });
+    });
+
+    // 生成欠款金额和备注
+    const debtAmount = generateAmount(100, 9999);
+    const remark = generateRemark(50);
+    const randomImage = getRandomImage();
+     
+    console.log('欠款金额:', debtAmount);
+    console.log('备注:', remark);
+
+    // 步骤2：执行录入欠款操作
+    await allure.step('录入欠款', async () => {
+      await customerPage.recordDebt(customerName, debtAmount, {
+        remark: remark,
+        imagePath: randomImage || undefined,
+      });
+      await customerPage.attachScreenshot(testInfo, '录入欠款成功截图');
+    });
+
+    // 步骤3：验证欠款录入成功
+    await allure.step('验证欠款录入成功', async () => {
+      const isRecorded = await customerPage.verifyDebtRecorded(debtAmount);
+      expect(isRecorded).toBeTruthy();
+    });
+  });
+
+  test('新增客户分组', async ({ customerPage }, testInfo) => {
+    // 添加allure元素
+    await allure.epic('客户管理');
+    await allure.feature('客户分组');
+    await allure.story('新增客户分组');
+
+    // 生成随机分组名称
+    const groupName = `客户分组${Date.now().toString().slice(-6)}`;
+    const p = customerPage.page;
+
+    // 步骤1：进入客户管理页面并点击新增分组
+    await allure.step('进入客户管理页面并点击新增分组', async () => {
+      await customerPage.gotoHome();
+      await customerPage.customerMenu.click({ force: true });
+      await p.waitForLoadState('networkidle', { timeout: 30000 });
+      await p.getByText('新增分组').click();
+    });
+
+    // 步骤2：填写分组信息
+    await allure.step('填写分组信息', async () => {
+      // 填写分组名称
+      await p.locator('uni-view').filter({ hasText: /^分组名称\*$/ }).first().click();
+      await p.getByRole('textbox').nth(1).fill(groupName);
+      
+      // 选择颜色/图标（点击第二个选项）
+      await p.locator('.uni-scroll-view-content > uni-view > uni-view:nth-child(2) > .nut-cell__title > uni-view').click();
+      
+      // 填写排序号
+      await p.getByRole('textbox').nth(2).click();
+      await p.getByRole('textbox').nth(2).fill('121');
+    });
+
+    // 步骤3：保存分组
+    await allure.step('保存分组', async () => {
+      await p.getByText('保存').click();
+      await p.waitForTimeout(1000);
+      await customerPage.attachScreenshot(testInfo, '新增客户分组成功截图');
+    });
+
+    // 步骤4：验证分组创建成功
+    await allure.step('验证分组创建成功', async () => {
+      const isGroupVisible = await p.getByText('大客户').isVisible();
+      expect(isGroupVisible).toBeTruthy();
+    });
+  });
 });
 \ No newline at end of file
+import { test, expect } from '@playwright/test';
+import * as allure from 'allure-js-commons';
+
+/**
+ * 客户分组测试
+ */
+test.describe('客户分组', () => {
+  // 使用已保存的认证状态
+  test.use({ storageState: 'auth.json' });
+
+  // 强制测试串行执行，避免并行测试之间的干扰
+  test.describe.configure({ mode: 'serial' });
+
+  /**
+   * 生成随机分组名称（5个字以内）
+   */
+  function generateGroupName(): string {
+    const prefixes = ['测试', '客户', '优质', '普通', '会员', 'VIP', '大', '小', '新', '老'];
+    const suffixes = ['组', '户', '客', '户', '户'];
+    const prefix = prefixes[Math.floor(Math.random() * prefixes.length)];
+    const suffix = suffixes[Math.floor(Math.random() * suffixes.length)];
+    const timestamp = Date.now().toString().slice(-2);
+    const name = `${prefix}${suffix}${timestamp}`;
+    return name.slice(0, 5); // 确保不超过5个字
+  }
+
+  /**
+   * 生成随机排序号
+   */
+  function generateSortNumber(): string {
+    return String(Math.floor(Math.random() * 999) + 1);
+  }
+
+  test('新增客户分组', async ({ page }, testInfo) => {
+    // 添加allure元素
+    await allure.epic('客户管理');
+    await allure.feature('客户分组');
+    await allure.story('新增客户分组');
+
+    // 生成随机分组名称
+    const groupName = generateGroupName();
+    console.log('新增分组名称:', groupName);
+
+    // 步骤1：进入客户分组页面
+    await allure.step('进入客户分组页面', async () => {
+      await page.goto('/');
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
+      await page.getByText('更多 >').click();
+      await page.waitForTimeout(500);
+      await page.getByText('客户分组').first().click();
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
+    });
+
+    // 步骤2：点击新建按钮
+    await allure.step('点击新建按钮', async () => {
+      await page.getByText('新建').click();
+      await page.waitForTimeout(500);
+    });
+
+    // 步骤3：填写分组信息
+    await allure.step('填写分组信息', async () => {
+      // 填写分组名称
+      await page.getByRole('textbox').nth(1).click();
+      await page.getByRole('textbox').nth(1).fill(groupName);
+      
+      // 填写备注/排序
+      await page.getByRole('textbox').nth(2).click();
+      await page.getByRole('textbox').nth(2).fill('自动化测试分组');
+    });
+
+    // 步骤4：保存分组
+    await allure.step('保存分组', async () => {
+      await page.getByText('确定').click();
+      await page.waitForTimeout(1000);
+    });
+
+    // 步骤5：验证分组创建成功 - 使用正则匹配检查页面是否出现新增的内容
+    await allure.step('验证分组创建成功', async () => {
+      await page.waitForTimeout(1000); // 等待页面刷新
+      // 使用正则匹配分组名称
+      const isGroupVisible = await page.locator('uni-view').filter({ hasText: new RegExp(`^${groupName}$`) }).first().isVisible({ timeout: 5000 }).catch(() => false);
+      expect(isGroupVisible).toBeTruthy();
+    });
+  });
+
+  test('修改客户分组', async ({ page }, testInfo) => {
+    // 添加allure元素
+    await allure.epic('客户管理');
+    await allure.feature('客户分组');
+    await allure.story('修改客户分组');
+
+    // 先生成一个分组用于修改
+    const originalGroupName = generateGroupName();
+    const newGroupName = generateGroupName();
+    console.log('原分组名称:', originalGroupName);
+    console.log('新分组名称:', newGroupName);
+
+    // 步骤1：进入客户分组页面并创建分组
+    await allure.step('进入客户分组页面并创建分组', async () => {
+      await page.goto('/');
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
+      await page.getByText('更多 >').click();
+      await page.waitForTimeout(500);
+      await page.getByText('客户分组').first().click();
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
+      
+      // 创建分组
+      await page.getByText('新建').click();
+      await page.waitForTimeout(500);
+      // 点击分组名称输入框
+      await page.locator('uni-view').filter({ hasText: /^分组名称\*$/ }).first().click();
+      await page.getByRole('textbox').nth(1).fill(originalGroupName);
+      await page.getByText('确定').click();
+      await page.waitForTimeout(1000);
+    });
+
+    // 步骤2：搜索并修改分组
+    await allure.step('搜索并修改分组', async () => {
+      // 在搜索框中输入原分组名称
+      await page.getByRole('textbox').click();
+      await page.getByRole('textbox').fill(originalGroupName);
+      
+      // 点击搜索结果中的分组
+      await page.locator('uni-view').filter({ hasText: new RegExp(`^${originalGroupName}$`) }).first().click();
+      await page.waitForTimeout(500);
+      
+      // 点击编辑按钮
+      await page.getByText('编辑').click();
+      await page.waitForTimeout(500);
+      
+      // 清空分组名称并填写新名称
+      await page.getByRole('textbox').nth(1).click();
+      await page.locator('.nut-input__clear-icon').first().click();
+      await page.getByRole('textbox').nth(1).click();
+      await page.getByRole('textbox').nth(1).fill(newGroupName);
+      
+      // 直接填写新排序号（新增时未填写，无需清除）
+      const newSortNumber = generateSortNumber();
+      await page.getByRole('textbox').nth(2).click();
+      await page.getByRole('textbox').nth(2).fill(newSortNumber);
+      
+      await page.getByText('确定').click();
+      await page.waitForTimeout(1000);
+    });
+
+    // 步骤3：验证分组修改成功 - 使用搜索验证修改后的内容
+    await allure.step('验证分组修改成功', async () => {
+      // 在搜索框中输入新分组名称进行验证
+      await page.waitForTimeout(500);
+      await page.getByRole('textbox').click();
+      await page.getByRole('textbox').fill(newGroupName);
+      await page.waitForTimeout(500);
+      
+      const isNewGroupVisible = await page.locator('uni-view').filter({ hasText: new RegExp(`^${newGroupName}$`) }).first().isVisible({ timeout: 5000 }).catch(() => false);
+      expect(isNewGroupVisible).toBeTruthy();
+    });
+  });
+
+  test('删除客户分组', async ({ page }, testInfo) => {
+    // 添加allure元素
+    await allure.epic('客户管理');
+    await allure.feature('客户分组');
+    await allure.story('删除客户分组');
+
+    // 先生成一个分组用于删除
+    const groupName = generateGroupName();
+    console.log('待删除分组名称:', groupName);
+
+    // 步骤1：进入客户分组页面并创建分组
+    await allure.step('进入客户分组页面并创建分组', async () => {
+      await page.goto('/');
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
+      await page.getByText('更多 >').click();
+      await page.waitForTimeout(500);
+      await page.getByText('客户分组').first().click();
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
+      
+      // 创建分组
+      await page.getByText('新建').click();
+      await page.waitForTimeout(500);
+      await page.getByRole('textbox').nth(1).click();
+      await page.getByRole('textbox').nth(1).fill(groupName);
+      await page.getByText('确定').click();
+      await page.waitForTimeout(1000);
+    });
+
+    // 步骤2：搜索并删除分组
+    await allure.step('搜索并删除分组', async () => {
+      // 在搜索框中输入分组名称
+      await page.getByRole('textbox').click();
+      await page.getByRole('textbox').fill(groupName);
+      
+      // 搜索后自动选中，直接点击删除按钮
+      await page.getByText('删除').click();
+      await page.waitForTimeout(500);
+      
+      // 确认删除
+      await page.getByText('确定', { exact: true }).click();
+      // await page.waitForTimeout(1000);
+      
+      // 点击清除按钮
+      await page.locator('.nut-searchbar__search-icon').click();
+      // 清除后等待页面刷新
+      await page.waitForTimeout(1000);
+    });
+
+    // 步骤3：验证分组删除成功
+    await allure.step('验证分组删除成功', async () => {
+      // 搜索已删除的分组名称
+      await page.getByRole('textbox').fill(groupName);
+      await page.waitForTimeout(1000);
+      
+      // 验证搜索结果中是否还能找到该分组（找不到才是删除成功）
+      const count = await page.locator('uni-view').filter({ hasText: new RegExp(`^${groupName}$`) }).count();
+      expect(count).toBe(0);
+    });
+  });
+});
@@ -33,6 +33,6 @@ setup(&#39;authenticate&#39;, async ({ page }) =&gt; {
 //   await page.waitForSelector('text=个人中心', { timeout: 60000 });
  
   // 5. 登录成功后，保存状态
-//   await page.context().storageState({ path: authFile });
-//   console.log('认证状态已保存到', authFile);
+  await page.context().storageState({ path: authFile });
+  console.log('认证状态已保存到', authFile);
 });
@@ -37,17 +37,5 @@ test.describe(&#39;商品管理&#39;, () =&gt; {
     // await productPage.expectProductVisible(productName);
   });
  
-  // test('新增商品 - 使用分步操作', async ({ productPage }) => {
-  //   // 生成唯一商品名
-  //   const productName = generateUniqueProductName('苹果');
-    
-  //   // 分步操作示例
-  //   await productPage.openAddProductForm();
-  //   await productPage.enterProductName(productName);
-  //   await productPage.selectCategory('苹果');
-  //   await productPage.clickSave();
-    
-  //   // 验证商品创建成功
-  //   await productPage.expectProductVisible(productName);
-  // });
+  
 });
 \ No newline at end of file
@@ -27,7 +27,11 @@ export function generateCustomerName(): string {
   const familyName = familyNames[Math.floor(Math.random() * familyNames.length)];
   const givenName = givenNames[Math.floor(Math.random() * givenNames.length)];
  
-  return familyName + givenName;
+  // 使用时间戳（后6位）+ 随机数后缀，确保不易重复，只使用数字和字母
+  const timestamp = Date.now().toString().slice(-6);
+  // const random = Math.floor(Math.random() * 100).toString().padStart(2, '0');
+  
+  return `${familyName}${givenName}${timestamp}`;
 }
  
 // 随机生成身份证号码（18位）
@@ -202,3 +206,62 @@ export function generateAmount(min: number = 1, max: number = 9999): string {
   const amount = Math.floor(Math.random() * (max - min + 1)) + min;
   return amount.toString();
 }
+
+// 随机生成车牌号
+export function generateLicensePlate(): string {
+  // 省份简称（中国各省份）
+  const provinces = ['京', '津', '沪', '渝', '冀', '晋', '蒙', '辽', '吉', '黑', '苏', '浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘', '粤', '桂', '琼', '川', '贵', '云', '藏', '陕', '甘', '青', '宁', '新'];
+  
+  // 字母（车牌号第二位）
+  const letters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+  
+  // 随机选择省份
+  const province = provinces[Math.floor(Math.random() * provinces.length)];
+  
+  // 随机选择字母
+  const letter = letters[Math.floor(Math.random() * letters.length)];
+  
+  // 随机生成5位数字或字母组合（第三位到第七位）
+  const chars = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+  let suffix = '';
+  for (let i = 0; i < 5; i++) {
+    suffix += chars[Math.floor(Math.random() * chars.length)];
+  }
+  
+  return province + letter + suffix;
+}
+
+// 随机生成省市区数据
+export interface RegionData {
+  province: string;
+  city: string;
+  district: string;
+}
+
+export function generateRegion(): RegionData {
+  // 省市区数据（示例数据，可根据实际业务扩展）
+  const regions: RegionData[] = [
+    { province: '山西省', city: '长治市', district: '潞城区' },
+    { province: '北京市', city: '北京市', district: '朝阳区' },
+    { province: '上海市', city: '上海市', district: '浦东新区' },
+    { province: '广东省', city: '广州市', district: '天河区' },
+    { province: '浙江省', city: '杭州市', district: '西湖区' },
+    { province: '江苏省', city: '南京市', district: '鼓楼区' },
+    { province: '四川省', city: '成都市', district: '武侯区' },
+    { province: '湖北省', city: '武汉市', district: '洪山区' },
+    { province: '湖南省', city: '长沙市', district: '岳麓区' },
+    { province: '河南省', city: '郑州市', district: '金水区' },
+    { province: '山东省', city: '济南市', district: '历下区' },
+    { province: '福建省', city: '福州市', district: '鼓楼区' },
+    { province: '安徽省', city: '合肥市', district: '蜀山区' },
+    { province: '江西省', city: '南昌市', district: '东湖区' },
+    { province: '陕西省', city: '西安市', district: '雁塔区' },
+    { province: '甘肃省', city: '兰州市', district: '城关区' },
+    { province: '云南省', city: '昆明市', district: '五华区' },
+    { province: '贵州省', city: '贵阳市', district: '南明区' },
+    { province: '河北省', city: '石家庄市', district: '长安区' },
+    { province: '辽宁省', city: '沈阳市', district: '和平区' },
+  ];
+  
+  return regions[Math.floor(Math.random() * regions.length)];
+}