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自動化相關技術交流。