web自動(dòng)化小記

目錄

  1. selenium webdriver環(huán)境安裝、原理
  2. 前端頁面、html、DOM對象
  3. 8大元素定位、xpath詳解
  4. web常用元素操作
  5. PageObject模式應(yīng)用、自動(dòng)化用例設(shè)計(jì)
  6. 分層設(shè)計(jì)
  7. basepage頁面提取
  8. pytest框架應(yīng)用
  9. jenkins 集成
  10. allure報(bào)告集成

代碼 --通過-- 驅(qū)動(dòng)器 --連接-- 瀏覽器
chrome （chromedriver）
ie （IEserverdriver）
firefox （geckodriver）

web頁面組成

常用 HTML+CSS+Javascript
HTML：定義頁面呈現(xiàn)的內(nèi)容 鍵值對
CSS：控制你的網(wǎng)頁如何呈現(xiàn)。即布局設(shè)置 顏色 字體等
JavaScript：頁面依據(jù)不同的情形做不同的事情 JavaScript就是實(shí)現(xiàn)這個(gè)的編程語言的一種

安裝selenium+chrome+Chromedriver

selenium - webdriver

# learn_selenium_webdriver.py
from selenium import webdriver

# service_log_path 日志輸出路徑
# 啟動(dòng)谷歌瀏覽器，開啟與瀏覽器之間的會(huì)話
# 原理 chromedriver -> commend命令 -> http請求 -> chrome
# window10 會(huì)自動(dòng)殺掉多余的chromedriver進(jìn)程 windows7就不會(huì)
driver = webdriver.Chrome(service_log_path='')

# 訪問一個(gè)網(wǎng)頁
driver.get('http://www.baidu.com')

# 窗口最大化
driver.maximize_window()

# driver.set_window_size(100,200)

# 訪問
driver.get('http://www.taobao.com')
# 上一頁
driver.back()
# 下一頁
driver.forward()
# 刷新
driver.refresh()

print('網(wǎng)頁標(biāo)題',driver.title)
print('網(wǎng)頁網(wǎng)址',driver.current_url)
print('窗口句柄',driver.current_window_handle)

# 徹底結(jié)束會(huì)話 關(guān)閉剛打開的瀏覽器
# driver.quit()

# 關(guān)閉當(dāng)前窗口（一個(gè)標(biāo)簽頁）
# driver.close()

定位元素

截屏2020-11-27 下午2.20.06.png

html中的datatype http://www.itdecent.cn/p/75caa9c46fdd

# find_element.py
from selenium import webdriver

# service_log_path 日志輸出路徑
# 啟動(dòng)谷歌瀏覽器，開啟與瀏覽器之間的會(huì)話
# 原理 chromedriver -> commend命令 -> http請求 -> chrome
# window10 會(huì)自動(dòng)殺掉多余的chromedriver進(jìn)程 windows7就不會(huì)
driver = webdriver.Chrome(service_log_path='')

# 訪問一個(gè)網(wǎng)頁
driver.get('http://www.baidu.com')

# 元素定位 沒有 id 優(yōu)先選name

# 方式一
ele = driver.find_element_by_id('kw')
print(ele)
print(ele.get_attribute('class'))

# 方式二
class_eles = driver.find_elements_by_class_name('s_ipt')
print('數(shù)組', class_eles)
class_ele = driver.find_element_by_class_name('s_ipt')
print(class_ele)

# 方式三
driver.find_elements_by_class_name('wd')
driver.find_element_by_class_name('wd')

# 方式四
driver.find_element_by_tag_name('input')
driver.find_elements_by_tag_name('input')

# 方式五、六  針對鏈接 文本鏈接（圖片鏈接不可）
driver.find_element_by_link_text('更多產(chǎn)品')  # 精確查找
driver.find_element_by_partial_link_text('產(chǎn)品')  # 模糊查找

# ------萬能定位方式 不打開網(wǎng)頁的情況下 獲取------
# 方式七 xpath

driver.find_element_by_xpath('//a[@name = "tj_login" and @class="lb"]')
# 相對定位 以// 開頭， 不依賴頁面的順序位置，只看 整個(gè)頁面有沒有符合表達(dá)式的元素
# ?。。?F12的Element區(qū)域 command + F（Windows control+F） find by string，selector，or xpath
"""
xpath 表達(dá)式
1.默認(rèn)找到第一個(gè)元素 屬性名稱最好粘貼 防止寫錯(cuò)
//開頭 標(biāo)簽類型[@屬性名稱=值 and @屬性名稱=值]
多個(gè)條件用 and or 邏輯運(yùn)算符連接  and前后有空格
//input[@name="rsv_bp" and @]
//a[@name = "tj_login" and @class="lb"]
2.層級等位 找到 這個(gè)元素的父標(biāo)簽
//div[@id="u1"]//a[@name = "tj_login"]


3.開發(fā)沒有寫 name id 之類的 定位不到的時(shí)候 還可以采取用
text()函數(shù)
//a[text()="知道"]
contains() 包含
//a[contains(@class,"more")]
"""
"""
xpath軸定位語法
軸運(yùn)算
ancestor : 祖先節(jié)點(diǎn)，包括父
parent： 父節(jié)點(diǎn)
preceding-sibling : 當(dāng)前元素節(jié)點(diǎn)標(biāo)簽之前的所有兄弟節(jié)點(diǎn)
following-sibling ：當(dāng)前元素節(jié)點(diǎn)標(biāo)簽之后的所有兄弟節(jié)點(diǎn)

使用語法
/軸名稱::節(jié)點(diǎn)名稱[@屬性=值....]
//span[text()="python10"]/ancestor::a/following-sibling::div//a
"""

# 絕對定位 以/開頭  非常依賴頁面的順序和位置 錄制的就是絕對定位 經(jīng)常變動(dòng)
# F12 選中元素 右鍵 Copy -> Copy xPath

# css

還是用到了 下標(biāo) 這個(gè)不好 不會(huì)寫
軸定位 百度貼吧 人文 江西會(huì)考的文字
//div[text()="人文自然"]/following-sibling::div[1]/ul[1]/li[1]/a/div/p[@class="bft_forum_name"]

截屏2020-11-27 下午3.57.58.png

等待

# learn_wait.py
import time

from selenium import webdriver
# ----顯性等待需要導(dǎo)入的類-----
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
# -----

# 代碼和瀏覽器之間整個(gè)會(huì)話周期  開啟和關(guān)閉
# 啟動(dòng)谷歌瀏覽器 開啟與瀏覽器之間的會(huì)話
driver = webdriver.Chrome()

# # 全局等待 隱形等待 元素查找 操作等待 智能的 推薦用顯性等待
# driver.implicitly_wait(30)

driver.get('https://www.pgyer.com')

# 強(qiáng)制等待 sleep(秒)

# 顯性等待
# 元素定位表達(dá)式
ele_xpath = '//li[@class="menu-li"]//a[text()="登錄"]'
# 參數(shù) locator 元組 (元素的定位類型，元素的定位表達(dá)式)
locator = (By.XPATH, ele_xpath)
WebDriverWait(driver, 10).until(EC.visibility_of_any_elements_located(locator))

login_ele = driver.find_element_by_xpath(ele_xpath)
login_ele.click()

# 目標(biāo)在頁面的iframe下邊 需要切換到該iframe
# 進(jìn)入了另一個(gè)html頁面
# # 方式一
# driver.switch_to.frame('login_frame_qq')  # 1.根據(jù)名字
# # 2.根據(jù)下標(biāo)
# # 3.根據(jù)xpath定位
# iframe_xpath = '//iframe[@name="login_frame_qq"]'
# driver.switch_to.frame(driver.find_element_by_xpath(iframe_xpath))
# time.sleep(0.5)
# driver.find_element_by_id('switcher_plogin')

# # 方式二
# WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it("login_frame_qq"))

# 從iframe當(dāng)中 回到默認(rèn)的頁面中
driver.switch_to.default_content()
# 回到上一級
driver.switch_to.parent_frame()

  • css表達(dá)式定位


    拿到列表中所有的title

    goods_title_css = '.goods-list .title'
    WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.CSS_SELECTOR, goods_title_css)))
    goods_items = driver.find_elements_by_css_selector(goods_title_css)
    goods_items_titles = [item.text for item in goods_items]  #  這個(gè)是python的語法 列表生成
    assert search_text in goods_items_titles式

句柄 窗口切換

# learn_handle.py
import time
from selenium import webdriver
# ----顯性等待需要導(dǎo)入的類-----
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
# -----
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")

driver.find_element_by_id('kw').send_keys('檸檬班')
driver.find_element_by_id('su').click()

n_tieba_xpath = '//p[contains(text(),"檸檬班，騰訊課堂唯一連續(xù)4年認(rèn)證機(jī)構(gòu)")]/ancestor::div[@class="result c-container"]/preceding-sibling::h3/a'
located = (By.XPATH, n_tieba_xpath)
WebDriverWait(driver, 20).until(EC.visibility_of_any_elements_located(located))

handles = driver.window_handles  # 窗口總數(shù)為2

# 點(diǎn)擊了 引起了窗口數(shù)量的變化
driver.find_element_by_xpath(n_tieba_xpath).click()

# 等待新窗口的出現(xiàn)
WebDriverWait(driver, 10).until(EC.new_window_is_opened(handles))

# 窗口切換
handles = driver.window_handles  # 窗口總數(shù)為3
# 切換句柄
driver.switch_to.window(handles[-1])

# 窗口切換
#
# # step1：獲取窗口的總數(shù)以及句柄 新打開的窗口在最后一個(gè)
# handles = driver.window_handles
# print(handles)
# print(handles[-1])
# print(handles[0])
#
# # 當(dāng)前窗口的句柄
# print('當(dāng)前窗口的句柄', driver.current_window_handle)
#
# # step2 切換句柄
# driver.switch_to.window(handles[-1])

# 新的頁面操作
WebDriverWait(driver, 20).until(EC.visibility_of_any_elements_located((By.ID, "j_head_focus_btn")))
driver.find_element_by_id("j_head_focus_btn").click()


time.sleep(120)
driver.quit()

切換alert

# learn_alert.py
from selenium import webdriver
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait

import time

driver = webdriver.Chrome()
driver.get(r"C:\Users\DN\Desktop\Python_Test_Project\pythonProject_web\pythonProject_web\learn\learn_html.html")

# 等待alert出現(xiàn)
WebDriverWait(driver, 10).until(EC.alert_is_present())
# alert切換  不是html元素
alert_new = driver.switch_to.alert
print(alert_new.text)
# alert_new.dismiss()
time.sleep(10)
alert_new.accept()


time.sleep(120)
driver.quit()

鼠標(biāo)操作

由selenium的ActionChains類來完成模擬鼠標(biāo)操作的
主要流程：1.存儲(chǔ)鼠標(biāo)操作 ；2.perfrom()來執(zhí)行鼠標(biāo)操作
支持以下操作：double_click content_click drag_and_drop move_to_element
perform()
單擊、雙擊、右鍵、懸停

獲取web頁面鼠標(biāo)懸浮的列表
chrome
光標(biāo)在Element區(qū)域
鼠標(biāo)移動(dòng)到 懸浮會(huì)出現(xiàn)列表的元素上 -> 出現(xiàn)列表 -> 按一下 ctrl+shift+C -> 鼠標(biāo)移動(dòng)到想要操作的元素列表項(xiàng)上
單擊該列表項(xiàng) 就可以找到該元素

下拉列表 select 類

# learn_mouse.py
import time

from selenium.webdriver.common.action_chains import ActionChains
from selenium import webdriver
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.by import By


# 能用點(diǎn)擊操作就不要用鼠標(biāo)操作，不穩(wěn)定
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('http://www.baidu.com')

# 1.找到鼠標(biāo)要操作的元素
set_xpath = '//div[@id="u1"]//span[@id="s-usersetting-top"]'
set_sel = driver.find_element_by_xpath(set_xpath)

# # 2.實(shí)例化ActionChains類
# ac = ActionChains(driver)
#
# # 3。將鼠標(biāo)操作加到 ActionChains列表中
# ac.move_to_element(set_sel)
#
# # 4.調(diào)用perform()來執(zhí)行鼠標(biāo)操作
# ac.perform()

# ActionChains(driver).move_to_element(set_sel).perform()

# 通過點(diǎn)擊就能實(shí)現(xiàn)
set_sel.click()

high_set_xpath = '//a[text()="高級搜索"]'
WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.XPATH, high_set_xpath)))
high_set = driver.find_element_by_xpath(high_set_xpath)
high_set.click()

# # 下拉列表 select 標(biāo)簽 Select類
# from selenium.webdriver.support.select import Select
# # 1.找到select元素
# select_xpath = '//select[@name="ft"]'
# WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, select_xpath)))
# select_ele = driver.find_element_by_xpath(select_xpath)
# 
# # 2.實(shí)例化Select類
# s = Select(select_ele)
# 
# # 3.選擇下拉列表值
# # 方式一：下標(biāo)從0開始
# s.select_by_index(4)
# # 方式二：value值
# s.select_by_value("all")
# # 方式三：文本內(nèi)容
# s.select_by_visible_text("Adobe Acrobat PDF (.pdf)")

鍵盤操作

# @File: learn_keys.py
# @Author: MJ
# @Time: 2020/11/28 20:00
# ---
from selenium.webdriver.common.keys import Keys
import time

from selenium.webdriver.common.action_chains import ActionChains
from selenium import webdriver
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.by import By

# 能用點(diǎn)擊操作就不要用鼠標(biāo)操作，不穩(wěn)定
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('http://www.baidu.com')
driver.find_element_by_id('kw').send_keys('檸檬班', Keys.ENTER)

#
# 滾動(dòng)條操作，如果被測系統(tǒng)太長 不在可視范圍內(nèi)報(bào)錯(cuò)  需要滾動(dòng)排除不在可視范圍內(nèi)的原因
# 1.找打要滾動(dòng)到可視區(qū)域的元素
baike_xpath = '//a[@title="核心價(jià)值觀"]/ancestor::div[contains(@class, "c-span9")]/preceding-sibling::div/a'
WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.XPATH, baike_xpath)))
baike_ele = driver.find_element_by_xpath(baike_xpath)

# 2.使用js進(jìn)行滾動(dòng)操作
driver.execute_script("arguments[0].scrollIntoView(false)", baike_ele)

# js語句

time.sleep(120)
driver.quit()

arguments[0].scrollIntoView(false) 滾動(dòng)到可視區(qū)域的底部

上傳操作

  1. 如果是input可以直接輸入路徑的，那么直接調(diào)send_keys輸入路徑
  2. 非input標(biāo)簽的上傳，則需要借助第三方工具：
    2.1 Auto 我們?nèi)フ{(diào)用其生成的au3或exe文件https://blog.csdn.net/qq_42293487/article/details/84662376
    2.2 SendKeys第三方庫（目前只支持到2.7版本）https://pypi.python.org/pypi/SendKeys
    2.3 Python pywin32庫，識別對話框句柄，進(jìn)而操作
    -- mac
  3. pyautoit
  4. https://blog.csdn.net/rp517045939/article/details/103211496
    工具： pywin32 和 spy++(執(zhí)行python代碼)
    Winspy++ Baidu盤 
# -*- coding: utf-8 -*-
# ---
# @PROJECT_NAME: pythonProject_web
# @File: upload_file.py
# @Author: MJ
# @Time: 2020/11/30 11:00 上午
# ---
import win32gui
import win32con


class UploadFile:

    @staticmethod
    def upload_file_win(filePath, browser):
        w_title = '打開'
        if browser.lower() == 'chrome':
            w_title = '打開'
            
        # 一級窗口
        dialog = win32gui.FindWindow('#32770', w_title)
        # 二級窗口
        comboxex32 = win32gui.FindWindowEx(dialog, 0, 'ComboBoxEx32', None)
        # 三級窗口
        combox = win32gui.FindWindowEx(comboxex32, 0, 'ComboBox', None)
        # 文本的輸入窗口 - 四級
        edit = win32gui.FindWindowEx(combox, 0, 'Edit', None)
        # 打開按鈕 - 二級窗口
        button = win32gui.FindWindowEx(dialog, 0, 'Button', '打開(&0)')

        # 輸入文件地址
        win32gui.SendMessage(edit, win32con.WM_SETTEXT, None, filePath)  # 發(fā)送文件路徑
        # 點(diǎn)擊 打開按鈕 提交文件
        win32gui.SendMessage(dialog, win32con.WM_COMMAND, 1, button)

自動(dòng)化測試用例 編寫

截屏2020-11-30 下午1.42.56.png

PageObject 模式

原理：
將頁面的元素定位和元素行為封裝成一個(gè)page類
類的屬性：元素的定位
類的行為：元素的操作
頁面對象和測試用例分離。
測試用例：
調(diào)用所需頁面對象中的行為，組成測試用例。
好處：

  1. 當(dāng)某個(gè)頁面的元素發(fā)生變化，只需要修改該頁面對象中的代碼即可，測試用例不需要修改。
  2. 提高代碼重用率，結(jié)構(gòu)清晰，維護(hù)代碼更容易
  3. 測試用例發(fā)生變化時(shí)，不需要或者只需要修改少數(shù)頁面對象代碼即可

持續(xù)集成的一種方式 Jenkins

Master/Slave 模式
Master 安裝了Jenkins的電腦（管理者）
Slave 小弟 其他電腦

  1. slave向Master報(bào)告
    Manager Jenkins
    -> Manage Nodes(節(jié)點(diǎn)管理)
    -> New Node
    -> Node Name;Permanent Agent（永久節(jié)點(diǎn)）OK
    -> # of executors（執(zhí)行能力，根據(jù)執(zhí)行機(jī)性能分配 給分配幾個(gè)任務(wù) 1/2/3）
    Remote root directory（遠(yuǎn)程工作目錄，放下載的代碼的目錄）
    Usage use this ...(隨時(shí)待命，給我什么都可以) Only build...（只執(zhí)行分配給他的任務(wù)）
    Launch method
    Launch agent via Java Web Start （Windows）
    ...master (linux、mac)
    ...SSH (linux、mac)
    Available...keep...
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容