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

Question

我正在尝试获取表的标题并在 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

Answer 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"))
})