如何在Cypress中实现下拉复选框的多值通用选择？

你可以通过TypeScript的剩余参数特性，把函数改成支持任意数量参数的通用版本，具体改造如下：

改造后的函数定义 #

selectItems(...values: string[]) {
  // 打开下拉框
  cy.get('dropdownlocator').click();
  
  // 遍历所有传入的选项值，依次点击选择
  values.forEach(value => {
    cy.get('dropdownlocatorCheckboxItems').contains(value).click();
  });
}

调用示例 #

• 选择单个选项：

  selectItems('Item 1');
  

• 选择多个选项：

  selectItems('Item 1', 'Item 4', 'Item 2');
  

关键说明 #

• 使用...values: string[]代替原来的硬编码参数，这样函数可以接收1个或多个字符串类型的选项值，类型指定为string[]比any更严谨，符合TypeScript的类型规范。
• 通过forEach遍历参数数组，自动处理每个选项的点击操作，不用再为不同数量的参数写重复代码。

内容的提问来源于stack exchange，提问作者Anil Tiwari