Storybook: Storyshots Jest示例配置在导入时引发错误

创建于 2017-04-17  ·  2评论  ·  资料来源: storybookjs/storybook

浏览了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秒
运行所有测试套件。

needs reproduction question / support

最有用的评论

我正碰到这个问题。 出于记录,我没有使用CRA。 我在.storybook创建了.babelrc文件,其内容与建议的完全一样。 没关系。 我还需要做其他事情来获得babel来注意该文件吗?

所有2条评论

您可以通过在.storybook文件夹中创建.babelrc文件并使用create-react-app使用相同的预设来解决此问题:

{
  "presets": ["es2015", "react"]
}

这种babel配置应该成为默认类型吗? 如果没有,我们一定要记录下来。

编辑:关闭它,复制#880。

我正碰到这个问题。 出于记录,我没有使用CRA。 我在.storybook创建了.babelrc文件,其内容与建议的完全一样。 没关系。 我还需要做其他事情来获得babel来注意该文件吗?

此页面是否有帮助?
0 / 5 - 0 等级