自动“测试”故事书答案

【问题标题】：Automatically "test" Storybook自动“测试”故事书
【发布时间】：2016-12-14 18:24:57
【问题描述】：

我们在 React 项目中使用故事书。有时，我们会破坏其中的某些内容（通常是在我们重构并执行诸如移动文件之类的操作时）。 Storybook 仍然可以正确部署，但是当您打开它时，您会因为错误而收到一张大红牌。

是否有一些命令行方法（不会让 PhantomJS 或其他东西发疯），我们可以挂钩到我们的预推送以确保我们没有破坏 Storybook（至少在较高级别）？

【问题讨论】：

【解决方案1】：

在每本故事书中写下安装故事书的简单测试。每次提交后自动运行测试可确保故事书正确打开。

【讨论】：

【解决方案2】：

请注意，pre-push 挂钩可以绕过 (git push --no-verify)

最好在服务器端使用预接收挂钩来集中控制。这意味着您可以设置一个中间 QA 存储库，其作用是验证推送，如果用户验收测试正常，则进一步推送到实际的生产存储库。

然后，您可以为该 QA 存储库编写一个钩子，使用类似 TDD 的测试，例如 described in this article，能够测试 JSX elements。

【讨论】：

我知道我们可以绕过测试。在某些情况下，我们实际上需要能够做到这一点。我们实际上使用 npm pre-push hook 来控制事物。我并不打算对故事书进行实际单元测试。我们已经为我们的代码编写了单元测试。我只是想确保在他们最基本的水平上，他们不会在开场时抛出明显的大红牌。
@samanime 好的。我更喜欢看门人的方法（你有一个专门的 repo 来验证）