nightwatch入門教程

2022-08-12 06:48:15 字數 1312 閱讀 7983

nightwatch.js 是乙個用來測試web應用和**的自動化測試框架,它是由nodejs編寫的,使用了w3c webdriver api(之前是selenium webdriver)

所以我們首先是要安裝nodejs:

2.安裝完成後輸入 npm -v(npm是node.js的包管理工具(package manager)

1.完成後我們建立乙個資料夾名為(nightwatch-test),名稱根據個人喜好

2.初始化專案: npm init -y

3.安裝依賴:npm install nightwatch

4.安裝seleniumserver服務:npm install selenium-server   

5.安裝谷歌驅動:npm install chromedriver   ps:這邊要根據你的瀏覽器版,有可能會版本不相容的情況 

從chrome75版本開始,就預設使用了w3c的webdriver協議,但nightwatch用的是jsonwp,和w3c不相容,所以如果想要正常使用,必須關閉w3c的協議。也就是說,可以在測試檔案裡加上這麼一段:

module.exports =

}}

在專案的根目錄下新建乙個nightwatch.conf.js檔案,然後將以下的**拷貝進去。

module.exports = 

},test_settings:

},chrome:

},firefox:

}}}

1.在專案的根目錄下新建乙個examples(必須跟你剛才在src_folder下設定的名稱一直)的資料夾,用於存放我們的測試指令碼。接著新建乙個js檔案作為測試檔案

2.建立指令碼js檔案

};3.建立第二個js指令碼

module.exports = 

};

1.接著我們在package.json的scripts中"e2e": "nightwatch --env chrome"加入執行指令碼:

,

"keywords": ,

"author": "",

"license": "isc",

"dependencies":

}

接著在專案根目錄下執行:

npm run e2e

CSS入門教程

css是 cascading style sheets 的簡稱,中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計,在web標準建站中,對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足,讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...

CSS入門教程

css是 cascading style sheets 的簡稱,中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計,在web標準建站中,對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足,讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...

Linux入門教程

linux下有兩種使用者 1.root使用者,提示符 2.普通使用者,提示符 在 etc目錄下有乙個inittab檔案,其中有一行配置 id 3 defualt 其中,數字3就代表一啟動進入字元終端,如果改為5則代表一啟動進入x window 修改口令 passwd 退出登入 exit 關閉機器 只...