Cypress测试无法读取值：.then块未执行致断言失败

你的测试失败核心原因是Cypress的异步命令特性：普通变量的赋值操作处于Cypress异步命令队列之外，当断言执行时，.then块里的赋值逻辑还未触发，因此始终在比较初始值uninitialized。

解决方案1：使用Cypress别名存储值 #

利用Cypress的as()别名功能存储获取到的文本值，最后在回调中完成断言：

/// <reference types="cypress" />

it("edit", () => {
    cy
    .visit("https://localhost:3000/")
    // 获取初始值并设置别名
    .get('tr').last().find('td').eq(0).invoke('text').as('lastValBef')
    .get('table').find('tr:last-child td:last-child a[href*="Edit"]').click()
    .get('input[id*="Title"]').type("changed")
    .get('input[class*="btn-default"]').click()
    // 获取修改后的值并设置别名
    .get('tr').last().find('td').eq(0).invoke('text').as('lastValAft')
    // 通过this访问别名（必须用普通函数，不能用箭头函数）
    .then(function() {
        expect(this.lastValBef).to.not.equal(this.lastValAft)
    })
})

解决方案2：嵌套.then保证执行顺序 #

将编辑流程嵌套在初始值获取的回调中，确保先拿到初始值，再执行后续操作，最后完成断言：

/// <reference types="cypress" />

it("edit", () => {
    cy.visit("https://localhost:3000/")
    .get('tr').last().find('td').eq(0).then(elm => {
        const lastValBef = elm.text()
        
        // 编辑流程嵌套在初始值回调内，保证执行顺序
        cy.get('table').find('tr:last-child td:last-child a[href*="Edit"]').click()
        .get('input[id*="Title"]').type("changed")
        .get('input[class*="btn-default"]').click()
        .get('tr').last().find('td').eq(0).then(elm => {
            const lastValAft = elm.text()
            expect(lastValBef).to.not.equal(lastValAft)
        })
    })
})

关键说明 #

• Cypress所有命令均为异步执行，会加入命令队列依次运行，普通变量无法同步捕获异步命令的结果。
• 使用invoke('text')可直接获取元素文本，比elm.text()写法更简洁。
• 使用别名时必须用普通函数（function()），箭头函数无法通过this访问Cypress上下文。

内容的提问来源于stack exchange，提问作者Walt21