能否使用Cypress对React应用的辅助函数进行单元测试？

首先明确：Cypress完全支持测试纯JavaScript函数，不管是E2E测试还是组件测试环境都能实现，你的思路方向是对的，错误Cannot access 'subtract' before initialization主要是导入路径错误或Cypress命令使用不当导致的。

核心问题分析 #

1. 导入路径错误：你写的import * as helpers from 'helpers.js'没有使用相对路径，Cypress会默认从node_modules目录查找该模块，找不到时会触发模块加载异常，进而抛出变量未初始化的错误。
2. Cypress命令使用误区：Cypress命令是异步链式调用，返回的是Chainable对象而非直接的函数结果，直接赋值给变量后断言必然出错。

正确实现方案 #

方案1：直接导入并测试纯函数（推荐） #

纯函数无需依赖Cypress的异步命令，直接调用断言即可，步骤如下：

1. 确保导入路径为相对路径（假设helpers.js和测试文件在同一目录）：

// helpers.spec.js
import * as helpers from './helpers.js';

context('Helper Functions', () => {
  describe('sum', () => {
    it('adds two numbers correctly', () => {
      expect(helpers.sum(1, 2)).to.equal(3);
      expect(helpers.sum(-1, 3)).to.equal(2);
    });
  });

  describe('subtract', () => {
    it('subtracts two numbers correctly', () => {
      expect(helpers.subtract(5, 2)).to.equal(3);
      expect(helpers.subtract(2, 5)).to.equal(-3);
    });
  });
});

2. 运行测试：直接通过Cypress测试 runner 执行该spec文件即可，和普通E2E/组件测试流程一致。

方案2：封装为Cypress命令（不推荐，仅作演示） #

如果非要将辅助函数封装为Cypress命令，需注意异步链式调用的特性：

1. 在cypress/support/commands.js中注册命令：

import { sum } from '../path/to/helpers.js'; // 注意相对路径
Cypress.Commands.add('sum', (a, b) => cy.wrap(sum(a, b)));

2. 在测试文件中使用并断言：

context('Helpers', () => {
  describe('sum', () => {
    it('should add the values correctly', () => {
      cy.sum(1, 2).then(result => {
        expect(result).to.equal(3);
      });
    });
  });
});

额外排查点 #

• 检查cypress.config.js中的specPattern配置，确保测试文件能被Cypress识别。
• 确认Cypress版本为v10+，较新版本对ES模块的支持更完善。
• 排查helpers.js是否存在循环依赖（你的示例中不存在，但实际项目中需注意）。

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