结论

开发者花费 21% 的时间 修复错误。测试通过捕获缺陷和加速调试，帮助减少您必须做的工作量。但是每个新功能都会引入更多需要测试的 UI 和状态。保持高效的唯一方法是实施直观的测试工作流程。

首先将测试用例编写为故事。您可以在 Jest、Chromatic 和 Axe 等测试工具中重复使用它们。研究表明，重用代码可以节省 42-81% 的 开发时间。

在开发过程中，在编码时进行测试，以获得快速反馈循环，并在投入生产之前捕获错误。在生产环境中修复错误的成本要高 10 倍！

最后，使用 CI 服务器运行所有检查，覆盖整个 UI，以防止意外回归。微软的研究支持的研究表明，通过自动化测试，您可以减少 20.9% 的缺陷。

当您的测试通过时，您将有信心您的 UI 没有错误。

我希望将这些学习内容浓缩成实用的工作流程，可以帮助您实施自己的可靠测试策略。让这成为您的起点。

本教程的示例代码

如果您一直在跟随编码，您的存储库和部署的 Storybook 应该如下所示

• 📕 GitHub 仓库
• 🌎 已部署的 Storybook

更多资源

想要了解更多？这里有一些额外的实用资源

• 可视化测试手册 是一个深入指南，介绍了 UI 外观测试——包含了 BBC、Adobe、Target 等领先工程团队的学习经验。
• 如何使用 Storybook 测试 UI 详细介绍了如何使用 Storybook 进行 UI 测试。
• Discord 聊天 让您与 Storybook 社区和维护者取得联系。
• 博客 展示了最新的版本和功能，以简化您的 UI 开发工作流程。

感谢您与我们一起学习。订阅 Storybook 邮件列表，以便在发布此类有用的文章和指南时收到通知。