自動化 UI 測試工具：Viff

jopen 10年前發布 | 16K 次閱讀 Viff 測試工具

Viff 測試框架，它可以不同環境(developing, staging, production)和瀏覽器下的 Web 頁面的視覺差異。

示例

Checkout viff-examples repository for more examples, including:

Tiny CSS difference
Chart difference
Content difference
Partial difference
Event Handling
Responsive
Multiple browsers
Multiple Environments
Browserstack
Programmable
Using Viff Server (beta)

示例代碼：

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) {});

自動化 UI 測試工具：Viff