是 - 测试 ES6 class

Question

我正在学习用 Jest 测试我的 JavaScript。我有一个像这样设置的基本项目：

/
  /src
    myClass.js
  /tests
    myClass.test.js
  package.json

代码如下所示：

myClass.js

export class MyClass {
  constructor() {
    this.result = null;
  }

  calculate() {
    this.result = 1;
    return this.result;
  }
}

myClass.test.js

import { MyClass } from '../src/myClass';

test('Calculate', () => {
  let myObject = new MyClass();
  let result = myObject.calculate();
  expect(result).toBe(1);
});

package.json

{
    "name": "sample-project",
    "version": "0.0.1",
    "type":"module",
    "scripts": {
        "dev": "vite",
        "build": "vite build",
        "serve": "vite preview",
        "test": "jest"
    },
    "dependencies": {
        "vue": "^3.2.16",
        "vue-router": "^4.0.11"
    },
    "devDependencies": {
        "@vitejs/plugin-vue": "^1.9.3",
        "jest": "^27.3.1",
        "vite": "^2.6.4",
        "vite-plugin-html": "^2.1.1",
        "vite-plugin-singlefile": "^0.5.1"
    }
}

当我运行我的测试使用 npm run test 时，它只执行 jest，我收到一条错误消息：SyntaxError: Cannot use import statement outside a module.

我做错了什么？我如何从 Jest 测试 MyClass？

Answer 1

请遵循 Jest's Getting Started Guide

中的 Babel 部分

简单地运行:

yarn add --dev babel-jest @babel/core @babel/preset-env

并在项目根目录下创建一个babel.config.js文件，内容如下：

// babel.config.js
module.exports = {
  presets: [['@babel/preset-env', {targets: {node: 'current'}}]],
};

仅供参考： Jest 在底层使用虚拟 Node 环境。如果我没记错的话，最早支持的 Node 版本是 10。因此，如果你想使用 ES6 特性，你需要配置一个源代码转换器，比如 Babel。 (Source)

是 - 测试 ES6 class

Jest - Test an ES6 class

javascript

jestjs