浏览了https://github.com/storybooks/storybook/tree/master/packages/storyshots上的详细信息,并按照说明进行操作。
不喜欢它详细的配置。
`为Jest配置您的应用
通常,您可能已经完成了此步骤。 如果不是,这里有一些资源供您选择。
如果您正在使用Create React App,则已经为Jest配置了它。 您只需要创建扩展名为.test.js的文件名即可。
否则,请检查此Egghead课程。
配置故事
创建一个名为Storyshots.test.js的新测试文件。 (或您喜欢的任何名称)。 然后添加以下内容:
从“ storyshots”导入initStoryshots;
initStoryshots();
就这样。
现在运行您的Jest测试命令。 (通常是npm测试。)然后您可以看到所有故事都被转换为Jest快照测试。
失败。\ Storyshots.test.js
●测试套件无法运行
evalmachine.<anonymous>:1
(function (exports, require, module, __filename, __dirname) { import { configure } from '@kadira/storybook';
^^^^^^
SyntaxError: Unexpected token import
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at runWithRequireContext (node_modules\storyshots\dist\require_context.js:103:37)
at testStorySnapshots (node_modules\storyshots\dist\index.js:72:35)
at Object.<anonymous> (Storyshots.test.js:2:52)
测试套件:1个失败,1个通过,总共2个
测试:1通过,共1
快照:共0个
时间:3.412秒
运行所有测试套件。
您可以通过在.storybook
文件夹中创建.babelrc
文件并使用create-react-app
使用相同的预设来解决此问题:
{
"presets": ["es2015", "react"]
}
这种babel配置应该成为默认类型吗? 如果没有,我们一定要记录下来。
编辑:关闭它,复制#880。
我正碰到这个问题。 出于记录,我没有使用CRA。 我在.storybook
创建了.babelrc
文件,其内容与建议的完全一样。 没关系。 我还需要做其他事情来获得babel
来注意该文件吗?
最有用的评论
我正碰到这个问题。 出于记录,我没有使用CRA。 我在
.storybook
创建了.babelrc
文件,其内容与建议的完全一样。 没关系。 我还需要做其他事情来获得babel
来注意该文件吗?