如何在Cypress/Cucumber测试中设置环境变量以复用值？

你遇到的Cypress.env('myUsername') = 'testUser' lint错误，是因为Cypress.env('key')是读取环境变量的方法，不能直接当作变量赋值。下面是正确的处理方式：

1. 正确设置Cypress环境变量 #

Cypress提供了专门的赋值语法，通过第二个参数传递值：

// 在任意步骤文件中设置
Cypress.env('myUsername', 'testUser');

// 在其他文件中读取
const username = Cypress.env('myUsername');

如果这个值是全局通用的，更推荐在cypress.config.js里配置，避免重复设置：

// cypress.config.js
const { defineConfig } = require('cypress');

module.exports = defineConfig({
  e2e: {
    env: {
      myUsername: 'testUser'
    }
  }
});

2. 其他更适合Cucumber的复用方案 #

除了环境变量，还有几种更贴合Cucumber测试流程的复用方式：

使用Fixtures存储静态值 #

把复用的测试数据存在cypress/fixtures目录下，比如创建cypress/fixtures/test-users.json：

{
  "testUser": "testUser",
  "adminUser": "adminUser"
}

然后在步骤定义中读取：

Given('我输入测试用户名', () => {
  cy.fixture('test-users').then(users => {
    cy.get('#username-input').type(users.testUser);
  });
});

自定义全局命令 #

在cypress/support/commands.js中定义全局命令，封装复用的值：

Cypress.Commands.add('getTestUsername', () => {
  return 'testUser';
});

在任意步骤文件中调用：

When('我提交登录表单', () => {
  cy.getTestUsername().then(username => {
    cy.get('#username').type(username);
    cy.get('#password').type('testPass');
    cy.get('button[type="submit"]').click();
  });
});

步骤间传递上下文值 #

如果只是在同一个测试场景的步骤间传递值，可以用Cypress的this上下文（注意步骤函数要用普通函数，不能用箭头函数）：

// 步骤1：设置值
Given('我准备好测试账号', function() {
  this.testUsername = 'testUser';
});

// 步骤2：读取值
When('我输入账号信息', function() {
  cy.get('#username').type(this.testUsername);
});

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