前端頁(yè)面測(cè)試的方法

var Nightmare = require('nightmare');var nightmare = Nightmare({ show: true });
nightmare
 .goto('https://www.taobao.com/') //待測(cè)試鏈接
 .type('#q', '電視機(jī)') //輸入框選中，輸入值
 .click('form[action*="/search"] [type=submit]')//form表單提交
 .wait(3000)
 .exists('#spulist-grid')
 .evaluate(function () { return document.querySelector('#spulist-grid .grid-item .info-cont') //獲取需返回的值
 .textContent.trim();
 })
 .end()
 .then(function (result) { //即為return中的數(shù)據(jù)
 console.log(result);
 })
 .catch(function (error) { //錯(cuò)誤捕捉
 console.error('Search failed:', error);
 });

var Nightmare = require('nightmare');var expect = require('chai').expect;var fork = require('child_process').fork;
describe('test index.html', function() { var child;
 before(function (done) { //鉤子函數(shù)，測(cè)試之前調(diào)用
 child = fork('./server.js');
 child.on('message', function (msg) { if (msg === 'listening') {
 done();
 }
 });
 });
 after(function () { //鉤子函數(shù)，測(cè)試之后調(diào)用
 child.kill();
 });
 it('點(diǎn)擊后標(biāo)題改變', function (done) { var nightmare = Nightmare({ show: true });
 nightmare
 .goto('http://127.0.0.1:8080/index.html')
 .click('h1')
 .wait(1000)
 .evaluate(function () { return document.querySelector('h1').style.color;
 })
 .end()
 .then(function(color) { console.log(color)
 expect(color).to.equal('red');
 done();
 })
 });
});