selenium自動化測試

一.自動化選型

不同點	selenium類（RF、Katalon、Macaca等）	UFT(QTP)	JS類庫（Phantomjs、CasperJS、Puppeteer)
是否開源	是	否	是
支援平臺	Linux、Windows、Mac	Windows	Linux、Windows、Mac
支援語言	Python、Perl、PHP、C#等	VB	JS
支援瀏覽器	ie、chrome、firefox、opera、safari	chrome、firefox、IE	PhantomJS、casperjS不支援、puppeteer:chrome
支援錄製	支援	支援	不支援

二.selenium環境搭建(以python示例)

1. python環境搭建
   

   下載python
   
   
   安裝
   
   
   

   驗證

C:\Users\mac>python
Python 3.7.0 (v3.7.0:1bf9cc5093, Jun 27 2018, 04:59:51) [MSC v.1914 64 bit (AMD
4)] on win32
Type "help", "copyright", "credits" or "license" for more information.
>>>

2. 安裝selenium

pip install selenium

3. 驗證是否安裝成功：

pip show selenium

能夠看到selenium的詳細資訊則安裝成功

Name: selenium
Version: 3.13.0
Summary: Python bindings for Selenium
Home-page: https://github.com/SeleniumHQ/selenium/
Author: UNKNOWN
Author-email: UNKNOWN
License: Apache 2.0
Location: /usr/local/lib/python2.7/site-packages
Requires:
Required-by:

4. 安裝瀏覽器。。。
5. 下載瀏覽器驅動（以chrome為例）
   進入淘寶npm映象網站，進入對應瀏覽器驅動頁面
   http://npm.taobao.org/
   
   
   下載對應瀏覽器版本的驅動
   
   
   
   解壓後放到環境變數位置即可

注意：
1.瀏覽器版本必須要和驅動版本對應，否則會出現呼叫不起來瀏覽器或者無法開啟網頁的問題
2.在firefox48版本以前firefox是不需要瀏覽器驅動的，但是在firefox48以後需要下載對應版本的geckodriver驅動

6. 驗證瀏覽器與驅動是否匹配

from selenium import webdriver
driver=webdriver.Chrome()
driver.get("http://www.so.com")

成功開啟瀏覽器，並且開啟指定網站，通常版本匹配就沒問題了

三.錄製回放--基於katalon recorder

優點：快速、簡單
缺點：難維護
應用場景：適用於只需要完成當前任務，任務完成後不再需要使用了，使用次數較少的場景

目前selenium的錄製工具有兩種：
1.官方selenium ide
2.katalon recorder
推薦使用katalon recorder ，是katalon studio的子專案，具有比selenium ide更全面的功能

1. 下載安裝
   進入chrome應用商店,搜尋katalon recorder,進行安裝即可
   https://chrome.google.com/webstore/category/extensions?hl=zh-CN
   安裝成功後，右上角會有對應圖示

   

2. 頁面主要功能介紹：

   
   
   

3. 錄製例項：
   測試步驟：
   開啟www.so.com
   輸入框輸入：肯德基
   點選搜尋按鈕
   錄製過程：
   1>點選Record
   2>瀏覽器輸入www.so.com
   3>點選輸入框
   4>輸入肯德基
   5>點選搜尋
   6>點選stop

4. 新增斷言

   
   
   

5. 檢視失敗截圖

   
   
   

6. 回放
   play:回放當前指定的case
   play suite:回放當前case所在測試套件
   play all：回放所有case

7. 資料驅動

8. 生成指令碼

   
   
   

四.selenium基礎api

1. 瀏覽器操作

#匯入selenium
from selenium import webdriver
#建立chrome驅動例項,開啟瀏覽器
driver=webdriver.Chrome()
#瀏覽器最大化
driver.maximize_window()
#瀏覽器最小化
driver.minimize_window()
#獲取瀏覽器當前視窗大小
size=driver.get_window_size()
#設定瀏覽器視窗大小
driver.set_window_size(400,400)
#開啟指定網頁
driver.get("http://www.so.com")
#獲取當前頁面的連結地址
url=driver.current_url
driver.get("http://baike.so.com")
#後退
driver.back()
#前進
driver.forward()
#瀏覽器退出
driver.close()
driver.quit()
#截圖
driver.get_screenshot_as_png()
driver.get_screenshot_as_base64()
driver.get_screenshot_as_file("filename")
driver.save_screenshot("filename")
#切換到當前被操作元素
ele=driver.switch_to.active_element
#切換alert、confirm、prompt框
alert = driver.switch_to.alert
#切換到預設頁面
driver.switch_to.default_content()
#切換iframe
driver.switch_to.frame('frame_name')
driver.switch_to.frame(1)
driver.switch_to.frame(driver.find_elements_by_tag_name("iframe")[0])
driver.switch_to.parent_frame()
#獲取瀏覽器所有控制程式碼
handles=driver.window_handles
#獲取當前控制程式碼
current_handle=driver.current_window_handle
driver.switch_to.window()
#執行js指令碼
driver.execute_script('script')

2. 元素定位

<input type="text" name="q" class="placeholder" id="input" suggestwidth="540px" autocomplete="off">
driver.find_element_by_id("input")
driver.find_element_by_name("q")
driver.find_element_by_class_name("placeholder")
driver.find_element_by_tag_name("input")
#通過link_text定位
<a href="http://www.so.com/link?m=aet4cncwddniEaPk6dHXguMLtzsuEZCshH9NOP1B83PNdna1JVlAE2E5xzKeyB2GUQSR9o8wo4KTK5n7ApE28%2FQ%3D%3D" data-url="http://ly.so.com/?src=tab_web" data-s="http://ly.so.com/s?q=%q%&amp;src=tab_web" data-linkid="liangyi">良醫</a>
driver.find_element_by_link_text("良醫")
driver.find_element_by_partial_link_text("醫")

以上定位方式都是通過元素的特定屬性來定位的，如果一個元素它既沒有id、name、class屬性也不是超連結，這麼辦呢？或者說它的屬性很多重複的。還有時候標籤確實有id這個屬性，但是id又是以一定規則自動生成的，這個時候就可以用xpath和css定位來解決。

3. css定位

具有很強的靈活性，同時使用也是相對複雜
常見符號：
#表示 id選擇器
.表示 class選擇器
>表示子元素，層級
一個空格也表示子元素，但是是所有的後代子元素

#<input type="text" name="q" class="placeholder" id="input" suggestwidth="540px" autocomplete="off">
#通過標籤定位
driver.find_element_by_css_selector("input")
#通過id定位
driver.find_element_by_css_selector("#input")
#通過class定位
driver.find_element_by_css_selector(".placeholder")
#通過屬性定位
driver.find_element_by_css_selector('[name="q"]')
#以上都是單一形式的定位，上面的所有形式都可以進行組合定位
driver.find_element_by_css_selector("input#input")
driver.find_element_by_css_selector("#input[name='q']")

4. xpath定位與常用函式

XPath即為XML路徑語言，它是一種用來確定XML文件中某部分位置的語言。通俗一點講就是通過元素的路徑來查詢到這個元素

#xpath定位
#通過絕對路徑定位
#1.從html頁面的該元素的最頂層元素寫起
#2.以"/"分割每一層標籤
#下標從1開始
#不歸屬該元素的同級元素標籤不要寫
#優點定位準確，但是一旦頁面有更改，則需要重新定位
driver.find_element_by_xpath("html/body/div[2]/div/section[2]/div/form/fieldset/div[2]/input")
#通過相對路徑
#1.以雙"//"開頭
#2.只要能定位到目標元素的唯一路徑即可，不需要再向上查詢
#3.路徑越短越好，避免因為寫的過長，導致頻繁更改定位方式
driver.find_element_by_xpath("//fieldset/div[2]/input")
driver.find_element_by_xpath("//form/fieldset/div[2]/input")
#通過標籤定位：上面寫的都是通過標籤來進行的定位
#通過屬性定位（id,name,value,class等）
#1.使用中括號將屬性名與屬性值放在一起
#2.屬性名前面加上@符號表示
driver.find_element_by_xpath("//input[@name='q']")
#通過索引定位

通常上面的方式基本上就可以定位到元素，但是對於一些動態生成的元素，路徑重複性很高的元素，為了避免寫太長的路徑，有時候需要一些邏輯運算與xpath的函式來完成

#xpath中的邏輯運算（與或非）
driver.find_element_by_xpath("//input[@name='q' and @ id='input']")
#包含 contains函式
driver.find_element_by_xpath("//input[contains(@id,'input')]")
#元素文字資訊text函式
driver.find_element_by_xpath("//*[contains(text(),'醫')]")
#starts-with函式
driver.find_element_by_xpath("//input[starts-with(@id,'inpu')]")
#ends-with函式
driver.find_element_by_xpath("//input[ends-with(@id,'nput')]")

5. 元素操作

#清除文字框內容
input_element.clear()
#點選操作
input_element.click()
#對文字框輸入
input_element.send_keys()
#提交表單
input_element.submit()
#獲取元素指定屬性的值
input_element.get_attribute("name")
input_element.get_property("name")
#獲取元素的大小
ele_size=input_element.size
#獲取該元素的子元素
input_element.find_element()
#判斷元素是否顯示
input_element.is_displayed()
#判斷元素是否可以使用
input_element.is_enabled()
#判斷元素是否是選中狀態
input_element.is_selected()
#檢視元素的標籤名
input_tag=input_element.tag_name

6. js常用指令碼

#頁面滑動
js1="window.scrollTo(1000,1000)"
js11='window.scrollTo(0,0)'
js12='window,scrollTo(0,document.body.scrollHeight)'
driver.execute_script("arguments[0].scrollIntoView();", input_element)
#設定元素屬性：例如修改時間控制元件，設定頁面元素是否可見等,可以省去很多selenium的步驟
js2='document.getElementById("XXX").setAttribute("placeholder","thisismyplaceholder")'
#刪除元素屬性
js3='document.getElementById("XXX").removeAttribute("placeholder")'
#元素操作操作：click,focus，blur等
js4='document.getElementById("xxx").click()'
#元素定位  注意：這裡需要有return
js5='return document.getElementById("xxx")'

7. 滑鼠事件

click(on_element=None) ——單擊滑鼠左鍵
click_and_hold(on_element=None) ——點選滑鼠左鍵，不鬆開
context_click(on_element=None) ——點選滑鼠右鍵
double_click(on_element=None) ——雙擊滑鼠左鍵
drag_and_drop(source, target) ——拖拽到某個元素然後鬆開
drag_and_drop_by_offset(source, xoffset, yoffset) ——拖拽到某個座標然後鬆開
key_down(value, element=None) ——按下某個鍵盤上的鍵
key_up(value, element=None) ——鬆開某個鍵
move_by_offset(xoffset, yoffset) ——滑鼠從當前位置移動到某個座標
move_to_element(to_element) ——滑鼠移動到某個元素
move_to_element_with_offset(to_element, xoffset, yoffset) ——移動到距某個元素（左上角座標）多少距離的位置
perform() ——執行鏈中的所有動作
release(on_element=None) ——在某個元素位置鬆開滑鼠左鍵
send_keys(*keys_to_send) ——傳送某個鍵到當前焦點的元素
send_keys_to_element(element, *keys_to_send) ——傳送某個鍵到指定元素

#匯入滑鼠事件

from selenium.webdriver.common.action_chains import ActionChains
#雙擊
ActionChains(driver).double_click('target_element').perform()
#右擊
ActionChains(driver).context_click("target_element").perform()
#拖動
ActionChains(driver).drag_and_drop("start_element","end_element").perform()
#滑鼠移動到指定元素
ActionChains(driver).move_to_element("target_element").perform()

8. 對話方塊處理(以alert為例，confirm，prompt方法一樣）

#彈出一個alert
driver.execute_script("alert('helloworld')")
#切換到alert
my_alert=driver.switch_to.alert
#獲取alert資訊
alert_info=my_alert.text
#點選確定
my_alert.accept()
#點選X
my_alert.dismiss()

五.測試用例設計

用例1：開啟瀏覽器，開啟指定頁面，查詢元素，元素操作，斷言，關閉瀏覽器
用例2：開啟瀏覽器，開啟指定頁面，查詢元素，元素操作，斷言，關閉瀏覽器
目的：
1.儘可能少的開啟瀏覽器
2.每個case互不影響
3.減少重複性程式碼
4.捕獲異常try...except...else....finaly
5.保留現場
6.用例需要有說明
分析：

1. 使用unittest管理與執行測試用例
2. 測試夾具的使用
3. 統一管理開啟和關閉瀏覽器

import unittest
from selenium import webdriver
class TestCase(unittest.TestCase):
    @classmethod
    def setUpClass(cls):
        cls.driver=webdriver.Chrome()
    @classmethod
    def tearDownClass(cls):
        cls.driver.close()
    def setUp(self):
        self.driver.get("http://www.so.com")
    def tearDown(self):
        pass
    def test_case01(self):
        input_element=self.driver.find_element_by_id("input")
        input_element.send_keys("肯德基")
        search_botton=self.driver.find_element_by_id("search-button")
        search_botton.click()
        self.assertIn("肯德基" ,self.driver.title)
    def test_case02(self):
        input_element = self.driver.find_element_by_id("input")
        input_element.send_keys("麥當勞")
        search_botton = self.driver.find_element_by_id("search-button")
        search_botton.click()
        self.assertIn("麥當勞", self.driver.title)
if __name__ == '__main__':
    unittest.main()

六.selenium grid

例1：測試需要執行ie8,9,10,11四個瀏覽器
例2：測試需要驗證同一個功能在同一個瀏覽器，但是在不同硬體配置上的執行情況
問題：
1.一臺計算機沒辦法同時安裝4個ie，需要執行其他安裝不同版本的機器
2.需要執行遠端機器上的瀏覽器
3.不同機器上的執行情況需要上報給主機
selenium grid完美的解決了這些問題

1. 什麼是selenium grid：宿主機能夠執行控制遠端機器執行自動化，同時自動收集執行情況的一個服務
2. selenium grid使用場景
3. selenium grid例項（需要java環境）
   第一步：啟動一個主節點（執行在宿主機）

#執行selenium服務 指定角色為hub ,埠號為4444
java -jar selenium-server-standalone-3.14.0.jar -role hub -port 4444

日誌資訊也說明了，客戶端需要能夠連線的機器名，子節點需要註冊到宿主節點

21:53:53.220 INFO [GridLauncherV3.launch] - Selenium build info: version: '3.14.
0', revision: 'aacccce0'
21:53:53.220 INFO [GridLauncherV3$2.launch] - Launching Selenium Grid hub on por
t 4444
2018-09-02 21:53:53.594:INFO::main: Logging initialized @757ms to org.seleniumhq
.jetty9.util.log.StdErrLog
21:53:53.842 INFO [Hub.start] - Selenium Grid hub is up and running
21:53:53.842 INFO [Hub.start] - Nodes should register to http://10.211.55.4:4444
/grid/register/
21:53:53.842 INFO [Hub.start] - Clients should connect to http://10.211.55.4:444
4/wd/hub

第二步：啟動子節點並且註冊到宿主節點

java -jar selenium-server-standalone-3.14.0.jar -role node -port 5555 -hub http://10.211.55.4:4444/grid/register

日誌

22:00:47.753 INFO [GridLauncherV3.launch] - Selenium build info: version: '3.14.
0', revision: 'aacccce0'
22:00:47.753 INFO [GridLauncherV3$3.launch] - Launching a Selenium Grid node on
port 5555
2018-09-02 22:00:47.945:INFO::main: Logging initialized @566ms to org.seleniumhq
.jetty9.util.log.StdErrLog
22:00:48.116 INFO [SeleniumServer.boot] - Selenium Server is up and running on p
ort 5555
22:00:48.116 INFO [GridLauncherV3$3.launch] - Selenium Grid node is up and ready
 to register to the hub
22:00:48.179 INFO [SelfRegisteringRemote$1.run] - Starting auto registration thr
ead. Will try to register every 5000 ms.
22:00:48.179 INFO [SelfRegisteringRemote.registerToHub] - Registering the node t
o the hub: http://10.211.55.4:4444/grid/register
22:00:48.537 INFO [SelfRegisteringRemote.registerToHub] - The node is registered
 to the hub and ready to use

第三步：程式碼改造

from selenium import webdriver
driver = webdriver.Remote(
        command_executor="http://127.0.0.1:5555/wd/hub",#指定遠端需要執行的節點
         desired_capabilities={'browserName':"chrome"}#指定需要執行的瀏覽器
     )
driver.get("http://www.so.com")
driver.close()

七.PageObject模式

1. 在寫自動化過程中遇到的問題

1.頁面頻繁變動，導致自動化執行失敗，需要修改元素定位
2.一個元素在很多個case中使用，每次更改case需要把所有用到的地方都改一遍
3.case多了維護困難，根本不知道這個元素是哪個地方的

2. 什麼是PO模式

1.頁面物件模型 (POM)是一種設計模式，用來管理維護一組元組集的物件庫
2.在 PO模式下，應用程式的 每一個頁面都有對page class
3.每一個 page class維護著該 web頁的元素集和操作這些方法

3. po模式的優點：

1.定位與測試用例分離，便於維護
2.用例更清晰，更易於閱讀

4. PO模式例項

1.封裝driver
2.封裝base driver
3.封裝頁面
4.封裝頁面元素定位資訊
5.編寫case

from selenium import webdriver
from selenium.webdriver.common.by import By
class GetDriver():
    '''獲取瀏覽器驅動'''
    def __init__(self,browser_name):
        self.driver=self.__get_driver(browser_name)
    def __get_driver(self,browser_name):
        __browser_name=browser_name.lower()
        try:
            if __browser_name.lower()=="chrome":
                __driver=webdriver.Chrome()
            elif __browser_name.lower()=="firefox":
                __driver=webdriver.Firefox()
            else:
                raise Exception("沒有瀏覽器")
        except Exception as e:
            raise Exception("無法驅動瀏覽器")
        else:
            return __driver
class BasePage():
    '''頁面基類'''
    def __init__(self,driver):

        self.driver=driver

    def get(self,url):
        try:
            self.driver.get(url)
        except:
            raise Exception("開啟%s 頁面識別"%url)

    def find_element(self,page_name,type,location):
        try:
            element=self.driver.find_element(type,location)
        except:
            raise Exception("沒找到%s type=%s location=%s 這個元素"%(page_name,type,location))
        else:return element

class HomePageResource():
    '''首頁頁面資源資訊'''
    input={"page_name":"首頁","type":By.ID,"location":"input"}


class HomePage(BasePage):
    '''首頁元素與操作'''
    def input(self):
        input_element=self.find_element(**HomePageResource().input)
        return input_element
import unittest
class TestCase(unittest.TestCase):
    @classmethod
    def setUpClass(cls):
        cls.driver=GetDriver("chrome").driver
        cls.home_page=HomePage(cls.driver)
    @classmethod
    def tearDownClass(cls):
        cls.driver.close()
    def setUp(self):
        self.home_page.get("http://www.so.com")
    def tearDown(self):
        pass
    def testcase01(self):
        self.home_page.input().send_keys("abc")
if __name__ == '__main__':
    unittest.main()

八.selenium使用中的坑

1. handle與iframe切換
2. 驅動360瀏覽器
3. 驅動ie11瀏覽器
4. jenkins呼叫遠端windows的firefox、chrome
5. phantomjs問題