我正在jest
应用中使用nextjs
。
这是配置:
module.exports = {
/* add jest-canvas-mock for styling issues */
setupFiles: ['<rootDir>/jest.setup.js', 'jest-canvas-mock'],
testPathIgnorePatterns: ['<rootDir>/_next/', '<rootDir>/node_modules/'],
moduleNameMapper: {
'\\.(jpg|jpeg|ico|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
'<rootDir>/__mocks__/fileMock.js',
'\\.(css|less|scss)$': 'identity-obj-proxy',
},
};
这是fileMock.js文件的内容
module.exports = 'test-file-stub';
这是我使用sass的组件的测试文件:
it('fund should renders correctly', () => {
const component = <ReduxProvider initialState={mockState}>
<IntlProvider>
<Fund />
</IntlProvider>
</ReduxProvider>;
const tree = renderer.create(component).toJSON();
expect(tree).toMatchSnapshot();
});
这是错误:
PrettyFormatPluginError:val.getMockName不是函数TypeError:val.getMockName不是函数
63 | it('fund should renders correctly', () => {
64 | const tree = renderer.create(component).toJSON();
> 65 | expect(tree).toMatchSnapshot();
| ^
66 | });
67 | });
68 |
您知道我的配置有什么问题吗?