使用Jest抛出而不是构造函数测试ES6类时出错
我发现了类似的问题here,但似乎没有答案。
我正在尝试使用Jest测试ES6类,如下所示:
// src/myclass.js
export default class MyClass {
constructor(options) {
// currently this is empty while I debug this problem
}
}
和测试:
// test/myclass.test.js
import { MyClass } from '../src/myclass.js';
describe("Test Constructor", () => {
test("doesn't throw error when constructed", async () => {
expect(() => {
const testMyClass = new MyClass();
}).not.toThrowError();
}
});
当我运行测试时,Jest抛出一个错误:
TypeError:_myClass.MyClass不是构造函数
我最好的猜测是这是Babel配置的问题,但我似乎无法解决这个问题。如果我将MyClass
更改为函数而不是类,并删除导出/导入(即类前的操作方式),则它会按预期工作。
以下是我在Package.json:
中的配置"devDependencies": {
"@babel/core": "^7.1.2",
"@babel/preset-env": "^7.1.0",
"babel-core": "^7.0.0-bridge.0",
"gulp": "^3.9.1",
"gulp-babel": "^8.0.0",
"gulp-jest": "^4.0.2",
"gulp-rename": "^1.4.0",
"gulp-uglify": "^3.0.1",
"jest": "^23.6.0",
"jest-cli": "^23.6.0",
"pump": "^3.0.0",
"regenerator-runtime": "^0.12.1"
},
"babel": {
"presets": [
"@babel/preset-env"
]
},
"jest": {
"testPathIgnorePatterns": [
"<rootDir>/node_modules/",
"<rootDir>/test/._*.test.js"
],
"testEnvironment": "jsdom",
"setupFiles": [
"<rootDir>/src/myclass.es6.js"
]
}
解决方案
您的导入和导出语法不匹配。您需要更换其中一个,这样才能正常工作。如果要使用默认导出,例如:
export default class MyClass { ... }
则对应的导入为:
import MyClass from '../src/myclass.js'
或者如果您希望继续使用相同的导入语法,则在导出时删除"default":
export class MyClass { ... }
然后:
import { MyClass } from '../src/myclass.js'
相关文章