自动化UI测试_预研报告
2016-10-11 11:17:57 0 举报
AI智能生成
前端自动化UI测试 调研脑图
作者其他创作
大纲/内容
技术选型
<a href="http://casperjs.readthedocs.org/" target="_blank" style="font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; color: rgb(234, 62, 10); text-decoration: none; margin: 0px 2px; overflow-wrap: break-word; font-size: 14px; line-height: 22px;">Casperjs</a>
<a href="http://huddle.github.io/Resemble.js/" target="_blank" style="font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; color: rgb(234, 62, 10); text-decoration: none; margin: 0px 2px; overflow-wrap: break-word; font-size: 14px; line-height: 22px;">ResembleJs</a>
<a href="https://github.com/Huddle/PhantomCSS" target="_blank" style="font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; color: rgb(234, 62, 10); text-decoration: none; margin: 0px 2px; overflow-wrap: break-word; font-size: 14px; line-height: 22px;">PhantomCSS</a>
<a href="http://garris.github.io/BackstopJS" target="_blank" style="font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; color: rgb(234, 62, 10); text-decoration: none; margin: 0px 2px; overflow-wrap: break-word; font-size: 14px; line-height: 22px;">BackstopJS</a><span style="color: rgb(51, 51, 51); font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"> </span>
<a href="https://github.com/fouber/page-monitor" target="_blank" style="font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; color: rgb(234, 62, 10); text-decoration: none; margin: 0px 2px; overflow-wrap: break-word; font-size: 14px; line-height: 22px;">page-monitor</a>
<font color="#333333" face="Museo, Segoe, Segoe UI, Helvetica, Arial, sans-serif"><span style="font-size: 14px; line-height: 22px;"> </span></font><span style="color: rgb(51, 51, 51); font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;">triflejs</span>
<a href="http://www.seleniumhq.org/" target="_blank" style="font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; color: rgb(234, 62, 10); text-decoration: none; margin: 0px 2px; overflow-wrap: break-word; font-size: 14px; line-height: 22px;">selenium</a>
<a href="http://dalekjs.com/" target="_blank" style="font-family: Museo, Segoe, "Segoe UI", Helvetica, Arial, sans-serif; color: rgb(234, 62, 10); text-decoration: none; margin: 0px 2px; overflow-wrap: break-word; font-size: 14px; line-height: 22px;">dalekjs</a>
demo
phantomcss+casperjs+phantomjs
casperjs+phantomjs
技术扩展
优势
回归测试
UI
功能
模拟浏览器
进行分辨率截图
兼容性测试
模拟浏览器进行压测
局部截图
测试页面访问
webpagetest
gtmetrix
结合node.js
多进程调用
CI整合
phantomjs对接jenkins
劣势
UI像素级对比
错误率低
输出报告
还在研究
0 条评论
下一页