Cypress 如何跨多个js文件传递变量且不执行原文件脚本

出现导入即执行原文件逻辑的核心原因：ES模块导入时会先运行被导入文件的所有顶层可执行代码，如果你把变量定义和describe/it/cy调用这类测试执行逻辑混写在同一个文件，导入变量时自然会把所有测试逻辑一起跑了。

方案1：拆分独立常量文件（官方推荐，无副作用） #

把所有需要跨文件复用的固定值，单独放到没有任何测试执行逻辑的专属常量文件中，从根源避免导入时执行多余代码：

1. 新建常量存放文件，比如cypress/fixtures/constants.js或者cypress/support/constants.js，文件内只写变量定义和导出，不写任何测试相关的执行代码：

// 仅存放可复用常量，无任何测试执行逻辑
export const TEST_EMAIL = "auto_test_001@test.com";
export const TEST_PWD = "Test@123456";

2. 在需要使用变量的测试文件中正常导入即可，因为常量文件没有任何可执行的测试逻辑，导入时只会加载变量值：

import { TEST_EMAIL } from "../support/constants";

describe("登录流程测试", () => {
  it("输入邮箱步骤", () => {
    cy.get("#email_input").type(TEST_EMAIL);
  });
});

方案2：使用Cypress环境变量存储动态值 #

如果你的邮箱是测试运行过程中动态生成的（比如带时间戳的随机邮箱），不是提前定义的固定值，可以用Cypress内置的环境变量做跨文件传值，完全不需要导入原文件：

1. 在生成邮箱的原文件中，拿到邮箱值后存入Cypress环境变量：

// 动态生成测试邮箱
const generateEmail = () => `user_${Date.now()}@test.com`;
const dynamicEmail = generateEmail();
// 存入全局环境变量
Cypress.env("CURRENT_TEST_EMAIL", dynamicEmail);

// 原文件的所有测试逻辑正常写在后面即可
describe("注册流程测试", () => {
  // 原有测试代码...
});

2. 在其他需要调用该邮箱的测试文件中，直接读取环境变量即可，不需要导入原文件，自然不会触发原文件逻辑执行：

describe("个人信息页测试", () => {
  it("回显注册邮箱校验", () => {
    const targetEmail = Cypress.env("CURRENT_TEST_EMAIL");
    cy.get(".user-email").should("have.text", targetEmail);
  });
});

注意：这个方案仅适合测试链路中传递动态生成的值，固定常量优先用方案1，可维护性更强。

方案3：Tree Shaking剔除无用代码（临时方案，不推荐长期用） #

如果暂时无法调整原文件结构，可以确保要导出的变量是具名导出，同时Cypress打包配置开启Tree Shaking（代码摇树），导入时只引入目标变量，打包阶段会自动剔除未被引用的测试执行代码。

// 仅导入目标变量，不导入其他内容
import { TEST_EMAIL } from "./original-test-file.js";

该方案稳定性较差，一旦原文件的测试逻辑存在隐式副作用，就会出现代码剔除失败、导入即执行的问题，仅适合临时救急使用。

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