Diff探测器2.0

更快更容易地审查可视化测试

加载
多米尼克阮
@domyen

Diff探测器 负责将新快照与“基线——故事的最后一个已知的好状态. 这个版本包含了对速度的大规模升级, 精度, 和可配置的彩色的差异服务.

您的团队将注意到一个更精细和更高效的UX来审查更改.

瞬间就会发生变化

视觉上的变化并不总是那么明显. 人们常常想知道"什么改变了?”. 现在改变的区域是 第一件事 你看,它默认是高亮显示的. 这消除了歧义,并帮助您的团队更快地进行QA更改.

Diff探测器2.0在新快照的顶部覆盖一个突出显示. 这便于在基线和新快照之间进行比较 原位.

有时您需要额外的帮助才能看到细微的变化. Diff选通,.k.a, 方模式,更加强调了亮点.

越快越好

十博体育备用网址痴迷于速度. 每隔一秒就有一队人等着CI, 加载纺纱, 或者反馈周期缓慢, 时间是更好的享受建筑功能吗. Diff探测器2.0能够检测视觉变化高达100%的速度对某些图像.

像素精度

没有人拥有像《十博体育备用网址》团队那样丰富的测试经验. 所有的技术诀窍在Diff探测器2中达到顶峰.0的检测灵敏度.

使用来自真实故事书用户的数百万快照作为样本数据,十博体育备用网址解决了两个关键领域:

  • 假阳性预防:在事情没有改变的时候标记改变
  • 🔍 假阴性检测:当事情发生变化时,错过了变化

提高准确性意味着您的团队能够更快地交付UI,并具有更高的信心.

参考差频检测器1.0 — 2.0更好

每个故事的细粒度测试容忍度

彩色提供了一个无缝的测试经验开箱即用. 但有时你需要保证亚像素. 有时你想跳过视觉干扰.

现在你可以配置视觉变化的阈值,在它们被标记之前. 用一个故事参数配置它.

更多的bug修复和改进

具有讽刺意味的是,测试工具中的bug对我来说并不陌生. 这个版本包含了无数的bug修复和改进,使可视化测试令人愉快. 十博体育备用网址还更新了包装故事书彩色1.3.1.


彩色由Storybook维护者

是Storybook的工业级测试工具 by 故事书的核心维护者. 十博体育备用网址的目标是帮助您满怀信心地发布防弹UI组件.

👉 今天试着彩色 👈

这篇文章对你有帮助吗?

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

4402个开发者,还在增加

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

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

视图的工作

受欢迎的文章

IE11和Firefox现在是彩色的

在多个浏览器中测试UI & 价格更新
加载
多米尼克阮
通过彩色
面向专业UI开发人员的深入指南和教程,来自Storybook团队
指南
介绍故事书为开发人员设计系统视觉测试手册
关于
订阅
加入墨水时事通讯,以获得免费的教程、指南和通过电子邮件发送给您的资源.
友情链接: 1 2 3 4 5 6 7 8 9 10