如何从赛普拉斯的下拉按钮中获得 select 多个复选框项目

Question

大家好，我是赛普拉斯的新手

我有一个下拉复选框按钮，我必须从那里一次到 select 多个值

为此，我在类型脚本中创建了一个本地 function，如下所示

function 来电

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

function 定义

selectItems(value1: any, value2: any){
cy.get('dropdownlocator').click();
cy.get('dropdownlocatorCheckboxItems').contains(value1).click();
cy.get('dropdownlocatorCheckboxItems').contains(value2).click()
}

这工作正常但我想要的不是对每个值进行硬编码我应该让它变得如此通用以至于如果我在参数中传递单个值它会起作用或者如果我传递超过 2 个值它也应该起作用

Answer 1

您可以查看两件事：

arguments object

这是每个function调用的隐藏object，可以用来计算传入的是什么arguments而不用定义传入的是什么

selectItems() {
  cy.wrap(arguments).each(value => {
    cy.contains('dropdownlocatorCheckboxItems', value).click()
  })
})
...
selectItems(value1)

selectItems(value1, value2)

这可能会导致 Typescript 编译器出现问题，这是一种较旧的预打字技术技术。

还有Rest个参数

selectItems(...theValues) {
  for (const value of theValues) {
    cy.contains('dropdownlocatorCheckboxItems', value).click()
  }
})
...
selectItems(value1)

selectItems(value1, value2)

---

将参数类型更改为字符串数组是幼稚的。

您只将问题转移到 function 调用之前的行

const selectItems(values: string[]) = {
 ...
})

const values = [value1, value2]  // might as well just put these in the call params
selectItems(values)

Answer 2

您可以将 function 的签名更改为数组并使用.forEach遍历数组值。

const selectItems(values: string[]) = {
  cy.get('dropdownlocator').click().then(() => {
    // Add the forEach inside a .then to ensure it happens after you click the `dropdownlocator`
    values.forEach((value) => {
      cy.get('dropdownlocatorCheckboxItems').contains(value).click();
    })
  })
}
...
selectItems(['foo', 'bar', 'baz']);
selectItems(['foo']);