赛普拉斯：获取一组网络

Question

这可能是一个简单的问题，也可能是无法解决的问题。但我发现，与硒资源相比，Cypress在网上的帮助有点“落后”。此外，作为一名Java程序员，我正在努力接受我在TypeScript中能做什么和不能做什么（以及与Selenium相比在Cypress中做什么）。

在Cypress（和TypeScript）中，是否有可能从这样的代码中获取WebElement数组？

<div id="row-123">
   <span id="comment">
   <button id="purge>
   <input id="comment">
</div>
<div id="row-456">
   <span id="comment">
   <button id="purge>
   <input id="comment">
</div>
<div id="row-789">
   <span id="comment">
   <button id="purge>
   <input id="comment">
</div>

我正在尝试这样做：

var rows = Array(cy.get('*[id^="row"]'));

但是当我尝试断言rows[]数组的长度时，它声明为1而不是3。所以它不像我想象的那样工作。

在Java和Selenium中，我会这样做：

List<WebElement> rows = driver.findElements(By.id("^row"));

然后我可以使用instance Stream（）将每个元素解析为一个类，然后该类访问其中的（子）元素。等等但我觉得这在柏树里很难做到？

Answer 1

可以使用each（）遍历类似数组的结构（数组或具有长度属性的对象）。

let idArray = []
cy.get('*[id^="row"]').each(($el, index, $lis) => {
    //Find element based on InnerText
    if ($el.text() == 'text') {
        //Do something  
    }
    //Find element based on index position
    if (index == 1) {
        //Do something
    }
    //Save the id in the idArray
    cy.wrap($el).invoke('attr', 'id').then((val) => {
        idArray.push(val);
    })
}).then(($lis) => {
    expect($lis).to.have.length(3)
})

根据讨论，一种迭代多个tr和td并基于innerText找到所需元素的方法，然后采取一些措施：

cy.get('tr').each(($el, index, $lis) => {
    cy.get('td').each(($el) => {
        if ($el.text() == 'text') {
            cy.log('Element found')
            return
        }
    })
})