protractor测试框架5----Layout比对

Layout比对用到的模块主要有:

var BlinkDiff=require('blink-diff');
const PixDiff = require('pix-diff');

Login layout代码：

var env = require('../../environment.js');
var loginpage=require("../../page-objects/login_page.js");
var BlinkDiff=require('blink-diff');
const PixDiff = require('pix-diff');

describe('test normal Login_specs ',function() {
    beforeEach(function(){
        browser.pixDiff = new PixDiff({
            basePath: './Layoutcomparision/login/',  //对比的基线图片在这个目录下 
            diffPath: './Layoutcomparision/login/',  //会在该目录下生成一个diff文件，把对比失败的图片放进去
            baseline:true,   //会把第一次运行截到的图当作对比的基线
            formatImageName:'{tag}-{browserName}-{width}x{height}-dpr-{dpr}'
        });

        loginpage.opensystemurl(env.urladdress);
    });

    it("test loginpage layout",()=> {
        browser.pixDiff.checkScreen('loginpage')
            .then(result => {
                expect(result.code).toEqual(PixDiff.RESULT_IDENTICAL);

            });
    });


});