var http = require('http'); var express = require('express'); var backstop = require('backstopjs'); var path = require('path'); var app = express(); app.use("http://www.cnblogs.com/", express.static(path.join(__dirname ,'../html/'))); sever = http.createServer(app).listen('3000', function() { //执行backstop backstop('reference').then(function () { sever.close(); }); });
在我们重构项目之前，可以运行这个脚本，这样就可以生成样板图，为重构后做测试使用。
生成的样板图格式如下图：
在重构样式后执行命令行：
backstop test
同样为了能够和服务器集成，我们使用commonjs模块的形式调用backstopjs，如：
var http = require('http'); var express = require('express'); var backstop = require('backstopjs'); var path = require('path'); var app = express(); app.use("http://www.cnblogs.com/", express.static(path.join(__dirname ,'../html/'))); sever = http.createServer(app).listen('3000', function() { //执行backstop backstop('test').then(function () { sever.close(); }); });
如果新生成的图片和样板图不一样，就会报错。生成的报告有两种形式——命令行报告和浏览器报告，这里展示的是浏览器报告结果：
详细demo可以查看https://github.com/laden666666/BackstopJSDemo。
这里展示了backstopjs做自动化回归测试的一个例子，backstopjs基本能够满足我们的需求，可以支持响应式布局测试、可以和服务器集成、可以切换浏览器引擎等。不过也有缺点，因为PhantomJS和SlimerJS分别是使用webkit(blink，chrome的内核)和 Gecko (Firefox内核)作为内核，因此无法模拟ie浏览器做测试，下一步准备继续研究测试ie的方法。
相关文章
精彩导读
热门资讯
关注我们
