使用cypress获取数组的索引返回“-1”

问题描述

我正在尝试获取表的标题并将其放入 cypress 中的一个数组中，我已经成功地完成了但是由于某种原因，当我尝试记录例如 cy.log(tableHeaders.indexOf("Tracking No.")) 时它返回“-1”但是当我记录了整个数组 cy.log(tableHeaders) 它返回正确的数组，并尝试在没有 cypress 的情况下在单独的“.js”文件中获取数组和索引，它运行良好。我做得对吗？谢谢。

let tableHeaders = []
    cy.get('.rt-table > .rt-thead > .rt-tr').each((headRow) => {
        cy.wrap(headRow).within(() => {
            cy.get('.rt-th').each((cellDataHead) => {
                    cy.log(cellDataHead.text())
                    tableHeaders.push(cellDataHead.text().trim())
            })
        })
    })
    
cy.log(tableHeaders) // Returns the whole array
cy.log(tableHeaders.indexOf("Tracking No.")) // returns -1
cy.log(tableHeaders.indexOf("Merchant Name")) // returns -1

解决方法

由于 JavaScript 是异步运行的，因此在数组中保存任何内容之前执行以下几行。

cy.log(tableHeaders.indexOf("Tracking No.")) 
cy.log(tableHeaders.indexOf("Merchant Name")) 

要确保一旦您的数据保存在数组中，然后只执行您的 cy.log 语句，您可以使用 then()。

let tableHeaders = []
cy.get('.rt-table > .rt-thead > .rt-tr').each((headRow) => {
    cy.wrap(headRow).within(() => {
        cy.get('.rt-th').each((cellDataHead) => {
            cy.log(cellDataHead.text())
            tableHeaders.push(cellDataHead.text().trim())
        })
    })
}).then(() => {
    cy.log(tableHeaders)
    cy.log(tableHeaders.indexOf("Tracking No."))
    cy.log(tableHeaders.indexOf("Merchant Name"))
})