目前,我在我使用的每个模拟文件中添加
jest.fn()
,但我想知道是否有更好的解决方案。
示例:
jest is not defined
import jest from 'jest-mock'
将编译,但不会运行 - >test.stories.tsx
错误
import React from 'react';
export default {
title: 'Test'
};
export Test = () => <button onClick={jest.fn()}>Test</button>;
工作很好,但我想避免在任何地方进口
jest is not defined
。
您可以通过将以下行添加到项目的
import React from 'react';
import jest from 'jest-mock';
export default {
title: 'Test'
};
export Test = () => <button onClick={jest.fn()}>Test</button>;
jest-mock
文件中来确保所有故事中的模拟都可以使用:
preview.js
从StoryBook文档
:
使用全局代码的preview.js(例如CSS Imports或JavaScript 模拟)适用于所有故事。
故事书中的import开玩笑
.storybook