python3+selenium實現(xiàn)Web自動化2:Selenium原理,定位元素以及瀏覽器常規(guī)操作!

一、前言

最近問我自動化的人確實有點多,個人突發(fā)奇想:想從0開始講解python+selenium實現(xiàn)Web自動化測試,請關注博客持續(xù)更新!

二、話不多說,直接開干,開始搭建自動化測試環(huán)境

這里以前在CSDN寫過一篇很詳細的博文,零基礎的小白都可以看懂,地址如下:

[python+selenium環(huán)境搭建步驟]

三、Selenium 原理

Selenium 是一套完整的 web 應用程序測試系統(tǒng) ,它包含了測試錄制(Selenium IDE)、編寫及運行(Selenium Remote Control) 和測試的并行處理(Selenium Grid)。Selenium的核心 Selenium Core基于 JsUnit,完全由 JavaScript 編寫,因此可以運行于任何支持 JavaScript 的瀏覽器上。其基本原理如下:

image
image.gif

四、Selenium基礎應用

1.打開瀏覽器

from selenium import webdriver

driver = webdriver.Firefox()    # Firefox瀏覽器
driver = webdriver.Chrome()     # Chrome瀏覽器
driver = webdriver.Ie()         # Ie瀏覽器
driver = webdriver.Edge()       # Edge瀏覽器
driver = webdriver.PhantomJS()  # PhantomJS()</pre>

2.Selenium元素定位

存在如下HTML腳本:

<html>
  <head>
  <body link="#0000cc">
    <a id="result_logo" href="/" onmousedown="return c({'fm':'tab','tab':'logo'})">
    <form id="form" class="fm" name="f" action="/s">
      <span class="soutu-btn"></span>
        <input id="kw" class="s_ipt" name="wd" value="" maxlength="255" autocomplete="off">

代碼如下:

# 通過 id 定位
dr.find_element_by_id("kw")

# 通過name定位:
dr.find_element_by_name("wd")

# 通過class name定位:
dr.find_element_by_class_name("s_ipt")

# 通過tag name定位:
dr.find_element_by_tag_name("input")

# 通過 xpath 定位的幾種寫法
dr.find_element_by_xpath("http://*[@id='kw']")
dr.find_element_by_xpath("http://*[@name='wd']")
dr.find_element_by_xpath("http://input[@class='s_ipt']")
dr.find_element_by_xpath("/html/body/form/span/input")
dr.find_element_by_xpath("http://span[@class='soutu-btn']/input")
dr.find_element_by_xpath("http://form[@id='form']/span/input")
dr.find_element_by_xpath("http://input[@id='kw' and @name='wd']")

# 通過 css 定位的幾種寫法
dr.find_element_by_css_selector("#kw")
dr.find_element_by_css_selector("[name=wd]")
dr.find_element_by_css_selector(".s_ipt")
dr.find_element_by_css_selector("html > body > form > span > input")
dr.find_element_by_css_selector("span.soutu-btn> input#kw")
dr.find_element_by_css_selector("form#form > span > input")

# 通過 link_text 定位
dr.find_element_by_link_text("新聞")
dr.find_element_by_link_text("hao123")
dr.find_element_by_partial_link_text("新")
dr.find_element_by_partial_link_text("hao")
dr.find_element_by_partial_link_text("123")

# 如果是定位一組元素,用下面
find_elements_by_id()
find_elements_by_name()
find_elements_by_class_name()
find_elements_by_tag_name()
find_elements_by_link_text()
find_elements_by_partial_link_text()
find_elements_by_xpath()
find_elements_by_css_selector()</pre>

3.控制瀏覽器操作

(1) 控制瀏覽器窗口大小
WebDriver中 set_window_size() 方法來設置瀏覽器窗口的大??;maximize_window() 使打開的瀏覽器全屏顯示。

代碼如下:

from selenium import Webdriver

driver = Webdriver.Chrome('../tools/chromedriver.exe')
driver.get_url('http://www.5itest.cn/register')

# 設置瀏覽器窗口大小
print("設置瀏覽器寬500,高600")
driver.set_window_size()
driver.quit()


(2) 控制瀏覽器后退、前進
webdriver 提供了對應的 back() 和 forward() 方法來模擬后退和前進按鈕。

代碼如下:

from selenium import webdriver
import time

# 2\. 控制瀏覽器的前進、后退
browser_links = webdriver.Chrome('../tools/chromedriver.exe')
first_url = 'https://www.baidu.com/' second_url = 'https://news.baidu.com/'

print("訪問第一個鏈接:%s" % first_url)
browser_links.get(first_url)

time.sleep(1)
print("訪問第二個鏈接:%s" % second_url)
browser_links.get(second_url)

time.sleep(1)
print("回退到第一個鏈接:%s" % first_url)
browser_links.back()

time.sleep(1)
print("前進到第二個鏈接:%s", second_url)
browser_links.forward()

time.sleep(1)
browser_links.quit()

(3) 刷新頁面 F5
webdriver中可以用 refresh 方法進行頁面刷新。

代碼如下:

from selenium import webdriver
import time

refresh_url = 'http://www.baidu.com/' browser_refresh = webdriver.Chrome('../tools/chromedriver.exe')
browser_refresh.get(refresh_url)
time.sleep(2)
browser_refresh.refresh()
browser_refresh.quit()

4.webdriver常用方法

(1) 點擊、輸入和清除
定位元素后我們還需要對元素進行操作,常用的元素操作方法有:clear()、send_keys(value)、click()

代碼如下:

#!/usr/bin/env python # -*- encoding: utf-8 -*-

from selenium import webdriver
import time

base_url = 'https://www.baidu.com' browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 1. 清除、輸入、點擊
browser.find_element_by_id('kw').clear()
browser.find_element_by_id('kw').send_keys('python')
browser.find_element_by_id('su').click()
time.sleep(2)
browser.quit()

(2) 提交
submit()方法用于提交表單,在搜索框后輸入關鍵字后,可用于“回車”模擬。

代碼如下:

from selenium import webdriver
import time

base_url = 'https://www.baidu.com' browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 2.提交
search_text = browser.find_element_by_id('kw')
search_text.send_keys('selenium')
search_text.submit()
time.sleep(3)

(3) 其他常用的方法
size: 返回元素的尺寸。
text: 獲取元素的文本。
get_attribute(name): 獲得屬性值。
is_displayed(): 設置該元素是否用戶可見。

代碼如下:

from selenium import webdriver
import time

base_url = 'https://www.baidu.com' browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 3. 其他常用方法
size = browser.find_element_by_id('kw').size
print("返回元素的尺寸:%s" % size)

text = browser.find_element_by_id('cp').text
print("返回元素的文本:%s" % text)

attribute = browser.find_element_by_id('kw').get_attribute('type')
print("返回元素的屬性:%s" % attribute)

result = browser.find_element_by_id('kw').is_displayed()
print("返回元素是否可見:%s" % result)

browser.quit()

參考地址:
https://www.cnblogs.com/csmashang/p/12705756.html

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

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