如何以ES6方式在测试文件中引入常量？

下面提供两种贴合ES6模块化规范的实现方案，你可以根据需求选择：

方案一：保留对象结构的默认导出（低迁移成本） #

这种方案完全保留你原有常量的对象组织形式，仅替换ES5的导出语法为ES6默认导出：

修改constants.js：

export default Object.freeze({
  firstNameInput: "Cypress",
  lastNameInput: "Test",
  ms: 2000,
  tableId: 1,
  userEmail: "testingaccount@book.com",
  displayName: "Test Account",
});

在test.spec.js中导入并解构：

// 先导入整个常量对象，再解构出需要的属性
import constants from "../../support/constants";
const { tableId, userEmail, displayName } = constants;

方案二：单个常量的命名导出（更灵活） #

这种方案将每个常量单独导出，支持按需导入，更符合ES6模块化设计理念，也能减少不必要的代码引入：

修改constants.js：

// 逐个导出单个常量
export const firstNameInput = "Cypress";
export const lastNameInput = "Test";
export const ms = 2000;
export const tableId = 1;
export const userEmail = "testingaccount@book.com";
export const displayName = "Test Account";

// 可选：如果仍需要整体的冻结对象，可额外导出默认对象
export default Object.freeze({
  firstNameInput,
  lastNameInput,
  ms,
  tableId,
  userEmail,
  displayName,
});

在test.spec.js中按需导入：

// 只导入需要的常量，无需处理整个对象
import { tableId, userEmail, displayName } from "../../support/constants";

方案对比 #

• 方案一：迁移成本极低，完全兼容原有代码结构，适合快速切换ES6语法。
• 方案二：更灵活，支持按需导入，代码更轻量化，也方便后续单独调整某个常量的导出逻辑。

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