Cypress跨域测试中常量值变更问题及保留方法咨询

你的代码示例：

const username = faker.internet.userName()

describe('My test suite', () => {
  it('test case 1', () => {
    cy.visit('https://google.com')
    cy.log(username)
  })

  it('test case 2', () => {
    cy.visit('https://facebook.com')
    cy.log(username)
  })
})

问题：切换跨域URL时，username的值会发生变化，需要在跨域场景下保留该常量值。

原因 #

Cypress默认每个it测试用例是隔离执行的，跨域访问会触发浏览器上下文重置，顶层作用域的变量可能被重新初始化（比如faker会重新生成随机值），导致每个用例拿到的username不一样。

解决方法 #

把username的生成逻辑放到测试套件级别的before钩子中，通过测试上下文或Cypress环境变量存储，确保所有测试用例共享同一个值：

方法1：使用测试上下文（需用普通函数而非箭头函数）

describe('My test suite', function() {
  // 在套件初始化时生成一次username
  before(function() {
    this.username = faker.internet.userName()
  })

  it('test case 1', () => {
    cy.visit('https://google.com')
    cy.log(this.username)
  })

  it('test case 2', () => {
    cy.visit('https://facebook.com')
    cy.log(this.username)
  })
})

方法2：使用Cypress环境变量

describe('My test suite', () => {
  before(() => {
    Cypress.env('username', faker.internet.userName())
  })

  it('test case 1', () => {
    cy.visit('https://google.com')
    cy.log(Cypress.env('username'))
  })

  it('test case 2', () => {
    cy.visit('https://facebook.com')
    cy.log(Cypress.env('username'))
  })
})

两种方法都能保证username只生成一次，在跨域切换后依然保持不变。

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