我正在使用 Storybook 的 StoryShots 插件来测试我的 React 项目中的快照。我想将所有快照文件保存在与项目目录相关的一个目录中。默认情况下，快照是根据故事的位置保存的。我尝试了各种配置（比如使用 __dirname），但还没有找到解决方案。也许有人有想法？

这是 Jest 使用的我的 storyshots 测试文件（storyshots.test.ts）：

我正在使用 Storybook 的 Storyshots 和 Vue 并喜欢它，但现在我创建了一些自定义指令来改变 DOM $nextTick，我希望能够等待并拍摄故事快照，$nextTick以便正确表示 DOM。

谁能帮助解释我如何实现这一目标？

我的设置是：

谢谢！

我刚刚安装了@storybook/addon-storyshots 并按照他们的指示将它放在了根目录。

src/Storyshots.test.ts

当我运行测试时，我所有现有的测试都通过了，但在这个文件上失败了 - StoryShots.test.ts 出现错误：

错误：

我的项目中确实进行了模块解析，并且一切正常。请参阅我的项目的示例模块解析：

tsconfig.json

.babelrc

webpack.config.dev.js

我只是没有在 .storybook 文件夹 - .storybook/ 中设置任何这些。我不确定故事书分辨率是如何工作的，或者为什么它要寻找 common/ 文件夹。我没有公用文件夹。

这是我的一个故事的一个例子：

Basic.stories.tsx

这是我的故事书 main.js

main.js

感谢任何建议。谢谢

当我尝试对启用了反应导航的本机屏幕的故事镜头进行测试时，我得到了这个：

仅当启用 React Native Screens 时，本机堆栈才可用。

我在下面测试我的IndeterminateCheckbox组件时收到``错误：

我正在使用带有以下故事的 Storyshots 插件进行快照测试：

有什么想法可能导致这种情况吗？

我已经为 angular (11) 配置了故事书 (6.1.14)，我目前正在将 mdx 文件导入 CSF(.stories.ts)。故事编译得很好，但是当我运行 jest（用于快照测试）时，它会抛出错误

伙计们！我有一个带有 storyshots 插件的故事书项目。我配置 storyshots 来创建我的组件的屏幕截图。但我遇到了这个问题。测试屏幕截图在不同的机器 (OS) 上看起来有些不同。

这就是为什么，我在想，创建一个 docker 容器来链接 chrome 浏览器中的故事书（在容器内）并在那里创建屏幕截图。

有人可以帮助我创建这样的流程吗？我正在使用 storybook v.6.0.16，storyshots 配置文件如下所示：

我正在使用带有反应的故事镜头，并遵循默认配置，一切都按预期工作。但是，我们的应用程序有很多故事。在讨论here和here之后，我希望能够将我的storyshot运行拆分为单独的文件（例如，styleguide和biz模块）。我认为额外的好处是它们可以并行运行，可能会加快通过 CI 所需的时间。

storyshots 当前的配置方式，它从main.js. 有没有办法通过路径手动传递要初始化的故事书文件，可能是initStoryshots()？

我正在使用 Jest + Storyshots 来测试我的（React）web 应用程序，但即使我在故事中指定了不同的视口，组件也始终呈现在 1024 像素宽的视口中。我是在错误地使用 Storybook 还是一个（已知的）错误？目前我无法正确测试响应组件。

故事的代码：

视口示例：

我的故事镜头配置：

我正在使用@storybook/addon-storyshots-puppeteer。

我正在尝试获取每个测试状态，以便将其添加到我的记者中。

我读到我可以使用 afterScreenshot 但我不知道测试状态。

我怎样才能实现它？谢谢！