前言

本文接上篇文章喲。

一、簡(jiǎn)單學(xué)習(xí)元素定位

在日常的工作中，我見(jiàn)過(guò)很多在瀏覽器中直接在瀏覽器中右鍵Copy Xpath復(fù)制元素的同學(xué)。這樣獲得的元素表達(dá)式放在 webdriver 中去運(yùn)行往往是不夠穩(wěn)定的，像前端的一些微小改動(dòng)，都會(huì)引起元素?zé)o法定位的NoSuchElementException報(bào)錯(cuò)。

所以在實(shí)際工作和學(xué)習(xí)中我們應(yīng)該加強(qiáng)自己的元素定位能力，盡可能的采用xpath和CSS selector 這種相對(duì)穩(wěn)定的定位語(yǔ)法。由于CSS selector的語(yǔ)法生硬難懂，對(duì)新手很不友好，而且相比xpath缺少一些定位語(yǔ)法。所以我們選擇xpath進(jìn)行我們的元素定位語(yǔ)法。

1.1xpath

1.1.1語(yǔ)法規(guī)則

xpath是一門在 XML 文檔中查找信息的語(yǔ)言。

1.1.2定位工具

• chropath優(yōu)點(diǎn)：這是一個(gè)Chrome瀏覽器的測(cè)試定位插件，類似于firepath，本人試用了一下整體感覺(jué)非常好。對(duì)小白的友好度很好。缺點(diǎn)：安裝這個(gè)插件需要FQ。
• Katalon錄制工具錄制出來(lái)的腳本里面也會(huì)有定位元素的信息
• 自己寫——本人推薦這種優(yōu)點(diǎn)：本人推薦的方式，因?yàn)楫?dāng)熟練到一定程度的時(shí)候，寫出來(lái)的會(huì)更直觀簡(jiǎn)潔，并且在運(yùn)行自動(dòng)化測(cè)試中出現(xiàn)問(wèn)題時(shí)，能快速定位。缺點(diǎn)：需要一定xpath和CSS selector語(yǔ)法積累，不太容易上手。

二、管理頁(yè)面元素

本篇文章選擇的測(cè)試地址是百度首頁(yè)，所以對(duì)應(yīng)的元素也是百度首頁(yè)的。

項(xiàng)目框架設(shè)計(jì)中有一個(gè)目錄page_element就是專門來(lái)存放定位元素的文件的。

通過(guò)對(duì)各種配置文件的對(duì)比，我在這里選擇的是YAML文件格式。其易讀，交互性好。

我們?cè)趐age_element中新建一個(gè)search.yaml文件。

搜索框: “id==kw”候選: “css==.bdsug-overflow”搜索候選: “css==#form p li”搜索按鈕: “id==su”

元素定位文件創(chuàng)建好了，下來(lái)我們需要讀取這個(gè)文件。

在common目錄中創(chuàng)建readelement.py文件。

#!/usr/bin/env python3# -*- coding:utf-8 -*-import osimport yamlfrom config.conf import cmclass Element(object): “””獲取元素””” def __init__(self, name): self.file_name = ‘%s.yaml’ % name self.element_path = os.path.join(cm.ELEMENT_PATH, self.file_name) if not os.path.exists(self.element_path): raise FileNotFoundError(“%s 文件不存在！” % self.element_path) with open(self.element_path, encoding=’utf-8′) as f: self.data = yaml.safe_load(f) def __getitem__(self, item): “””獲取屬性””” data = self.data.get(item) if data: name, value = data.split(‘==’) return name, value raise ArithmeticError(“{}中不存在關(guān)鍵字：{}”.format(self.file_name, item))if __name__ == ‘__main__’: search = Element(‘search’) print(search[‘搜索框’])

通過(guò)特殊方法__getitem__實(shí)現(xiàn)調(diào)用任意屬性，讀取yaml中的值。

這樣我們就實(shí)現(xiàn)了定位元素的存儲(chǔ)和調(diào)用。

但是還有一個(gè)問(wèn)題，我們?cè)趺礃硬拍艽_保我們寫的每一項(xiàng)元素不出錯(cuò)，人為的錯(cuò)誤是不可避免的，但是我們可以通過(guò)代碼來(lái)運(yùn)行對(duì)文件的審查。當(dāng)前也不能所有問(wèn)題都能發(fā)現(xiàn)。

所以我們編寫一個(gè)文件，在script腳本文件目錄中創(chuàng)建inspect.py文件，對(duì)所有的元素yaml文件進(jìn)行審查。

#!/usr/bin/env python3# -*- coding:utf-8 -*-import osimport yamlfrom config.conf import cmfrom utils.times import running_time@running_timedef inspect_element(): “””檢查所有的元素是否正確 只能做一個(gè)簡(jiǎn)單的檢查 “”” for files in os.listdir(cm.ELEMENT_PATH): _path = os.path.join(cm.ELEMENT_PATH, files) with open(_path, encoding=’utf-8′) as f: data = yaml.safe_load(f) for k in data.values(): try: pattern, value = k.split(‘==’) except ValueError: raise Exception(“元素表達(dá)式中沒(méi)有`==`”) if pattern not in cm.LOCATE_MODE: raise Exception(‘%s中元素【%s】沒(méi)有指定類型’ % (_path, k)) elif pattern == ‘xpath’: assert ‘//’ in value, ‘%s中元素【%s】xpath類型與值不配’ % (_path, k) elif pattern == ‘css’: assert ‘//’ not in value, ‘%s中元素【%s]css類型與值不配’ % (_path, k) else: assert value, ‘%s中元素【%s】類型與值不匹配’ % (_path, k)if __name__ == ‘__main__’: inspect_element()

執(zhí)行該文件：

校驗(yàn)元素done！用時(shí)0.002秒！

可以看到，很短的時(shí)間內(nèi)，我們就對(duì)所填寫的YAML文件進(jìn)行了審查。

現(xiàn)在我們基本所需要的組件已經(jīng)大致完成了。

接下來(lái)我們將進(jìn)行最重要的一環(huán)，封裝selenium。

三、封裝Selenium基類

在工廠模式種我們是這樣寫的：

#!/usr/bin/env python3# -*- coding:utf-8 -*-import timefrom selenium import webdriverdriver = webdriver.Chrome()driver.get(‘https://www.baidu.com’)driver.find_element_by_xpath(“//input[@id=’kw’]”).send_keys(‘selenium’)driver.find_element_by_xpath(“//input[@id=’su’]”).click()time.sleep(5)driver.quit()

很直白，簡(jiǎn)單，又明了。

創(chuàng)建driver對(duì)象，打開(kāi)百度網(wǎng)頁(yè)，搜索selenium，點(diǎn)擊搜索，然后停留5秒，查看結(jié)果，最后關(guān)閉瀏覽器。

那我們?yōu)槭裁匆庋bselenium的方法呢。首先我們上述這種較為原始的方法，基本不適用于平時(shí)做UI自動(dòng)化測(cè)試的，因?yàn)樵赨I界面實(shí)際運(yùn)行情況遠(yuǎn)遠(yuǎn)比較復(fù)雜，可能因?yàn)榫W(wǎng)絡(luò)原因，或者控件原因，我們?cè)剡€沒(méi)有顯示出來(lái)，就進(jìn)行點(diǎn)擊或者輸入。所以我們需要封裝selenium方法，通過(guò)內(nèi)置的顯式等待或一定的條件語(yǔ)句，才能構(gòu)建一個(gè)穩(wěn)定的方法。而且把selenium方法封裝起來(lái)，有利于平時(shí)的代碼維護(hù)。

我們?cè)趐age目錄創(chuàng)建webpage.py文件。

#!/usr/bin/env python3# -*- coding:utf-8 -*-“””selenium基類本文件存放了selenium基類的封裝方法”””from selenium.webdriver.support import expected_conditions as ECfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.common.exceptions import TimeoutExceptionfrom config.conf import cmfrom utils.times import sleepfrom utils.logger import logclass WebPage(object): “””selenium基類””” def __init__(self, driver): # self.driver = webdriver.Chrome() self.driver = driver self.timeout = 20 self.wait = WebDriverWait(self.driver, self.timeout) def get_url(self, url): “””打開(kāi)網(wǎng)址并驗(yàn)證””” self.driver.maximize_window() self.driver.set_page_load_timeout(60) try: self.driver.get(url) self.driver.implicitly_wait(10) log.info(“打開(kāi)網(wǎng)頁(yè)：%s” % url) except TimeoutException: raise TimeoutException(“打開(kāi)%s超時(shí)請(qǐng)檢查網(wǎng)絡(luò)或網(wǎng)址服務(wù)器” % url) @staticmethod def element_locator(func, locator): “””元素定位器””” name, value = locator return func(cm.LOCATE_MODE[name], value) def find_element(self, locator): “””尋找單個(gè)元素””” return WebPage.element_locator(lambda *args: self.wait.until( EC.presence_of_element_located(args)), locator) def find_elements(self, locator): “””查找多個(gè)相同的元素””” return WebPage.element_locator(lambda *args: self.wait.until( EC.presence_of_all_elements_located(args)), locator) def elements_num(self, locator): “””獲取相同元素的個(gè)數(shù)””” number = len(self.find_elements(locator)) log.info(“相同元素：{}”.format((locator, number))) return number def input_text(self, locator, txt): “””輸入(輸入前先清空)””” sleep(0.5) ele = self.find_element(locator) ele.clear() ele.send_keys(txt) log.info(“輸入文本：{}”.format(txt)) def is_click(self, locator): “””點(diǎn)擊””” self.find_element(locator).click() sleep() log.info(“點(diǎn)擊元素：{}”.format(locator)) def element_text(self, locator): “””獲取當(dāng)前的text””” _text = self.find_element(locator).text log.info(“獲取文本：{}”.format(_text)) return _text @property def get_source(self): “””獲取頁(yè)面源代碼””” return self.driver.page_source def refresh(self): “””刷新頁(yè)面F5″”” self.driver.refresh() self.driver.implicitly_wait(30)

在文件中我們對(duì)主要用了顯式等待對(duì)selenium的click，send_keys等方法，做了二次封裝。提高了運(yùn)行的成功率。

好了我們完成了POM模型的一半左右的內(nèi)容。接下來(lái)我們們進(jìn)入頁(yè)面對(duì)象。

四、創(chuàng)建頁(yè)面對(duì)象

在page_object目錄下創(chuàng)建一個(gè)searchpage.py文件。

#!/usr/bin/env python3# -*- coding:utf-8 -*-from page.webpage import WebPage, sleepfrom common.readelement import Elementsearch = Element(‘search’)class SearchPage(WebPage): “””搜索類””” def input_search(self, content): “””輸入搜索””” self.input_text(search[‘搜索框’], txt=content) sleep() @property def imagine(self): “””搜索聯(lián)想””” return [x.text for x in self.find_elements(search[‘候選’])] def click_search(self): “””點(diǎn)擊搜索””” self.is_click(search[‘搜索按鈕’])

在該文件中我們對(duì)，輸入搜索關(guān)鍵詞，點(diǎn)擊搜索，搜索聯(lián)想，進(jìn)行了封裝。

并配置了注釋。

在平時(shí)中我們應(yīng)該養(yǎng)成寫注釋的習(xí)慣，因?yàn)檫^(guò)一段時(shí)間后，沒(méi)有注釋，代碼讀起來(lái)很費(fèi)勁。

好了我們的頁(yè)面對(duì)象此時(shí)業(yè)已完成了。下面我們開(kāi)始編寫測(cè)試用例。在開(kāi)始測(cè)試用了之前我們先熟悉一下pytest測(cè)試框架。

五、簡(jiǎn)單了解Pytest

打開(kāi)pytest框架的官網(wǎng)。

# content of test_sample.pydef inc(x): return x + 1def test_answer(): assert inc(3) == 5

官方教程我認(rèn)為寫的并不適合入門閱讀，而且沒(méi)有漢化版。需要教程的話各位可以自己去找找。

5.1pytest.ini

pytest項(xiàng)目中的配置文件，可以對(duì)pytest執(zhí)行過(guò)程中操作做全局控制。

在項(xiàng)目根目錄新建pytest.ini文件。

[pytest]addopts = –html=report.html –self-contained-html

addopts 指定執(zhí)行時(shí)的其他參數(shù)說(shuō)明：–html=report/report.html –self-contained-html 生成pytest-html帶樣式的報(bào)告-s 輸出我們用例中的調(diào)式信息-q 安靜的進(jìn)行測(cè)試-v 可以輸出用例更加詳細(xì)的執(zhí)行信息，比如用例所在的文件及用例名稱等

六、編寫測(cè)試用例

我們將使用pytest編寫測(cè)試用例。

在TestCase目錄中創(chuàng)建test_search.py文件。

#!/usr/bin/env python3# -*- coding:utf-8 -*-import reimport pytestfrom utils.logger import logfrom common.readconfig import inifrom page_object.searchpage import SearchPageclass TestSearch: @pytest.fixture(scope=’function’, autouse=True) def open_baidu(self, drivers): “””打開(kāi)百度””” search = SearchPage(drivers) search.get_url(ini.url) def test_001(self, drivers): “””搜索””” search = SearchPage(drivers) search.input_search(“selenium”) search.click_search() result = re.search(r’selenium’, search.get_source) log.info(result) assert result def test_002(self, drivers): “””測(cè)試搜索候選””” search = SearchPage(drivers) search.input_search(“selenium”) log.info(list(search.imagine)) assert all([“selenium” in i for i in search.imagine])if __name__ == ‘__main__’: pytest.main([‘TestCase/test_search.py’])

我們測(cè)試用了就編寫好了。

• pytest.fixture 這個(gè)實(shí)現(xiàn)了和unittest的setup，teardown一樣的前置啟動(dòng)，后置清理的裝飾器。
• 第一個(gè)測(cè)試用例：
• 我們實(shí)現(xiàn)了在百度selenium關(guān)鍵字，并點(diǎn)擊搜索按鈕，并在搜索結(jié)果中，用正則查找結(jié)果頁(yè)源代碼，返回?cái)?shù)量大于10我們就認(rèn)為通過(guò)。
• 第二個(gè)測(cè)試用例：
• 我們實(shí)現(xiàn)了，搜索selenium，然后斷言搜索候選中的所有結(jié)果有沒(méi)有selenium關(guān)鍵字。

最后我們的在下面寫一個(gè)執(zhí)行啟動(dòng)的語(yǔ)句。

這時(shí)候我們應(yīng)該進(jìn)入執(zhí)行了，但是還有一個(gè)問(wèn)題，我們還沒(méi)有把driver傳遞。

七、conftest.py

我們?cè)陧?xiàng)目根目錄下新建一個(gè)conftest.py文件。

#!/usr/bin/env python3# -*- coding:utf-8 -*-import pytestfrom py.xml import htmlfrom selenium import webdriverdriver = None@pytest.fixture(scope=’session’, autouse=True)def drivers(request): global driver if driver is None: driver = webdriver.Chrome() driver.maximize_window() def fn(): driver.quit() request.addfinalizer(fn) return driver@pytest.hookimpl(hookwrapper=True)def pytest_runtest_makereport(item): “”” 當(dāng)測(cè)試失敗的時(shí)候，自動(dòng)截圖，展示到html報(bào)告中 :param item: “”” pytest_html = item.config.pluginmanager.getplugin(‘html’) outcome = yield report = outcome.get_result() report.description = str(item.function.__doc__) extra = getattr(report, ‘extra’, []) if report.when == ‘call’ or report.when == “setup”: xfail = hasattr(report, ‘wasxfail’) if (report.skipped and xfail) or (report.failed and not xfail): file_name = report.nodeid.replace(“::”, “_”) + “.png” screen_img = _capture_screenshot() if file_name: html = ” % screen_img extra.append(pytest_html.extras.html(html)) report.extra = extradef pytest_html_results_table_header(cells): cells.insert(1, html.th(‘用例名稱’)) cells.insert(2, html.th(‘Test_nodeid’)) cells.pop(2)def pytest_html_results_table_row(report, cells): cells.insert(1, html.td(report.description)) cells.insert(2, html.td(report.nodeid)) cells.pop(2)def pytest_html_results_table_html(report, data): if report.passed: del data[:] data.append(html.p(‘通過(guò)的用例未捕獲日志輸出.’, class_=’empty log’))def _capture_screenshot(): ”’ 截圖保存為base64 :return: ”’ return driver.get_screenshot_as_base64()

conftest.py測(cè)試框架pytest的膠水文件，里面用到了fixture的方法，封裝并傳遞出了driver。

八、執(zhí)行用例

以上我們已經(jīng)編寫完成了整個(gè)框架和測(cè)試用例。

我們進(jìn)入到當(dāng)前項(xiàng)目的主目錄執(zhí)行命令：

pytest

命令行輸出：

Test session starts (platform: win32, Python 3.7.7, pytest 5.3.2, pytest-sugar 0.9.2)cachedir: .pytest_cachemetadata: {‘Python’: ‘3.7.7’, ‘Platform’: ‘Windows-10-10.0.18362-SP0’, ‘Packages’: {‘pytest’: ‘5.3.2’, ‘py’: ‘1.8.0’, ‘pluggy’: ‘0.13.1’}, ‘Plugins’: {‘forked’: ‘1.1.3’, ‘html’: ‘2.0.1’, ‘metadata’: ‘1.8.0’, ‘ordering’: ‘0.6’, ‘rerunfailures’: ‘8.0’, ‘sugar’: ‘0.9.2’, ‘xdist’: ‘1.31.0’}, ‘JAVA_HOME’: ‘D:Program FilesJavajdk1.8.0_131’}rootdir: C:UsershoouPycharmProjectsweb-demotest, inifile: pytest.iniplugins: forked-1.1.3, html-2.0.1, metadata-1.8.0, ordering-0.6, rerunfailures-8.0, sugar-0.9.2, xdist-1.31.0collecting … DevTools listening on ws://127.0.0.1:10351/devtools/browser/78bef34d-b94c-4087-b724-34fb6b2ef6d1 TestCaseest_search.py::TestSearch.test_001 50% TestCaseest_search.py::TestSearch.test_002 100% ——————————- generated html file: file://C:UsershoouPycharmProjectsweb-demotestreportreport.html ——————————– Results (12.90s): 2 passed

可以看到兩條用例已經(jīng)執(zhí)行成功了。

項(xiàng)目的report目錄中生成了一個(gè)report.html文件。

這就是生成的測(cè)試報(bào)告文件。

九、發(fā)送郵件

當(dāng)項(xiàng)目執(zhí)行完成之后，需要發(fā)送到自己或者其他人郵箱里查看結(jié)果。

我們編寫發(fā)送郵件的模塊。

在utils目錄中新建send_mail.py文件

#!/usr/bin/env python3# -*- coding:utf-8 -*-import zmailfrom config.conf import cmdef send_report(): “””發(fā)送報(bào)告””” with open(cm.REPORT_FILE, encoding=’utf-8′) as f: content_html = f.read() try: mail = { ‘from’: ‘1234567890@qq.com’, ‘subject’: ‘最新的測(cè)試報(bào)告郵件’, ‘content_html’: content_html, ‘attachments’: [cm.REPORT_FILE, ] } server = zmail.server(*cm.EMAIL_INFO.values()) server.send_mail(cm.ADDRESSEE, mail) print(“測(cè)試郵件發(fā)送成功！”) except Exception as e: print(“Error: 無(wú)法發(fā)送郵件，{}！”, format(e))if __name__ == “__main__”: ”’請(qǐng)先在config/conf.py文件設(shè)置QQ郵箱的賬號(hào)和密碼”’ send_report()

執(zhí)行該文件：

測(cè)試郵件發(fā)送成功！

可以看到測(cè)試報(bào)告郵件已經(jīng)發(fā)送成功了。打開(kāi)郵箱。

成功收到了郵件。

這個(gè)demo項(xiàng)目就算是整體完工了；是不是很有心得，在發(fā)送郵件的那一刻很有成就感。

總結(jié)

通過(guò)這篇文章，想必你已經(jīng)對(duì)pytest+selenium框架有了一個(gè)整體的認(rèn)知了，在自動(dòng)化測(cè)試的道路上又上了一層臺(tái)階。喜歡的話可以點(diǎn)贊收藏評(píng)論加關(guān)注喲，關(guān)注我每天給你不同的驚喜。