javascript - 使用 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"))
})