【selenium學習筆記一】python + selenium定位頁面元素的辦法。


1、什么是Selenium,為什么web測試,大家都用它?

  Selenium設計初衷就是為web項目的驗收測試再開發。內核使用的是javaScript語言編寫,幾乎支持所以能運行javaScript的瀏覽器,支持windows\linux\macos等各種平台。

  Selenium 腳本是用多種受支持的編程語言中的一種編寫的 —— 目前可用的有 Java、Ruby 和 Python 驅動程序。這些腳本在瀏覽器之外的一個單獨的進程中運行。驅動程序的任務是執行測試腳本,並通過與運行在瀏覽器中的 browser bot 進行通信來驅動瀏覽器。驅動程序與 browser bot 之間的通信使用一種簡單的特定於 Selenium 的連接語言 Selenese。

  Selenium 是軟件工程師、設計人員和測試人員的工具箱中又一個有用且重要的工具。通過將該工具與持續集成工具相結合,團隊就可以將驗收測試自動化,並構建更好的軟件,因為他們可以更容易、更早、更頻繁地發現 bug。Selenium 的另一個優點是可以節省時間,使開發人員和測試人員不必將時間花在本可以(也應該)自動化的手工任務上,從而讓團隊將精力放在更有價值的活動上。

 

2、幾種常見的Selenium查找(定位)WEB元素的方法。

  Python:

  1)查找元素的ID。

    from selenium import webdriver

    browser = webdriver.Firefox()

    browser.find_element_by_id("Element's id")

  2)通過元素的name來定位。

    browser.find_element_by_name("Element's name")

  3)通過所應用的樣式表名className。

    browser.find_element_by_class_name("class name")

  4)通過CSS應用特征。

    find_element_by_css_selector("a[id='id']")

  5)通過鏈接的文本。

    browser.find_element_link_name("link name")

  6)通過XPATH定位。

    browser.find_element_by_xpath("//***[*='**']")

下面轉載一篇寫得比較好的兄弟的博文:

  

selenium對web各元素的操作首先就要先定位元素,定位元素的方法主要有以下幾種:

  • 通過id定位元素:find_element_by_id("id_vaule")
  • 通過name定位元素:find_element_by_name("name_vaule")
  • 通過tag_name定位元素:find_element_by_tag_name("tag_name_vaule")
  • 通過class_name定位元素:find_element_by_class_name("class_name")
  • 通過css定位元素:find_element_by_css_selector();用css定位是比較靈活的
  • 通過xpath定位元素:find_element_by_xpath("xpath")
  • 通過link定位:find_element_by_link_text("text_vaule")或者find_element_by_partial_link_text()

以百度首頁為例:下面是百度輸入框的html代碼,可以通過firebug或者谷歌的審查元素或得

<input type="text"name="wd" id="kw1" maxlength="100"style="width:474px;"

autocomplete="off">

1.通過id定位,則百度的輸入框即可表示為:find_element_by_id("kw1")

2.通過name定位則可以表示為:find_element_by_name("wd")

3.通過tag_name定位:input其實就是tag_name(標簽名),同樣也可以表示成:

find_element_by_tag_name("input")

下面是“百度一下”按鈕的html

<span class="btn_wr">

<inputtype="submit" value="百度一下" id="su1" class="btn" onmousedown=

"this.className='btnbtn_h'" onmouseout="this.className='btn'">

</span>

4.通過class_name定位,“百度一下”按鈕則可以表示成find_element_by_class_name("btn_wr")

5.通過css定位,這個比較靈活,想要完全弄懂,花費的時間是

比較多的,個人覺得沒有必要

百度輸入框

<input

type="text" name="wd"id="kw1" maxlength="100"style="width:474px;"autocomplete="off">

  • 如取id,百度輸入框則可以表示為:find_element_by_css_selector("a[id=\"kw1\"]")
  • 如取name,又可以表示為:find_element_by_css_selector("a[name=\"wd\"]")
  • <aonclick="queryTab(this);"mon="col=502&pn=0"title="web"href="http://www.baidu.com/">網頁</a>
  • 還可以用title,如百度的網頁鏈接可以表示為find_element_by_css_selector("a[title=\"web\"]")

<aclass="RecycleBinxz"href="javascript:void(0);">

  • 還也同樣可以用class,上面的代碼有可以用find_element_by_css_selector("a.RecycleBin")

6.通過XPath定位

首先我們要了解XPath是上面東西,XPath是一種在XML

文檔中定位元素的語言。因為HTML可以看做XML的一種實現,

所以selenium用戶可是使用這種強大語言在web應用中定

位元素,詳情請閱讀:

什么是XPath:http://www.w3.org/TR/xpath/
XPath基礎教程:http://www.w3schools.com/xpath/default.asp

selenium中被誤解的XPath:

http://magustest.com/blog/category/webdriver/

xpath:attributer(屬性)

driver.find_element_by_xpath("//input[@id='kw1']")

表示input標簽下id =kw1的元素

 

xpath:idRelative(id相關性)

driver.find_element_by_xpath("//div[@id='fm']/form/span/input")

表示在/form/span/input層級標簽下有個div標簽的id=fm的元素

 

driver.find_element_by_xpath("//tr[@id='check']/td[2]")

表示id為'check'的tr,定閃他里面的第2個td

 

xpath:position(位置)

driver.find_element_by_xpath("//input")

driver.find_element_by_xpath("//tr[7]/td[2]")

表示第7個tr里面的第2個td

 

xpath: href(水平參考)

driver.find_element_by_xpath("//a[contains(text(),'網頁')]")

表示在a標簽下有個文本(text)包含(contains)'網頁' 的元素

 

xpath:link

driver.find_element_by_xpath("//a[@href='http://www.baidu.com/']")

表示有個叫a的標簽,他有個鏈接href='http://www.baidu.com/的元素

7.通過link定位

有時候不是一個輸入框也不是一個按鈕,而是一個文字鏈接,我們可以通過link

#coding=utf-8

 

fromseleniumimportwebdriver

importtime

df = webdriver.Firefox() #選擇firefox瀏覽器

df.get("http://www.baidu.com") #打開百度網頁

time.sleep(2) #暫停2秒,不是毫秒

df.find_element_by_link_text("貼 吧").click() #點擊貼吧鏈接

time.sleep(2)

df.quit() #關閉瀏覽器

 

PartialLinkText定位

通過部分鏈接定位,這個有時候也會用到,我還沒有想到很好的用處。拿上面的例子,我可以只用鏈接的一部分文字進行匹配:

browser.find_element_by_partial_link_text("貼").click()

 

通過find_element_by_partial_link_text()函數,我只用了“貼”字,腳本一樣找到了"貼吧"的鏈接


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM