自动化 UI 测试工具 Viff

十度 测试工具 收藏


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

下载地址