PhantomCSS PhantomCSS 获得 CasperJS 捕获的屏幕截图,并使用 Resemble.js 将其与基准图进行对比,以测试 RGB 像素差异。...PhantomCSS 然后生成图像差异对比,用于帮助您找到原因。 11. PhantomFlow PhantomFlow 使用决策树提供 UI 测试方案。...针对 PhantomJS, CasperJS 和 PhantomCSS 的 NodeJS 包装器—— PhantomFlow 能够流畅地在代码中描述用户流程,同时生成用于可视化的结构化树数据。
增强了测试的便利性 工具可测试类型:性能测试、功能测试、界面测试 工具点评:CasperJS极大的简化了PhantomJS的接口,特别在前端测试方面,封装了大量相关的函数,而且支持定制化的单元测试结果 PhantomCSS...工具地址:https://github.com/Huddle/PhantomCSS 工具介绍:PhantomCSS是基于CasperJS作为内核,并结合Resemble.js 去进行图像像素级的比较...工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。
PhantomCSS 工具地址:https://github.com/Huddle/PhantomCSS 工具介绍:PhantomCSS是基于CasperJS作为内核,并结合Resemble.js 去进行图像像素级的比较...工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。
为了与phantomjs/casperjs更好的结合,Resemble.js作者同时做了基于Resemble.js的封装phantomcss。...phantomcss使用了简单的API来做图片对比: phantomcss.screenshot( "#CSS .selector1", screenshotName1); phantomcss.screenshot...( "#CSS .selector2", screenshotName2); phantomcss.compareFiles(screenshotName1, screenshotName2); 假如对比的图片有不一致的地方
PhantomCSS 像素对比比较出名的工具是PhantomCSS。 PhantomCSS结合了 Casperjs截图和ResembleJs 图像对比分析。单纯从易用性和对比效果来说还是不错的。 ?...不支持PhantomJS 2.0的问题 由于PhantomJS 2.0暂时禁用了文件上传,PhantomCSS默认不支持PhantomJS 2.0 。...基于这点,用户只需要定义一系列操作流程和决策分支,然后利用PhantomCSS进行截图和图像对比。最后在一个很赞的可视化报表中展现出来。可以看下作者所在公司进行的测试可视化图表: ?
用PhantomCSS可以做类似的事。
PS:已经出现了类似的开源项目: https://github.com/Huddle/PhantomCSS 最后感概下,Pycon一年比一年进步,志愿者们功不可没。
领取专属 10元无门槛券
手把手带您无忧上云