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

 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