使用静态构建的visual storyshots快照

Question

我想在我们的项目中添加visual storyshots快照。 根据文档，您可以将其配置为针对静态构建的故事书（https://github.com/storybooks/storybook/tree/master/addons/storyshots#specifying-the-storybook-url）运行。

我在项目中有静态构建文件夹（在运行npm run build storybook之后），我可以在那里看到所有文件。

我尝试设置相对于Storyshots.test.js文件的路径，相对于package.json，甚至相对于webpack.config.js。 我得到：“错误连接到./storybook-static/iframe.html?selectedKind=，您是否首先开始或构建故事书？应该运行故事书实例，或者在使用图像快照功能时应该构建静态版本”（ COMPONENT被实际组件取代。

任何想法？

Answer 1

发现了这个问题。 “文件”方案应该包含在绝对路径中，而不是相对路径。

使用 path.resolve（__ dirname，'.. / storybook-static'）代替