新的捕获云基础设施

Chrome浏览器更新现在可用

加载
多米尼克阮
@domyen

目前已拍摄了3.47亿多张快照, 对于UI组件来说,color是最具性能和一致性的视觉测试工具. 但技术的发展让十博体育备用网址不能止步于此.

我很高兴与大家分享下一代的彩色捕获云,它更新了谷歌Chrome,并引入了“升级构建”来消除基础设施迁移中的测试碎片.

更新您的项目,在一击今天没有额外的工作.

捕获云如何工作

为了提高速度和稳定性,chroms的浏览器基础设施会定期升级. 通常,这发生在幕后,你不需要做任何事情.

在某些情况下,会有影响快照渲染方式的重大更改. 例如,一个新的浏览器版本可以以不同的方式呈现字体,从而改变UI. 这是在这些情况下发生的情况.

您可以选择何时升级

当基础设施升级准备好时,彩色会在应用程序中通知你. 您可以在一个时间窗口内选择要升级的项目. 一旦时间窗口过去, 所有项目将自动升级为最新的基础设施.

在项目的管理页面上选择加入新的基础设施.

“升级构建”防止测试剥落

彩色运行一个升级构建,以防止测试剥落. 当组件没有以一致的方式呈现时,就会出现Flake. 这会导致测试失败,即使您的代码保持不变.

新的基础设施可能会导致组件代码呈现不同,因为浏览器经常会做出破坏应用程序的更改.

An 升级构建 隔离一个构建中由基础结构更新引起的所有可视更改. 每个开放分支都有自己的升级版本. 它通过使用新的基础设施在该分支上重新运行最新的构建来工作. 然后重新获取当前基线的快照.

在新的基础设施上进行重建

新旧基础设施之间的快照差异是自动接受的. 因为您的底层代码在升级中没有更改, 次要的视觉差异可以归因于基础设施更新本身(e.g.,浏览器别名,字体渲染,图像缩放等).

如何使用升级构建来迁移单个故事的基线

未来的构建将使用升级构建的基线作为真相的来源. 通过确保使用一致的基础设施对UI更改进行快照,消除了交换基础设施带来的误报.

你已经准备好测试了

在一次单击中,您的项目将在新的基础结构上运行. 十博体育备用网址处理维护、更新和迁移的棘手部分,因此您不必这样做.

彩色由Storybook维护者

colour是Storybook维护者提供的一个UI测试和审查工具. 十博体育备用网址构建自动化的前端工具,以帮助您以更少的手工工作交付ui.

👉 今天试着彩色 👈

这篇文章对你有帮助吗?

获得免费的UI开发指南和教程,就像这个电子邮件给你.

4402个开发者,还在增加

十博体育备用网址正在招聘!

加入故事书和彩色的团队. 构建成千上万开发人员在生产环境中使用的工具. Remote-first.

视图的工作

受欢迎的文章

如何建立一个故事书插件

增强UI开发工作流的部分并使其自动化.
加载
Varun Vachhar
通过彩色
面向专业UI开发人员的深入指南和教程,来自Storybook团队
指南
介绍故事书为开发人员设计系统视觉测试手册
关于
订阅
加入墨水时事通讯,以获得免费的教程、指南和通过电子邮件发送给您的资源.
友情链接: 1 2 3 4 5 6 7 8 9 10