前言

本文接上篇文章喲。

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

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

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

1.1xpath

1.1.1語法規(guī)則

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

1.1.2定位工具

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

二、管理頁面元素

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

項目框架設(shè)計中有一個目錄page_element就是專門來存放定位元素的文件的。

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

我們在page_element中新建一個search.yaml文件。

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

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

在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[‘搜索框’])

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

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

但是還有一個問題，我們怎么樣才能確保我們寫的每一項元素不出錯，人為的錯誤是不可避免的，但是我們可以通過代碼來運行對文件的審查。當(dāng)前也不能所有問題都能發(fā)現(xiàn)。

所以我們編寫一個文件，在script腳本文件目錄中創(chuàng)建inspect.py文件，對所有的元素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(): “””檢查所有的元素是否正確 只能做一個簡單的檢查 “”” 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á)式中沒有`==`”) if pattern not in cm.LOCATE_MODE: raise Exception(‘%s中元素【%s】沒有指定類型’ % (_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í)行該文件：

校驗元素done！用時0.002秒！

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

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

接下來我們將進(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()

很直白，簡單，又明了。

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

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

我們在page目錄創(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): “””打開網(wǎng)址并驗證””” self.driver.maximize_window() self.driver.set_page_load_timeout(60) try: self.driver.get(url) self.driver.implicitly_wait(10) log.info(“打開網(wǎng)頁：%s” % url) except TimeoutException: raise TimeoutException(“打開%s超時請檢查網(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): “””尋找單個元素””” return WebPage.element_locator(lambda *args: self.wait.until( EC.presence_of_element_located(args)), locator) def find_elements(self, locator): “””查找多個相同的元素””” return WebPage.element_locator(lambda *args: self.wait.until( EC.presence_of_all_elements_located(args)), locator) def elements_num(self, locator): “””獲取相同元素的個數(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): “””點擊””” self.find_element(locator).click() sleep() log.info(“點擊元素：{}”.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): “””獲取頁面源代碼””” return self.driver.page_source def refresh(self): “””刷新頁面F5″”” self.driver.refresh() self.driver.implicitly_wait(30)

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

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

四、創(chuàng)建頁面對象

在page_object目錄下創(chuàng)建一個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): “””點擊搜索””” self.is_click(search[‘搜索按鈕’])

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

并配置了注釋。

在平時中我們應(yīng)該養(yǎng)成寫注釋的習(xí)慣，因為過一段時間后，沒有注釋，代碼讀起來很費勁。

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

五、簡單了解Pytest

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

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

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

5.1pytest.ini

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

在項目根目錄新建pytest.ini文件。

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

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

六、編寫測試用例

我們將使用pytest編寫測試用例。

在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): “””打開百度””” 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): “””測試搜索候選””” 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’])

我們測試用了就編寫好了。

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

最后我們的在下面寫一個執(zhí)行啟動的語句。

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

七、conftest.py

我們在項目根目錄下新建一個conftest.py文件。

#!/usr/bin/env python3# -*- coding:utf-8 -*-import pytestfrom py.xml import htmlfrom selenium import webdriverdriver = [email protected](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 [email protected](hookwrapper=True)def pytest_runtest_makereport(item): “”” 當(dāng)測試失敗的時候，自動截圖，展示到html報告中 :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(‘通過的用例未捕獲日志輸出.’, class_=’empty log’))def _capture_screenshot(): ”’ 截圖保存為base64 :return: ”’ return driver.get_screenshot_as_base64()

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

八、執(zhí)行用例

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

我們進(jìn)入到當(dā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í)行成功了。

項目的report目錄中生成了一個report.html文件。

這就是生成的測試報告文件。

九、發(fā)送郵件

當(dā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ā)送報告””” with open(cm.REPORT_FILE, encoding=’utf-8′) as f: content_html = f.read() try: mail = { ‘from’: ‘[email protected]’, ‘subject’: ‘最新的測試報告郵件’, ‘content_html’: content_html, ‘attachments’: [cm.REPORT_FILE, ] } server = zmail.server(*cm.EMAIL_INFO.values()) server.send_mail(cm.ADDRESSEE, mail) print(“測試郵件發(fā)送成功！”) except Exception as e: print(“Error: 無法發(fā)送郵件，{}！”, format(e))if __name__ == “__main__”: ”’請先在config/conf.py文件設(shè)置QQ郵箱的賬號和密碼”’ send_report()

執(zhí)行該文件：

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

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

成功收到了郵件。

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

總結(jié)

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