添加车牌号、上传图片方法封装

赵旭婷
1 parent 140ac106
Showing 4 changed files with 239 additions and 111 deletions
pages/basePage.ts
pages/consignmentPage.ts
pages/customerPage.ts
tests/consignmentOrder.spec.ts
@@ -221,4 +221,110 @@ export abstract class BasePage {
   filterLocator(selector: string, options: { hasText?: string | RegExp; has?: Locator }): Locator {
     return this.page.locator(selector).filter(options);
   }
+
+  /**
+   * 填写车牌号（通用方法）
+   * @param licensePlate 车牌号（如：渝ZY0706）
+   * @param inputLocator 车牌号输入框定位器（可选，如果不传则需要先点击输入框）
+   */
+  async fillLicensePlate(licensePlate: string, inputLocator?: Locator): Promise<void> {
+    // 等待页面稳定
+    await this.page.waitForTimeout(500);
+    
+    // 如果传入了输入框定位器，先点击它
+    if (inputLocator) {
+      await inputLocator.click();
+    }
+    
+    // 等待车牌键盘面板加载完成
+    await this.page.waitForTimeout(1000);
+    
+    // 解析车牌号的省份和字母部分
+    const province = licensePlate.charAt(0); // 如：渝
+    const letter = licensePlate.charAt(1); // 如：Z
+    const numbers = licensePlate.substring(2); // 如：Y0706
+    
+    // 点击省份
+    await this.page.locator('uni-view').filter({ hasText: new RegExp(`^${province}$`) }).click();
+    
+    // 等待字母键盘出现
+    await this.page.waitForTimeout(300);
+    
+    // 点击第一个字母 - 智能选择，优先使用 nth(1)，如果不存在则用 first
+    const letterLocator = this.page.locator('uni-view').filter({ hasText: new RegExp(`^${letter}$`) });
+    const letterCount = await letterLocator.count();
+    if (letterCount > 1) {
+      await letterLocator.nth(1).click();
+    } else if (letterCount === 1) {
+      await letterLocator.click();
+    } else {
+      // 回退到 getByText 方式
+      await this.page.getByText(letter, { exact: true }).first().click();
+    }
+    
+    // 逐个点击车牌号码
+    for (let i = 0; i < numbers.length; i++) {
+      const char = numbers[i];
+      await this.page.waitForTimeout(100);
+      if (char.match(/[A-Za-z]/)) {
+        // 字母
+        const charLocator = this.page.locator('uni-view').filter({ hasText: new RegExp(`^${char.toUpperCase()}$`) });
+        const charCount = await charLocator.count();
+        if (charCount > 1) {
+          await charLocator.nth(1).click();
+        } else {
+          await charLocator.click();
+        }
+      } else if (char.match(/[0-9]/)) {
+        // 数字
+        const digitLocator = this.page.locator('uni-view').filter({ hasText: new RegExp(`^${char}$`) });
+        const digitCount = await digitLocator.count();
+        if (digitCount > 1) {
+          await digitLocator.nth(1).click();
+        } else {
+          await digitLocator.click();
+        }
+      }
+    }
+    
+    // 点击确定按钮
+    await this.page.getByText('确定').click();
+  }
+
+  /**
+   * 上传图片（通用方法）- 使用 filechooser 事件
+   * @param imagePath 图片文件路径（相对于项目根目录）
+   * @param uploadButtonLocator 上传按钮定位器（可选，默认使用 uni-scroll-view uni-button）
+   */
+  async uploadImage(imagePath: string, uploadButtonLocator?: Locator): Promise<void> {
+    // 使用 Playwright 的 file_chooser 事件处理文件上传
+    // 监听文件选择器事件
+    const fileChooserPromise = this.page.waitForEvent('filechooser');
+    
+    // 点击上传按钮触发文件选择器
+    if (uploadButtonLocator) {
+      await uploadButtonLocator.click();
+    } else {
+      await this.page.locator('uni-scroll-view uni-button').click();
+    }
+    
+    // 等待文件选择器出现并设置文件
+    const fileChooser = await fileChooserPromise;
+    await fileChooser.setFiles(imagePath);
+    
+    // 等待上传完成
+    await this.page.waitForTimeout(1000);
+  }
+
+  /**
+   * 上传图片（使用 setInputFiles 方式）
+   * @param imagePath 图片文件路径
+   */
+  async uploadImageByInput(imagePath: string): Promise<void> {
+    // 直接在 body 上设置文件
+    await this.page.locator('body').setInputFiles(imagePath);
+    
+    // 等待上传完成
+    await this.page.waitForTimeout(1000);
+  }
 }
@@ -14,7 +14,10 @@ const selectors = {
   warehouseSelector: '.nut-input__mask',
   warehouseOption: (warehouseName: string) => `uni-view:has-text("${warehouseName}")`,
   mainTitleOption: '.mainTitle',
-  
+  //车牌
+  licensePlateInput:'uni-view:nth-child(2) > .nut-cell__value > .nut-form-item__body__slots > .input-wrapper > .flex-input > .nut-input > .nut-input__value > .nut-input__mask',
+  confirmLicenceButton:'text=确定',
+
   // 批次别名输入
   batchAliasInput: 'uni-input:has-text("请输入批次别名") input',
  
@@ -67,7 +70,13 @@ export class ConsignmentPage extends BasePage {
   // 操作按钮
   readonly createButton: Locator;
   readonly saveButton: Locator;
-  readonly doneButton:Locator;
+  readonly doneButton: Locator;
+  
+  // 车牌号
+  readonly licensePlateInput: Locator;
+  
+  // 图片上传
+  readonly uploadImageButton: Locator;
  
   constructor(page: Page) {
     super(page);
@@ -85,7 +94,11 @@ export class ConsignmentPage extends BasePage {
     this.paymentItem = page.locator('.payment-item');
     this.createButton = page.getByText('创建', { exact: true });
     this.saveButton = page.getByText('保存');
-    this.doneButton = page.getByText('完成')
+    this.doneButton = page.getByText('完成');
+    // 车牌号输入框 - nth-child(2)
+    this.licensePlateInput = page.locator('uni-view:nth-child(2) > .nut-cell__value > .nut-form-item__body__slots > .nut-input > .nut-input__value > .nut-input__mask');
+    // 图片上传区域
+    this.uploadImageButton = page.getByText('图片（最多上传9张）');
   }
  
   /**
@@ -169,36 +182,36 @@ export class ConsignmentPage extends BasePage {
     await this.productListButton.click();
   }
  
-  // /**
-  //  * 获取商品列表中所有可用的商品名称
-  //  * @returns 商品名称数组
-  //  */
-  // async getAvailableProducts(): Promise<string[]> {
-  //   // 等待商品列表加载
-  //   await this.page.locator('.productName').first().waitFor({ state: 'visible', timeout: 5000 });
+  /**
+   * 获取商品列表中所有可用的商品名称
+   * @returns 商品名称数组
+   */
+  async getAvailableProducts(): Promise<string[]> {
+    // 等待商品列表加载
+    await this.page.locator('.productName').first().waitFor({ state: 'visible', timeout: 5000 });
  
-  //   // 获取所有商品名称
-  //   const productElements = await this.page.locator('.productName').allTextContents();
-  //   return productElements.filter(name => name.trim() !== '');
-  // }
+    // 获取所有商品名称
+    const productElements = await this.page.locator('.productName').allTextContents();
+    return productElements.filter(name => name.trim() !== '');
+  }
  
-  // /**
-  //  * 随机选择一个商品
-  //  * @returns 随机选择的商品名称
-  //  */
-  // async selectRandomProduct(): Promise<string> {
-  //   const products = await this.getAvailableProducts();
+  /**
+   * 随机选择一个商品
+   * @returns 随机选择的商品名称
+   */
+  async selectRandomProduct(): Promise<string> {
+    const products = await this.getAvailableProducts();
  
-  //   if (products.length === 0) {
-  //     throw new Error('商品列表为空，无法选择商品');
-  //   }
+    if (products.length === 0) {
+      throw new Error('商品列表为空，无法选择商品');
+    }
  
-  //   const randomIndex = Math.floor(Math.random() * products.length);
-  //   const selectedProduct = products[randomIndex];
-  //   console.log(`随机选择的商品: ${selectedProduct}`);
+    const randomIndex = Math.floor(Math.random() * products.length);
+    const selectedProduct = products[randomIndex];
+    console.log(`随机选择的商品: ${selectedProduct}`);
  
-  //   return selectedProduct;
-  // }
+    return selectedProduct;
+  }
  
   /**
    * 选择商品
@@ -229,14 +242,20 @@ export class ConsignmentPage extends BasePage {
  
   /**
    * 选择商品并输入数量
-   * @param productName 商品名称
+   * @param productName 商品名称（可选，不传则随机选择）
    * @param quantity 数量
+   * @returns 实际选择的商品名称
    */
-  async selectProductWithQuantity(productName: string, quantity: string): Promise<void> {
+  async selectProductWithQuantity(productName?: string, quantity: string = '10'): Promise<string> {
     await this.openProductList();
-    await this.selectProduct(productName);
+    
+    // 如果没有指定商品名称，则随机选择
+    const selectedProduct = productName || await this.selectRandomProduct();
+    await this.selectProduct(selectedProduct);
     await this.enterProductQuantity(quantity);
     await this.completeProductSelection();
+    
+    return selectedProduct;
   }
  
   /**
@@ -297,22 +316,33 @@ export class ConsignmentPage extends BasePage {
    * @param batchName 批次名称
    */
   async expectBatchCreated(batchName: string): Promise<void> {
-    await expect(this.page.locator('uni-scroll-view').getByText(batchName)).toBeVisible();
+    await expect(this.page.locator('uni-scroll-view').getByText(batchName)).toBeVisible({ timeout: 10000 });
   }
  
   /**
    * 完整的代销入库创建流程
    * @param batchAlias 批次别名
-   * @param productName 商品名称
-   * @param quantity 数量
-   * @param amount 费用金额
+   * @param options 可选配置
+   * @returns 实际选择的商品名称
    */
   async createConsignmentOrder(
     batchAlias: string,
-    productName: string,
-    quantity: string = '10',
-    amount: string = '1'
-  ): Promise<void> {
+    options?: {
+      productName?: string;      // 商品名称（可选，不传则随机选择）
+      quantity?: string;          // 数量，默认 '10'
+      amount?: string;            // 费用金额，默认 '1'
+      licensePlate?: string;      // 车牌号（可选）
+      imagePath?: string;         // 图片路径（可选）
+    }
+  ): Promise<string> {
+    const {
+      productName,
+      quantity = '10',
+      amount = '1',
+      licensePlate,
+      imagePath
+    } = options || {};
+
     // 导航到新增页面
     await this.navigateToNewConsignment();
  
@@ -323,8 +353,23 @@ export class ConsignmentPage extends BasePage {
     // 输入批次别名
     await this.enterBatchAlias(batchAlias);
  
-    // 选择商品
-    await this.selectProductWithQuantity(productName, quantity);
+    // 选择商品（不传productName则随机选择）
+    const selectedProduct = await this.selectProductWithQuantity(productName, quantity);
+    
+    // 填写车牌号（可选）
+    if (licensePlate) {
+      await this.fillLicensePlate(licensePlate, this.licensePlateInput);
+    }
+    
+    // 上传图片（可选）
+    if (imagePath) {
+      // 点击图片上传区域
+      await this.uploadImageButton.click();
+      // 点击上传按钮
+      await this.page.locator('span').filter({ hasText: '供应商*请选择供应商车牌号请选择车牌号入库日期*请选择入库日期入库仓库*请选择仓库批次别名*请输入批次别名备注请输入备注商品清单点击选择商品入库费用添加费用存储' }).locator('uni-button').click();
+      // 使用 setInputFiles 方式上传
+      await this.page.locator('body').setInputFiles(imagePath);
+    }
  
     // 添加费用
     await this.addExpense(0, amount);
@@ -336,19 +381,32 @@ export class ConsignmentPage extends BasePage {
  
     // 验证
     await this.expectBatchCreated(batchAlias);
+    
+    return selectedProduct;
   }
  
   /**
    * 简化的代销入库创建流程（不添加费用）
    * @param batchAlias 批次别名
-   * @param productName 商品名称
-   * @param quantity 数量
+   * @param options 可选配置
+   * @returns 实际选择的商品名称
    */
   async createSimpleConsignmentOrder(
     batchAlias: string,
-    productName: string,
-    quantity: string = '10'
-  ): Promise<void> {
+    options?: {
+      productName?: string;      // 商品名称（可选，不传则随机选择）
+      quantity?: string;          // 数量，默认 '10'
+      licensePlate?: string;      // 车牌号（可选）
+      imagePath?: string;         // 图片路径（可选）
+    }
+  ): Promise<string> {
+    const {
+      productName,
+      quantity = '10',
+      licensePlate,
+      imagePath
+    } = options || {};
+
     // 导航到新增页面
     await this.navigateToNewConsignment();
  
@@ -359,11 +417,23 @@ export class ConsignmentPage extends BasePage {
     // 输入批次别名
     await this.enterBatchAlias(batchAlias);
  
-    // 选择商品
-    await this.selectProductWithQuantity(productName, quantity);
+    // 选择商品（不传productName则随机选择）
+    const selectedProduct = await this.selectProductWithQuantity(productName, quantity);
+    
+    // 填写车牌号（可选）
+    if (licensePlate) {
+      await this.fillLicensePlate(licensePlate, this.licensePlateInput);
+    }
+    
+    // 上传图片（可选）
+    if (imagePath) {
+      await this.uploadImage(imagePath, this.uploadImageButton);
+    }
  
     // 创建
     await this.clickCreate();
     await this.waitForCreationComplete();
+    
+    return selectedProduct;
   }
 }
 \ No newline at end of file
@@ -183,50 +183,11 @@ export class CustomerPage extends BasePage {
    * @param licensePlate 车牌号（如：渝ZY0706）
    */
   async fillLicensePlate(licensePlate: string): Promise<void> {
-    // 等待页面稳定
-    await this.page.waitForTimeout(500);
-    
     // 点击车牌号输入框 - nth-child(11)，开启赊欠额度后位置
-    await this.page.locator('uni-view:nth-child(11) > .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(1000);
-    
-    // 解析车牌号的省份和字母部分
-    const province = licensePlate.charAt(0); // 如：渝
-    const letter = licensePlate.charAt(1); // 如：Z
-    const numbers = licensePlate.substring(2); // 如：Y0706
-    
-    // 点击省份
-    await this.page.locator('uni-view').filter({ hasText: new RegExp(`^${province}$`) }).click();
-    
-    // 等待字母键盘出现
-    await this.page.waitForTimeout(300);
+    const licensePlateInput = this.page.locator('uni-view:nth-child(11) > .nut-cell__value > .nut-form-item__body__slots > .input-wrapper > .flex-input > .nut-input > .nut-input__value > .nut-input__mask');
  
-    // 点击第一个字母（需要用 nth(1) 选择第二个匹配项）
-    await this.page.locator('uni-view').filter({ hasText: new RegExp(`^${letter}$`) }).nth(1).click();
-    
-    // 逐个点击车牌号码
-    for (let i = 0; i < numbers.length; i++) {
-      const char = numbers[i];
-      await this.page.waitForTimeout(100);
-      if (char.match(/[A-Za-z]/)) {
-        // 字母
-        await this.page.locator('uni-view').filter({ hasText: new RegExp(`^${char.toUpperCase()}$`) }).click();
-      } else if (char.match(/[0-9]/)) {
-        // 数字 - 检查是否需要使用 nth(1)
-        const digitCount = await this.page.locator('uni-view').filter({ hasText: new RegExp(`^${char}$`) }).count();
-        if (digitCount > 1) {
-          // 如果有多个相同数字，点击第二个
-          await this.page.locator('uni-view').filter({ hasText: new RegExp(`^${char}$`) }).nth(1).click();
-        } else {
-          await this.page.locator('uni-view').filter({ hasText: new RegExp(`^${char}$`) }).click();
-        }
-      }
-    }
-    
-    // 点击确定按钮
-    await this.page.getByText('确定').click();
+    // 调用基类的通用方法
+    await super.fillLicensePlate(licensePlate, licensePlateInput);
   }
  
   /**
@@ -271,19 +232,8 @@ export class CustomerPage extends BasePage {
    * @param imagePath 图片文件路径（相对于项目根目录）
    */
   async uploadCustomerImage(imagePath: string): Promise<void> {
-    // 使用 Playwright 的 file_chooser 事件处理文件上传
-    // 监听文件选择器事件
-    const fileChooserPromise = this.page.waitForEvent('filechooser');
-    
-    // 点击上传按钮触发文件选择器
-    await this.page.locator('uni-scroll-view uni-button').click();
-    
-    // 等待文件选择器出现并设置文件
-    const fileChooser = await fileChooserPromise;
-    await fileChooser.setFiles(imagePath);
-    
-    // 等待上传完成
-    await this.page.waitForTimeout(1000);
+    // 调用基类的通用方法
+    await super.uploadImage(imagePath);
   }
  
   /**
@@ -16,7 +16,7 @@ test.describe(&#39;代销入库&#39;, () =&gt; {
     await allure.story('创建代销入库订单'); 
     // 步骤1，生成批次别名
     const batchAlias = await allure.step('生成唯一批次别名',async(step)=>{
-      const alias = generateOtherName('自代卖');
+      const alias = generateOtherName('代卖');
       console.log('生成的批次别名:', alias);
       return alias;
     });
@@ -24,14 +24,16 @@ test.describe(&#39;代销入库&#39;, () =&gt; {
     // const batchAlias = generateOtherName('代卖');
     // console.log('生成的批次别名:', batchAlias);
  
-    // 步骤2.执行代销入库
+    // 步骤2.执行代销入库（商品名称不传，随机选择有库存的商品）
     await allure.step('填写并提交代销入库表单',async()=>{
-      await consignmentPage.createConsignmentOrder(
-        batchAlias,           // 批次别名
-        '娃娃菜',        // 商品名称
-        '10',                 // 数量
-        '1'                   // 费用金额
-      );
+      const selectedProduct = await consignmentPage.createConsignmentOrder(batchAlias, {
+        quantity: '10',                 // 数量
+        amount: '1',                    // 费用金额
+        // productName 不传，随机选择
+        licensePlate: '渝ZY0706',       // 车牌号
+        // imagePath: 'test-data/img/苹果.jpg'  // 图片路径
+      });
+      console.log('随机选择的商品:', selectedProduct);
       await consignmentPage.attachScreenshot(testInfo,'代销入库成功截图');
     })