我想测试我的一个ES6模块以特定的方式调用另一个ES6模块。对贾斯敏来说，这非常简单
应用程序代码:
// myModule.js
import dependency from './dependency';
export default (x) => {
dependency.doSomething(x * 2);
}
测试代码:
//myModule-test.js
import myModule from '../myModule';
import dependency from '../dependency';
describe('myModule', () => {
it('calls the dependency with double the input', () => {
spyOn(dependency, 'doSomething');
myModule(2);
expect(dependency.doSomething).toHaveBeenCalledWith(4);
});
});
与Jest对应的是什么?我觉得这是一件很简单的事情，但我一直在努力想弄清楚。
我最接近的方法是用require替换导入，并将它们移动到测试/函数中。这两件事我都不想做。
// myModule.js
export default (x) => {
const dependency = require('./dependency'); // Yuck
dependency.doSomething(x * 2);
}
//myModule-test.js
describe('myModule', () => {
it('calls the dependency with double the input', () => {
jest.mock('../dependency');
myModule(2);
const dependency = require('../dependency'); // Also yuck
expect(dependency.doSomething).toBeCalledWith(4);
});
});
作为奖励，我希望在dependency.js中的函数是默认导出时使整个事情正常工作。但是，我知道监视默认导出在Jasmine中不起作用(或者至少我永远无法让它起作用)，所以我对在Jest中也能做到这一点不抱希望。
编辑:几年过去了，这样做已经不是正确的方式了(可能从来都不是，我的错)。
修改导入的模块非常麻烦，可能会导致副作用，比如根据执行顺序通过或失败的测试。
出于历史的考虑，我将这个答案保留原貌，但你真的应该开个玩笑。间谍或玩笑，嘲弄。详情请参考笑话文档或本页的其他答案。
原答案如下:
我已经能够通过使用一个涉及导入*的黑客来解决这个问题。它甚至适用于命名导出和默认导出!
对于命名的导出:
// dependency.js
export const doSomething = (y) => console.log(y)
// myModule.js
import { doSomething } from './dependency';
export default (x) => {
doSomething(x * 2);
}
// myModule-test.js
import myModule from '../myModule';
import * as dependency from '../dependency';
describe('myModule', () => {
it('calls the dependency with double the input', () => {
dependency.doSomething = jest.fn(); // Mutate the named export
myModule(2);
expect(dependency.doSomething).toBeCalledWith(4);
});
});
或者对于默认的导出:
// dependency.js
export default (y) => console.log(y)
// myModule.js
import dependency from './dependency'; // Note lack of curlies
export default (x) => {
dependency(x * 2);
}
// myModule-test.js
import myModule from '../myModule';
import * as dependency from '../dependency';
describe('myModule', () => {
it('calls the dependency with double the input', () => {
dependency.default = jest.fn(); // Mutate the default export
myModule(2);
expect(dependency.default).toBeCalledWith(4); // Assert against the default
});
});
我尝试了所有的解决方案，没有一个工作或显示大量的TS错误。
我是这样解决的:
格式。ts文件:
import camelcaseKeys from 'camelcase-keys'
import parse from 'xml-parser'
class Format {
parseXml (xml: string) {
return camelcaseKeys(parse(xml), {
deep: true,
})
}
}
const format = new Format()
export { format }
format.test.ts文件:
import format from './format'
import camelcaseKeys from 'camelcase-keys'
import parse from 'xml-parser'
jest.mock('xml-parser', () => jest.fn().mockReturnValue('parsed'))
jest.mock('camelcase-keys', () => jest.fn().mockReturnValue('camel cased'))
describe('parseXml', () => {
test('functions called', () => {
const result = format.parseXml('XML')
expect(parse).toHaveBeenCalledWith('XML')
expect(camelcaseKeys).toHaveBeenCalledWith('parsed', { deep: true })
expect(result).toBe('camel cased')
})
})
快进到2020年，我发现这篇博客文章是解决方案:Jest模拟默认和命名导出
仅使用ES6模块语法:
// esModule.js
export default 'defaultExport';
export const namedExport = () => {};
// esModule.test.js
jest.mock('./esModule', () => ({
__esModule: true, // this property makes it work
default: 'mockedDefaultExport',
namedExport: jest.fn(),
}));
import defaultExport, { namedExport } from './esModule';
defaultExport; // 'mockedDefaultExport'
namedExport; // mock function
还有一件事你需要知道(我花了一段时间才弄明白)，你不能在测试中调用joke .mock();您必须在模块的顶层调用它。但是，如果您想为不同的测试设置不同的mock，则可以在单独的测试中调用mockImplementation()。
