Nightmare安装and一个小例子

前端的功能测试

功能测试必须在真正浏览器做，现在有四种方法。

• 使用本机安装的浏览器
• 使用 Selenium Driver
• 使用 Headless Chrome
• 使用 Electron

Nightmare

• 使用 Electron 模拟真实浏览器环境
• 提供大量人性化、易用的 API
• 官网：nightmarejs.org

2.安装完后electron后安装Nightmare

新建一个文件夹nightmare，在命令行里打开这个目录，执行 $ npm install nightmare

出现warn:在其他文章中看到说可以先不用管

在nightmare文件夹里面出现node_modules文件夹

在nightmare文件夹里新建example.js文件

example.js

 1 var Nightmare = require(‘nightmare‘);
 2 var nightmare = Nightmare({ show: true })
 3
 4 nightmare
 5   .goto(‘http://yahoo.com‘)
 6   .type(‘form[action*="/search"] [name=p]‘, ‘github nightmare‘)
 7   .click(‘form[action*="/search"] [type=submit]‘)
 8   .wait(‘#main‘)
 9   .evaluate(function () {
10     return document.querySelector(‘#main .searchCenterMiddle li a‘).href
11   })
12   .end()
13   .then(function (result) {
14     console.log(result)
15   })
16   .catch(function (error) {
17     console.error(‘Search failed:‘, error);
18 });

然后在命令行里执行 $ node example.js

来执行example.js 这个文件，会出现效果图

• goto(url[,headers]) url为你要跳转的网站url
• wait(selector) 等待某个dom元素出现
• type(selector[,text]) 在selector元素中输入text文本
• click(selector) 点击某个dom元素
• evaluate(fn[,agr1,agr2,...]) 在客户端注入JS脚本并执行 也就是你自己要封装数据的代码
• end() 执行完成，等待对数据的处理

参考网址：https://github.com/ruanyf/jstraining/blob/master/docs/engineering.md