Nightmare安装and一个小例子

前端的功能测试

官方说法A high-level browser automation library,翻译过来就是高级浏览器自动化库

常用于UI测试和爬网

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

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

---

Nightmare

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

---

1.nightmare依赖于electron。安装electron（http://www.cnblogs.com/tanyongli/p/7504603.html）

2.安装完后electron后安装Nightmare

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

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

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

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

example.js

 var Nightmare = require('nightmare');
 var nightmare = Nightmare({ show: true })

 nightmare
   .goto('http://yahoo.com')
   .type('form[action*="/search"] [name=p]', 'github nightmare')
   .click('form[action*="/search"] [type=submit]')
   .wait('#main')
   .evaluate(function () {
     return document.querySelector('#main .searchCenterMiddle li a').href
   })
   .end()
   .then(function (result) {
     console.log(result)
   })
   .catch(function (error) {
     console.error('Search failed:', error);
 });

然后在命令行里执行 $ 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