http://www.oschina.net/p/backstopjs
BackstopJS 是自动 CSS 回归测试工具,它通过比较不同视窗大小的 DOM 截图来回应你所测试的 Web 界面。可以识别出两个不同视角上的网页差异。
{ "viewports": [
{
"name": "phone", "width": 320, "height": 480
},
{
"name": "tablet_v", "width": 568, "height": 1024
},
{
"name": "tablet_h", "width": 1024, "height": 768
}
],
"scenarios": [
{
"label": "http://getbootstrap.com",
"url": "http://getbootstrap.com",
"hideSelectors": [],
"removeSelectors": [
"#carbonads-container"
],
"selectors": [
"header",
"main",
"body .bs-docs-featurette:nth-of-type(1)",
"body .bs-docs-featurette:nth-of-type(2)",
"footer",
"body"
],
"readyEvent": null,
"delay": 500
}
]
}
分享到:
相关推荐
CSS格式化工具
css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行
##SUCCSS,一个 CSS 回归测试工具###什么是 succss ? Succss 是一个命令行工具,用于查找网站更新之间基于图像的差异。 Succss 依赖于并且是全局安装的。 使用以下命令获取它: npm install -g succss 首先,...
webdrivercss-adminpanel, 使用WebdriverCSS进行CSS回归测试的管理应用 WebdriverCSS Adminpanel这个应用程序帮助你管理你的CSS回归测试的所有图像存储库( WebdriverCSS 。 它提供了一个API来同步和配置它们。 这样...
css背景合并工具,自动生成CSS样式,非常的快速方便
CSS Sprite自动生成工具是一款可以导入CSS背景图片,就可以自动生成CSS sprite代码和一张整的CSS 贴图图片的工具,工具小巧方便,精确到1px,网格吸附。非常方便制作CSS sprite贴图。
grunt-phantomcss, 使用PhantomCSS进行CSS回归测试的grunt任务 phantomcss使用PhantomCSS自动化CSS回归测试正在启动这个插件需要 Grunt ~0.4.1If之前,请务必先查看一下如何创建 Gruntfile插件,以及安装和使用Grunt...
CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单...
好用的css格式化工具好用的css格式化工具
Bootstrap 的 CSS 回归测试工具 这个怎么运作 screenshots 在各种浏览器中截取屏幕截图 比较截图和输出视觉差异; 有关用法,请参阅 Web 应用程序可查看差异并批准有意更改 用于基于 GitHub 的登录的 一些 Python...
css图片提取工具,是我为了方便制作网站而编写的一个小巧的工具。它功能单一,但可以省去不少的麻烦。 比如你要做一个网站,看到一个页面很好,但现在css图片一般都不能自动保存到本地的,要自己一个一个在css文件...
css自动格式化工具(绿色单机版)_带源码
NightwatchJS的CSS回归“插件”
第四步,在Firefox浏览器中打开我们要优化的页面(本地的页面也可以),点击右上角的firebug(有个小蜜蜂图标),打开firebug工具窗口,我们会看到在工具选项中我们有一个 CSS Usage工具的按钮。 首先我们来分析最...
自动生成css样式,自动生成代码,有各种样式,还有三级菜单
css satyr v1.2 免安装,用来拼接多个图片,带网格,自动生成代码
css格式化工具,绿色免安装版~~~
CSSTidy 是一个开源的样式表CSS优化工具,使用csstidy 可以轻易的将你的CSS 样式压缩,压缩率能达到1/4以上,还可以自动将CSS代码中的注释、多余的属性去掉,并将相似的样式合并以达到优化压缩CSS样式最大化。...
css样式工具,css学习工具,更容易找到你想要的样式。
css制作工具 DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具