自动化 UI 测试工具 Viff

MIT
JavaScript
跨平台
2015-06-08
孔小菜

Viff 测试框架,它可以不同环境和浏览器下的 Web 页面的视觉差异。

示例代码:

var Viff = require('viff');var viff = new Viff('http://localhost:4444/wd/hub');

viff.takeScreenshot('firefox', 'http://localhost:3000', '/path1', function (bufferImg) 
{  /* buffer of images */  });
// partial of web pages
viff.takeScreenshot('firefox', 'http://localhost:3000', ['path1', '#css-selecor'], 
function (bufferPartialImg) {});
// responsive of web pages
function size(width) {  return function (driver) {
    driver.setWindowSize(width, 600 /* any height*/);
  };
}

viff.takeScreenshot('firefox', 'http://localhost:3000', ['path', size(1024)], 
function (bufferImg) {});
// Q promiseviff.takeScreenshot('firefox', 'http://localhost:3000', ['path', size(1024)])
  .done(function (bufferImg) 
{    /* generate image here */
  })
  .catch(function (err) 
{    /* handle err here */
  })
// using browser
stackviff = new Viff('http://hub.browserstack.com/wd/hub');
viff.takeScreenshot({  'browserName' : 'iPhone',  'platform' : 'MAC',  
'device' : 'iPhone 5',  'browserstack.user': /* your name */,  
'browserstack.key': /* your key */}, 
'http://www.google.com', 'path1', function (bufferImg) {});

Viff Demo Video

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

在知乎看到这篇文章,现在看来做前端开发真的是很累

CSS不能编程?用Less、Sass、Stylus、甚至直接用 Absurd,框架除了Bootstrap还有很多。JS写多了很麻烦?jQuery。移动开发?Zepto.js。结构不好?找框架,Backbone.js是MVC,AngularJS和Ember...

2015/08/12 14:38
4.4K
1
强大的图像处理库ImageMagick:命令行上的PhotoShop

前面讲到了最简单的图像处理库CxImage,本文则推荐一个最强大的图像处理库ImageMagick,它被誉为命令行上的PhotoShop,而且被各大公司所采用。 1.ImageMagick简介 ImageMagick是一套功能强大...

2015/03/25 10:12
231
0
强大的图像处理库ImageMagick:命令行上的PhotoShop

前面讲到了最简单的图像处理库CxImage,本文则推荐一个最强大的图像处理库ImageMagick,它被誉为命令行上的PhotoShop,而且被各大公司所采用。 1.ImageMagick简介 ImageMagick是一套功能强大...

2015/03/25 10:13
712
1

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部