使用Cypress对我的React应用程序中使用的简单javascript函数进行单元测试

使用Cypress对我的React应用程序中使用的简单javascript函数进行单元测试,javascript,cypress,Javascript,Cypress,我正在使用Cypress测试我的React应用程序。到目前为止,我很喜欢它,但我想对一些基本功能进行单元测试,包括这个范围函数: const range = (start, end) => { const ans = []; for (let i = start; i < end; i++) { ans.push(i); } return ans; }; Cypress抛出以下错误: 找不到模块“utils/helpers” 将函数导入Cypress有什么提

我正在使用Cypress测试我的React应用程序。到目前为止,我很喜欢它,但我想对一些基本功能进行单元测试,包括这个
范围
函数:

const range = (start, end) => {
  const ans = [];
  for (let i = start; i < end; i++) {
    ans.push(i);
  }
  return ans;
};
Cypress抛出以下错误:

找不到模块“utils/helpers”

将函数导入Cypress有什么提示吗?Cypress是测试这个简单函数的正确选择,还是应该使用不同的测试框架?如果可能的话,我更喜欢使用Cypress,这样我就可以使用单个测试框架。

模块导入/导出 您忘记了导出。在要在其他位置导入的模块中,如果只有一个模块,则可以指定导出或导出默认值。就你而言:

export default const range = (start, end) => {
  const ans = [];
  for (let i = start; i < end; i++) {
    ans.push(i);
  }
  return ans;
};
导出默认常量范围=(开始、结束)=>{
常数ans=[];
for(让i=start;i

const range=(开始、结束)=>{
常数ans=[];
for(让i=start;i
此外,路径是相对于当前文件设置的,这些文件是
helpers.spec.js
。在您的情况下,可能是这样的:
。/support/utils/helpers

Cypress中的单元和集成测试 关于单元测试,通常有一种观点认为,集成测试的实现值得更多关注,因为它们允许您全面检查许多函数及其之间的交互,而单元测试的目的是只检查一个函数

以下是有关单元和集成测试的更多信息:
其他:

尝试调整导入路径,类似于从“../src/utils/helpers”导入{range}
export default const range = (start, end) => {
  const ans = [];
  for (let i = start; i < end; i++) {
    ans.push(i);
  }
  return ans;
};
const range = (start, end) => {
  const ans = [];
  for (let i = start; i < end; i++) {
    ans.push(i);
  }
  return ans;
};

export default range;