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
设计系统工程师
公司的标志

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

集成

为什么测试组件而不是屏幕?
对于使用组件制作的应用来说,屏幕测试是一项繁重的工作. 组件可以跨多个屏幕重用. 如果组件发生更改,通常会导致它所使用的每个屏幕上出现大量测试失败. 在每个屏幕上对这些故障进行分类是非常痛苦的.
为什么要在云中运行测试?
速度和协作. 当执行快照任务时,本地测试不可避免地慢得像爬行一样,即使是一个适度的组件库. 这会阻碍开发工作流程. 此外,由于测试在单独的机器上运行,因此在评审方面的协作是不可能的. colour.com以云计算的速度并行运行测试,并为应用程序团队提供一个协作的在线评论流程.
色度代替了笑话还是酶?
不. 彩色补充您现有的笑话或酶测试. 着色增加了以前不存在的覆盖范围:呈现的UI. 它是用来检测UI回归的. 在实践中, 创建和维护彩色视觉测试比等效的单元测试花费更少的精力.
这与硒或柏树相比如何?
彩色与Selenium或Cypress补充您现有的端到端测试. 端到端测试旨在QA“幸福之路”, 但是创建起来很耗时,维护起来也很脆弱. 对于广泛的UI测试覆盖而言,它们的价值并不高. 将colorless添加到测试套件中,可以在无需编写更多测试的情况下扩展而准确地覆盖UI.
我能摆脱我的BrowserStack或Sauce订阅吗?

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

colour.com为专业的UI工程师提供了专门的可视化测试服务,帮助您减少对云浏览器服务的依赖. 在实践中, 十博体育备用网址的客户通常会减少他们的使用,并在提高他们的测试生产力的同时节省大量的资金.

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

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

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