如何向Cypress测试传递环境名以加载对应环境变量集合

方案1：直接指定自定义配置文件（适配你当前已编写cypress.playground.json的场景） #

你已经编写了对应环境的配置文件，直接通过--config-file参数指定文件路径即可加载：

cypress run --headed --browser chrome --config-file cypress.playground.json

运行后Cypress会自动读取该文件内的baseUrl、超时时间、视频开关等全量配置，覆盖默认配置。

方案2：按环境名动态加载配置（多环境切换通用方案） #

如果你想要通过传递环境名自动匹配对应配置文件，无需每次输入全文件名，可以修改根目录下的cypress.config.js配置文件，添加自定义加载逻辑：

const { defineConfig } = require('cypress')
const fs = require('fs')

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      // 读取命令行传入的环境标识
      const targetEnv = config.env.envName
      if (targetEnv) {
        const envConfigPath = `./cypress.${targetEnv}.json`
        // 匹配到对应配置文件则合并到全局配置
        if (fs.existsSync(envConfigPath)) {
          const customConfig = JSON.parse(fs.readFileSync(envConfigPath, 'utf8'))
          return Object.assign(config, customConfig)
        }
      }
      return config
    },
    // 此处填写默认环境的通用配置
    baseUrl: "http://localhost:8080",
    defaultCommandTimeout: 5000,
    video: false
  }
})

配置完成后，只需要在运行命令中传递环境名参数即可自动加载对应配置：

cypress run --headed --browser chrome --env envName=playground

方案3：临时覆盖单个配置项 #

如果仅需要临时修改baseUrl不需要单独保存配置文件，可以直接通过--config参数传递键值对覆盖：

cypress run --headed --browser chrome --config baseUrl=https://my-url.hostname/ui/

之前命令报错的原因 #

• --env和--config参数默认要求传入键=值格式的内容，不支持直接传递文件名，你之前只传了字符串playground，Cypress解析键值对时找不到分隔符=所以抛出split相关错误。

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