- 综合排序
- 最热优先
- 最新优先
- 来自专栏顶级程序员
12 款 JavaScript 代码测试必备工具
PhantomCSS PhantomCSS 获得 CasperJS 捕获的屏幕截图，并使用 Resemble.js 将其与基准图进行对比，以测试 RGB 像素差异。 PhantomCSS 然后生成图像差异对比，用于帮助您找到原因。 11. PhantomFlow PhantomFlow 使用决策树提供 UI 测试方案。 针对 PhantomJS, CasperJS 和 PhantomCSS 的 NodeJS 包装器—— PhantomFlow 能够流畅地在代码中描述用户流程，同时生成用于可视化的结构化树数据。
3K100发布于 2018-05-03 - 来自专栏IMWeb前端团队
可视化前端测试
增强了测试的便利性 工具可测试类型：性能测试、功能测试、界面测试 工具点评：CasperJS极大的简化了PhantomJS的接口，特别在前端测试方面，封装了大量相关的函数，而且支持定制化的单元测试结果 PhantomCSS 工具地址：https://github.com/Huddle/PhantomCSS 工具介绍：PhantomCSS是基于CasperJS作为内核，并结合Resemble.js 去进行图像像素级的比较 工具点评：PhantomCSS加强了CasperJS在界面测试中图像比较的不足，在Resemble.js的基础上提供更加易用的图像比较接口。
1.3K100发布于 2017-12-29 - 来自专栏腾讯IVWEB团队的专栏
概览：可视化前端测试
PhantomCSS 工具地址：https://github.com/Huddle/PhantomCSS 工具介绍：PhantomCSS是基于CasperJS作为内核，并结合Resemble.js 去进行图像像素级的比较 工具点评：PhantomCSS加强了CasperJS在界面测试中图像比较的不足，在Resemble.js的基础上提供更加易用的图像比较接口。
1.9K00发布于 2017-03-13 - 来自专栏IMWeb前端团队
浏览器自动化测试初探 - 使用phantomjs与casperjs
为了与phantomjs/casperjs更好的结合，Resemble.js作者同时做了基于Resemble.js的封装phantomcss。 phantomcss使用了简单的API来做图片对比： phantomcss.screenshot( "#CSS .selector1", screenshotName1); phantomcss.screenshot ( "#CSS .selector2", screenshotName2); phantomcss.compareFiles(screenshotName1, screenshotName2); 假如对比的图片有不一致的地方
1.8K50发布于 2017-12-29 - 来自专栏IMWeb前端团队
可视化前端测试
增强了测试的便利性 工具可测试类型：性能测试、功能测试、界面测试 工具点评：CasperJS极大的简化了PhantomJS的接口，特别在前端测试方面，封装了大量相关的函数，而且支持定制化的单元测试结果 PhantomCSS 工具地址：https://github.com/Huddle/PhantomCSS 工具介绍：PhantomCSS是基于CasperJS作为内核，并结合Resemble.js 去进行图像像素级的比较 工具点评：PhantomCSS加强了CasperJS在界面测试中图像比较的不足，在Resemble.js的基础上提供更加易用的图像比较接口。
1.1K30发布于 2019-12-03 - 来自专栏互联网杂技
前端自动化测试探索
PhantomCSS 像素对比比较出名的工具是PhantomCSS。 PhantomCSS结合了 Casperjs截图和ResembleJs 图像对比分析。单纯从易用性和对比效果来说还是不错的。 ? 不支持PhantomJS 2.0的问题 由于PhantomJS 2.0暂时禁用了文件上传，PhantomCSS默认不支持PhantomJS 2.0 。 基于这点，用户只需要定义一系列操作流程和决策分支，然后利用PhantomCSS进行截图和图像对比。最后在一个很赞的可视化报表中展现出来。可以看下作者所在公司进行的测试可视化图表： ?
1.8K100发布于 2018-04-03 - 来自专栏IMWeb前端团队
浏览器自动化测试初探 - 使用phantomjs与casperjs
为了与phantomjs/casperjs更好的结合，Resemble.js作者同时做了基于Resemble.js的封装phantomcss。 phantomcss使用了简单的API来做图片对比： phantomcss.screenshot( "#CSS .selector1", screenshotName1); phantomcss.screenshot ( "#CSS .selector2", screenshotName2); phantomcss.compareFiles(screenshotName1, screenshotName2); 假如对比的图片有不一致的地方
1.3K30发布于 2019-12-03 - 来自专栏腾讯IVWEB团队的专栏
浏览器自动化测试初探：使用 phantomjs 与 casperjs
为了与phantomjs/casperjs更好的结合，Resemble.js作者同时做了基于Resemble.js的封装phantomcss。 phantomcss使用了简单的API来做图片对比： phantomcss.screenshot( "#CSS .selector1", screenshotName1); phantomcss.screenshot ( "#CSS .selector2", screenshotName2); phantomcss.compareFiles(screenshotName1, screenshotName2); 假如对比的图片有不一致的地方
2.9K00发布于 2017-05-04 - 来自专栏九彩拼盘的叨叨叨
用CSS来找出两张图的差异
用PhantomCSS可以做类似的事。
71910发布于 2018-08-24 - 来自专栏乐享123
Pycon2014 in Shanghai
PS:已经出现了类似的开源项目: https://github.com/Huddle/PhantomCSS 最后感概下，Pycon一年比一年进步，志愿者们功不可没。
56560发布于 2018-06-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号