溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

python如何實(shí)現(xiàn)ui測(cè)試工具

發(fā)布時(shí)間：2020-10-27 18:07:56 來源：億速云 閱讀：211 作者：Leah 欄目：開發(fā)技術(shù)

python如何實(shí)現(xiàn)ui測(cè)試工具？針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

背景

這一節(jié)我們實(shí)現(xiàn)一個(gè)簡(jiǎn)單的ui測(cè)試工具。

該工具的作用是訪問某個(gè)頁面，然后根據(jù)css選擇器去定位頁面上的元素，最后判斷頁面上元素的個(gè)數(shù)與我們的預(yù)期是否相符。

舉一個(gè)具體的例子，比如我們?nèi)ピL問www.itest.info這個(gè)頁面，我們需要判斷頁面上class = thumbnail-img的元素存在，并且有4個(gè)。因?yàn)槊恳粋€(gè)元素代表一門課程，所以這個(gè)斷言的意思是重定向科技主頁上應(yīng)該有4門主要課程。

視頻講解在這里。

工具設(shè)計(jì)

我們?cè)O(shè)計(jì)一個(gè)命令行工具，給工具傳3個(gè)參數(shù)。

  • 被訪問頁面的url
  • 頁面上元素的css選擇器
  • 預(yù)期的元素?cái)?shù)量，頁面上可以存在n個(gè)元素，如果傳入0，則表示元素不存在，做反向斷言
     

所以工具大概是這樣用的: python script_name.py url css_selector length

代碼實(shí)現(xiàn)

簡(jiǎn)單起見，我們會(huì)用到requests-html庫。安裝文檔在這里。

from requests_html import HTMLSession
from sys import argv
DEBUG = True

USAGE = '''
USAGE:
python html_assertion.py www.itest.info .thumbnail-img 4
'''

if len(argv) != 4:
 print(USAGE)
 exit(1)

script_name, url, css_selector, length = argv

if url[:4] != 'http':
 url = 'http://' + url

session = HTMLSession()
r = session.get(url)

elements = r.html.find(css_selector)


def debug():
 if DEBUG:
 print('*' * 100)
 print(f"css選擇器: {css_selector}, 共找到{len(elements)}個(gè)元素\n")
 for element in elements:
  print(element.html)
  print(element.attrs)
  print()


if len(elements) != int(length):
 print(f"失敗! 預(yù)期{length}個(gè)元素，實(shí)際存在{len(elements)}個(gè)元素\n")
 debug()
 exit(1)
else:
 print(f"成功!\n")
 debug()

精講

用例失敗之后使用exit(1)表示異常退出，這樣在使用jenkins運(yùn)行的時(shí)候，用例失敗jenkins的job結(jié)果也會(huì)相應(yīng)失敗
requests-html庫的基本使用參考這里

運(yùn)行示例

# 失敗情況
python html_assertion.py www.itest.info .thumbnail-img 1
失敗! 預(yù)期1個(gè)元素，實(shí)際存在4個(gè)元素

****************************************************************************************************
css選擇器: .thumbnail-img, 共找到4個(gè)元素

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/7/mission_impossible_cut.jpg"/></div><a class="btn-more hover-effect" href="/courses/7" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/6/120606ineam4nspdc6qdaw.jpg"/></div><a class="btn-more hover-effect" href="/courses/6" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/3/12.jpg"/></div><a class="btn-more hover-effect" href="/courses/3" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/2/13.jpg"/></div><a class="btn-more hover-effect" href="/courses/2" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

# 成功情況
python html_assertion.py www.itest.info .thumbnail-img 4
成功!

****************************************************************************************************
css選擇器: .thumbnail-img, 共找到4個(gè)元素

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/7/mission_impossible_cut.jpg"/></div><a class="btn-more hover-effect" href="/courses/7" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/6/120606ineam4nspdc6qdaw.jpg"/></div><a class="btn-more hover-effect" href="/courses/6" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/3/12.jpg"/></div><a class="btn-more hover-effect" href="/courses/3" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

<div class="thumbnail-img"><div class="overflow-hidden"><img class="img-responsive" src="/uploads/course/image/2/13.jpg"/></div><a class="btn-more hover-effect" href="/courses/2" rel="external nofollow" rel="external nofollow" >更多</a></div>
{'class': ('thumbnail-img',)}

關(guān)于python如何實(shí)現(xiàn)ui測(cè)試工具問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手