如何通过CLI选项动态设置TestCafe自动化测试的.page运行环境URL

步骤1：新增环境参数读取工具文件 #

无需修改你已有的environment_variables.json配置，在测试代码根目录新建get-env-url.js文件，内容如下：

// 引入你已有的环境配置
const envConfig = require('./environment_variables.json')
// 读取传入的环境标识，默认使用staging环境
const targetEnv = process.env.TEST_ENV || 'staging'

// 环境合法性校验
if (!envConfig[targetEnv]) {
  throw new Error(`不支持的环境值：${targetEnv}，仅支持staging、production`)
}

module.exports = envConfig[targetEnv]

步骤2：批量修改测试文件的page配置 #

把所有测试文件中写死环境的.page配置替换为引入上述工具文件即可，示例修改如下：

// 替换原来的env引入
const targetUrl = require('../get-env-url.js')

fixture `blog`
  .page `${targetUrl}`

所有测试文件统一修改后，后续不需要再调整这部分代码。

步骤3：运行测试时指定环境 #

不同操作系统的环境变量设置语法略有区别，可按需选择：

• Windows CMD环境：

  set TEST_ENV=production && testcafe chrome 测试文件路径
  

• Windows PowerShell环境：

  $env:TEST_ENV="production"; testcafe chrome 测试文件路径
  

• Mac/Linux环境：

  TEST_ENV=production testcafe chrome 测试文件路径
  

如果需要跨系统兼容（比如CICD环境可能和本地开发系统不一致），可以安装cross-env依赖统一命令：

1. 执行安装命令：npm install cross-env --save-dev
2. 后续所有系统都可以使用统一命令运行指定环境的测试：

cross-env TEST_ENV=production testcafe chrome 测试文件路径

步骤4：CICD适配 #

在CICD流水线中，只需要给对应测试任务配置TEST_ENV参数值即可触发对应环境的测试，无需修改任何测试代码。后续新增其他测试环境时，只需在environment_variables.json中新增对应环境的URL配置即可，不需要调整其他逻辑。

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