UI组件覆盖
测试UI组件的最远端,以给用户提供一致的外观和感觉.
使用CI的自动化测试
所有组件都会在每次提交时自动得到测试. 对UI有100%的信心吗.
捕捉呈现UI
彩色的跨浏览器,像素完美的真实渲染代码,样式和资产的快照.
没有测试片
在受控环境中进行组件级测试,以消除测试碎片, 特别是与端到端加密和其他策略相比.
无需等待
无论您的组件库有多大,十博体育备用网址的并行云都能以闪电般的速度提供结果. 没有并发性的追加销售.
响应测试
通过在故事的相同位置指定视口宽度来测试响应组件.

铬火狐Internet Explorer
跨浏览器的一致性
ui可能在一种浏览器中很漂亮,但在另一种浏览器中却很糟糕. 在一个点击,扩展测试覆盖到铬, 火狐,和IE11同时.

“刚刚从十博体育备用网址的React组件库中删除了所有组件快照测试 @chromaui[彩色]截图测试...”
马克Dalgleish
马克Dalgleish
设计系统主要
公司的标志
“我真的相信,彩色是最后一个缺失的块,真正执行视觉回归测试.”
卢瓦cholly
卢瓦cholly
工程总监
公司的标志
“我过去做过手动的视觉回归,但总是带来比解决更多的问题. 但《十博体育网站》的情况就不同了.”
Alasdair McLeay
Alasdair McLeay
用户界面设计师
公司的标志

现货的差异
检测组件中最小细节的视觉变化.
每个像素都很重要
即使是最微小的调整也可能引发严重的错误. 十博体育备用网址敏锐的算法捕捉到最细微的UI变化.
查看更改的多个透视图
使用不同的视图快速查看变化:1up、2up、Diff等等. 每个观点都以独特的方式强调变化.
有选择地忽略元素
忽略测试中的特定UI元素,只测试您所关心的更改.

“自从十博体育备用网址加入它的那一天起,半音就成了不可或缺的. 它确实增加了十博体育备用网址合并变化的信心和速度💯”
Sid Kshetrapal
Sid Kshetrapal
设计系统工程师
公司的标志

审查和合并
使用chromium的基于web的合并管理器审批更改. 在Git和CI工具中获得及时的测试通知.
智能分支和合并
跟踪跨分支的组件变化,以获得无冲突的合并. 零配置.
和你的团队一起评审
与设计合作评审变更, 产品, 和工程使用在线合并管理器. 不需要拉码.
完全inspectable组件
使用完全可检查的DOM进行复制比以往任何时候都容易, 样式, 和资产上传每次提交.
按倒带组件
回到过去,看看组件在一个分支到另一个分支和提交到提交之间是如何变化的. 不需要Git.

集成

为什么测试组件而不是屏幕?
对于使用组件制作的应用程序来说,屏幕测试是一项繁重的工作. 组件可以跨多个屏幕重用. 如果一个组件发生了变化,它通常会导致它所使用的每个屏幕上都出现大量的测试失败. 在每个屏幕上整理这些失败是非常痛苦的.
为什么在云中运行测试?
速度和协作. 即使是对一个不大的组件库进行快照,本地测试也不可避免地慢得像蜗牛一样. 这阻碍了开发工作流. 而且,由于测试运行在单独的机器上,因此不可能协作进行评审. 该公司以云计算的速度并行运行测试,并为应用团队提供协作式在线审查流.
“色”会取代“笑话”或“酶”吗?
不. 彩色补充您现有的笑话或酶测试. 彩色增加了以前不存在的覆盖:渲染的UI. 构建它是为了检测UI回归. 在实践中, 创建和维护彩色视觉测试比等效的单元测试需要更少的工作.
这与硒或柏树相比如何?
彩色补充您现有的端到端测试与硒或柏树. E2E测试旨在为QA提供“愉快的路径”, 但创建起来很费时,维护起来也很脆弱. 对于广泛的UI测试覆盖率来说,它们的价值很低. 在您的测试套件中添加colour可以让您在无需编写更多测试的情况下获得广泛而准确的UI覆盖率.
我能摆脱BrowserStack或Sauce订阅吗?

十博体育备用网址的目标不是取代Browserstack或Sauce这样的服务. 云浏览器服务对于验证交互行为(e.g.,在UI周围点击)和端到端测试,但不是为视觉测试构建或定价.

chromed为专业的UI工程师提供了一个专门用于视觉测试的服务,可以帮助你减少对云浏览器服务的依赖. 在实践中, 十博体育备用网址的客户通常会减少他们的使用,并在提高测试生产力的同时节省一大笔钱.

这不只是快照测试吗?
不太. Jest快照测试捕获组件的HTML输出. 彩色捕捉像素完美的图像. 基于以下原因,彩色最适合测试ui:
  1. 浏览器呈现UI的方式还取决于样式和图像等资产. 不像开玩笑快照, 彩色显示标记, 样式, 以及浏览器中的资源,以捕捉用户真正看到的内容.
  2. 改变不一定是“失败”. 当您只有标记差异时,从bug中解密有意的更改是很困难的. 半色的在线合并管理器帮助您可视化,审查,并合并UI的变化.
  3. 代码更改并不总是导致UI更改. Jest快照测试只识别代码中的更改. 这最终导致了大量的误报,并诉诸于“批准所有”来消除测试失败. 彩色就没有这个问题.
但是关于Jest图像快照呢? 图像快照是彩色的特征之一. 使用chromic,您还可以获得云性能, 在线评论流程, 无争议的分支, 无痛的合并, 组件的历史, 以及更多为专业开发人员节省工作的特性. 了解更多

在一个故事书插件中获得100%的组件覆盖率

更多的工作流程使用彩色
出版故事书进行评论与其他开发人员、设计人员和pm共享工作,以更快地迭代,防止浪费工作.了解更多
用于重用的文档UI通过在云中索引故事书来帮助队友发现和重用您的工作.了解更多
©十博体育网站
由故事书维护人员制作
友情链接: 1 2 3 4 5 6 7 8 9 10