Cypress变量作用域受限：如何在多测试用例间访问contactName等变量？

你遇到的核心问题是异步赋值时机不对，以及测试用例初始化逻辑的位置错误。以下是具体解决方案：

方法1：使用before钩子替代初始化用例 #

将线程初始化逻辑从it测试用例移到before前置钩子中，确保所有后续测试用例执行前，变量已完成赋值：

describe('Inbox', () => {
  let contactName
  let message2Send

  context('Desktop viewport', () => {
    // 前置钩子：在当前context下所有it执行前运行
    before(() => {
      let newContact = false
      cy.defaultLogin()
      cy.get('body').then(($el) => {
        if ($el.find('[data-cy=inbox-empty-thread]').length > 0) {
          newContact = true
          contactName = faker.name.findName()
          message2Send = faker.lorem.sentence()
        } else {
          cy.get('[data-cy=inbox-thread-0]').find('[data-cy=inbox-thread-name]').then(($elem) => {
            contactName = $elem.text()
          })
          cy.get('[data-cy=inbox-thread-0]').find('[data-cy=inbox-thread-message]').then(($elem) => {
            message2Send = $elem.text()
          })
        }
      })
      // 等待变量赋值完成后再执行创建线程操作
      cy.wrap(null).then(() => {
        cy.createThread(contactName, message2Send, newContact)
      })
    })

    // 后续测试用例可直接访问变量
    it('验证线程内容', () => {
      cy.log('联系人名称:', contactName)
      cy.log('消息内容:', message2Send)
      // 其他测试断言逻辑
    })
  })
})

方法2：使用Cypress环境变量跨作用域共享 #

如果需要在多个describe/context间共享变量，可使用Cypress.env()存储：

describe('Inbox', () => {
  context('Desktop viewport', () => {
    before(() => {
      let newContact = false
      cy.defaultLogin()
      cy.get('body').then(($el) => {
        if ($el.find('[data-cy=inbox-empty-thread]').length > 0) {
          newContact = true
          Cypress.env('contactName', faker.name.findName())
          Cypress.env('message2Send', faker.lorem.sentence())
        } else {
          cy.get('[data-cy=inbox-thread-0]').find('[data-cy=inbox-thread-name]').then(($elem) => {
            Cypress.env('contactName', $elem.text())
          })
          cy.get('[data-cy=inbox-thread-0]').find('[data-cy=inbox-thread-message]').then(($elem) => {
            Cypress.env('message2Send', $elem.text())
          })
        }
      })
      cy.wrap(null).then(() => {
        cy.createThread(Cypress.env('contactName'), Cypress.env('message2Send'), newContact)
      })
    })

    it('验证线程内容', () => {
      const contactName = Cypress.env('contactName')
      const message2Send = Cypress.env('message2Send')
      cy.log('联系人名称:', contactName)
      cy.log('消息内容:', message2Send)
    })
  })
})

关键要点 #

• 不要在同步代码中直接访问异步赋值的变量：Cypress命令都是异步队列执行，所有依赖DOM的赋值操作必须放在.then()回调或钩子中，确保赋值完成后再使用变量。
• 初始化逻辑放在钩子中：before/beforeEach是专门用于前置准备的钩子，比用it做初始化更符合测试规范，也能保证变量在测试用例执行前就绪。

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