Selenium系列教程-01環境配置

系列資源：

• Selenium系列教程-01 環境配置
• Selenium系列教程-02 使用Chrome開發者工具
• Selenium系列教程-03 使用開發者工具進行元素定位
• Selenium系列教程-04 經常使用的元素定位方法
• Selenium系列教程-05 findElements 方法詳解
• Selenium系列教程-06 圖片上傳以及Web Element經常使用操做方法
• Selenium系列教程-07 使用Actions類模擬複雜操做
• Selenium系列教程-08 瀏覽器自己行爲控制
• Selenium系列教程-09 如何切換iframe
• Selenium系列教程-10 如何執行JavaScript方法

學習目標

• 使用selenium-webdriver 驅動Chrome瀏覽器作web UI自動化測試

前提條件

• 安裝node.js
• 安裝cnpm，nodejs的某些第三方類庫在國外服務器上（如谷歌服務器）下載不了。能夠藉助國內阿里雲提供的鏡像地址下載 安裝方式： npm.taobao.org/。
• 下載最新版的Chrome 瀏覽器

操做步驟

1.本地新建一個目錄，能夠任意命名，eg：命名爲 0101chrometest

$  mkdir 0101chrometest
複製代碼

2.進入0101chrometest目錄，執行 npm init -y 建立一個新的項目

$ cd 0101chrometest/
$ npm init -y 
....{

  "name":"0101chrometest",  "version":"1.0.0",  "description":"",  "main":"index.js",  "scripts": {

    "test":"echo \"Error: no test specified\" && exit 1"

  },  "keywords": [],  "author":"",  "license":"ISC"}npm info initwritten successfullynpm info ok
複製代碼

3.安裝selenium-webdriver，chromedriver, 執行

cnpm install selenium-webdriver chromedriver --save
複製代碼

4.新建一個腳本文件index.js 代碼以下：

//加載chrome驅動
require('chromedriver')
// 引入selenium-webdriver
let webdriver = require('selenium-webdriver')

let By = webdriver.By
let assert = require('assert')// 建立一個chrome瀏覽器

let drvier = new webdriver.Builder().forBrowser('chrome').build()

// 打開百度
drvier.get('https://www.baidu.com')

// 找到百度搜索輸入框
drvier.findElement(By.id('kw')).then(searchInput => {
    searchInput.sendKeys("hello world")})
複製代碼

執行腳本

運行命令node index.js 便可看到自動打開Chrome瀏覽器並運行導航到 百度首頁

node index.js
複製代碼

此爲Web UI自動化測試系列文章一， 關注本系列分享，熟練掌握Web UI自動化測試。

---

獲取更多資訊，能夠關注公衆號,也能夠加QQ羣：707467292 進行node.js自動化相關技術交流。