我正在一个项目中使用

问题描述 投票:0回答:1
我想知道在跑步故事书时是否有一种简单的方法可以使玩笑在全球范围内提供。

目前,我在我使用的每个模拟文件中添加

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
javascript reactjs jestjs create-react-app storybook
1个回答
5
投票

© www.soinside.com 2019 - 2024. All rights reserved.