Cypress.env()中缺少保存到config.env的变量

基础概念

Cypress.env() 是 Cypress 测试框架提供的一个方法，用于获取环境变量。这些环境变量可以在 Cypress 的配置文件 cypress.json 或 cypress.config.js 中设置，也可以通过命令行传递。

类型与应用场景

本地开发环境：用于存储本地开发所需的配置信息。
测试环境：用于存储测试服务器的 URL、认证信息等。
生产环境：用于存储生产环境的敏感信息，确保安全。

可能遇到的问题及原因

问题：Cypress.env() 中缺少保存到 config.env 的变量。

原因：

配置文件未正确设置：cypress.json 或 cypress.config.js 中未正确配置环境变量。
环境变量文件未正确加载：config.env 文件未被正确读取或解析。
命令行参数未传递：通过命令行传递的环境变量未正确设置。

解决方法

方法一：在 `cypress.json` 中设置环境变量

{
  "env": {
    "API_URL": "http://example.com/api",
    "API_KEY": "your-api-key"
  }
}

方法二：在 `cypress.config.js` 中设置环境变量

module.exports = defineConfig({
  env: {
    API_URL: 'http://example.com/api',
    API_KEY: 'your-api-key'
  }
});

方法三：使用 `config.env` 文件

创建 config.env 文件：

API_URL=http://example.com/api
API_KEY=your-api-key

在 cypress.config.js 中加载 config.env 文件：

const dotenv = require('dotenv');
dotenv.config({ path: 'config.env' });

module.exports = defineConfig({
  env: {
    API_URL: process.env.API_URL,
    API_KEY: process.env.API_KEY
  }
});

方法四：通过命令行传递环境变量

cypress run --env API_URL=http://example.com/api,API_KEY=your-api-key

示例代码

假设我们有一个测试文件 example.spec.js，需要使用环境变量：

describe('Example Test', () => {
  it('should use environment variables', () => {
    cy.request({
      method: 'GET',
      url: Cypress.env('API_URL'),
      headers: {
        'Authorization': `Bearer ${Cypress.env('API_KEY')}`
      }
    }).then((response) => {
      expect(response.status).to.eq(200);
    });
  });
});

通过上述方法设置环境变量后，Cypress.env() 将能够正确读取并使用这些变量。