Storybook 中的自动视觉测试，以及 React+TS 项目构建时间加快 2.2 倍
Storybook 的最新动态
欢迎来到 Storybook 最新动态专栏。下面，了解 Storybook 社区上个月的几项重大变化。包括：
- 🚀 视觉测试插件：现已进入私有内测阶段
- 🏎️ 支持 react-docgen v6：将 React+TS 项目构建速度提升至 2.2 倍
- 🔎 改进的错误处理：为崩溃报告新增分类
- 📚 更新的教程：如何运行视觉测试、Storybook 在设计系统中的应用以及交互测试
视觉测试插件 – 现已进入私有内测阶段
我们以 Storybook 的下一件大事的宣布拉开了八月的序幕：视觉测试插件。
视觉测试插件让您可以使用 Storybook 对您的故事进行自动测试。这些测试可以涵盖浏览器、视口和主题的任意组合。此外，它们都可以同时运行，由 Chromatic 的云基础设施提供支持。
该插件现已进入私有内测阶段，我们正在向早期访问列表中的人员发放邀请。要加入早期访问，立即注册 →
测试您的故事中的视觉变化（跨多个主题、视口和浏览器），然后在 Storybook UI 中查看它们！
支持 react-docgen v6
我们很高兴地分享 Storybook 中对 react-docgen v6 支持的第一个 canary 版本。这极大地加快了 React+TS 项目的启动时间。在一个中等规模的 Mealdrop 项目上，它使启动时间加快了 2.2 倍，从 8.9 秒减少到 4.0 秒（约 55%）。
我们希望在 Storybook 8.0 中将 react-docgen v6 设为默认。7.0 的解决方案 react-docgen-typescript 会对您的整个项目源代码运行 TypeScript 编译器，这很慢。react-docgen 快得多，但直到最近它对于实际项目来说限制太多。
我们很希望能得到您的帮助，在您的项目中测试新版本。请按照包含 canary 版本的未合并拉取请求 (PR) 中的说明进行操作 ↓
storybookjs改进的崩溃报告错误分类
由于不同的框架、渲染器、插件和其他技术，每个包含 Storybook 的项目几乎都是独一无二的。这使得我们很难发现 Storybook 在哪里以及如何出现问题。
我们在处理问题时使用的关键洞察力来源之一是用户的崩溃报告。崩溃报告是选择加入的，并且完全匿名，但它们显著扩展了我们对 Storybook 使用场景的覆盖范围。
为了更有效地利用从崩溃报告中获取的信息，我们正在添加一个新的框架来对错误代码进行分类。这将帮助我们更快地识别和修复错误。
我们始终感谢您的支持以及用户做出的每一项贡献。为了帮助我们维护 Storybook，请考虑选择加入发送崩溃报告或通过 GitHub Issues 向我们报告 bug。谢谢您！
新的学习资料
为了帮助您进一步深入使用 Storybook 并提升技能，我们发布了一些新的学习资源。
了解如何使用 Storybook 维护您的设计系统 ↓
学习使用 Storybook 测试组件的事件处理和交互 ↓
阅读我们关于 2023 年可视化测试 UI 的更新指南（通过 Chromatic）↓
Tom Coleman
社区招聘
在我们的社区招聘板块上，Storybook 开发者有 87 个空缺职位！目前，这些职位包括 JP Morgan、The Times、BT、eBay 等众多组织的机会
🏎️ @reactjs + @typescript 项目构建速度加快 2.2 倍
— Storybook (@storybookjs) 2023 年 9 月 6 日
🚀 自动视觉测试进入早期访问
✅ 改进的错误处理
📖 更新的学习资源
在我们的最新 Storybook 动态中了解所有相关内容 ↓👀https://#/OC6CPG8T5C