01總體需求

🎯 1.1：實現(xiàn)目的

• 基于BS架構(gòu)，模擬用戶（鼠標(biāo)、鍵盤）操作，達到快速、重復(fù)執(zhí)行測試用例；

• 便于回歸測試，快速覆蓋主線用例或功能；

• 線上或線下巡檢測試，結(jié)合持續(xù)集成，及時發(fā)現(xiàn)運行環(huán)境存在的問題；

• 提升個人自動化測試技術(shù)能力，為業(yè)務(wù)提供強有力的測試手段。

🎯 1.2：功能需求

• 基于Unittest，封裝、調(diào)用和組織所有的測試用例，進行批量或指定用例運行；

• 支持郵件服務(wù)，可添加任意團隊成員郵箱，及時通知團隊成員自動化運行結(jié)果；

• 支持log日志，保存運行過程所有或需要記錄的數(shù)據(jù)；

• 支持HTML測試報告，直觀展示測試結(jié)果和數(shù)據(jù)；

• 支持用例設(shè)計和測試結(jié)果分離，便于數(shù)據(jù)管理；

• 支持Json、conf、excel等配置文件讀取，提供靈活的配置文件操作方法；

• 支持用戶登錄封裝，后續(xù)所有的用例登錄公用一個方法；

• 支持任意修改HTMLTestRuner，可定制測試報告模板；

• 支持測試報告多語言（英文和中文）；

• 支持截圖功能；

• 支持Jenkins持續(xù)集成。

🎯 1.3：其他需求

• 適用所有bs架構(gòu)自動化測試；

• 模塊化設(shè)計，項目框架形式組織代碼；

• 公共方法封裝，統(tǒng)一調(diào)用；

• 數(shù)據(jù)和結(jié)果分開，清晰明了；

• 支持郵件自定義；

• 代碼注釋清晰。

🎯 1.4：適用人員

• 有一定測試基礎(chǔ)的軟件測試人員；

• 有一定的代碼（Python/Java）功底；

• 致力于學(xué)習(xí)web UI自動化測試的所有人員。

02 詳細設(shè)計

🎯2. 1：需求分析

對 實現(xiàn)需求 進行詳細分析，主要有下：

🎯 2.2：技術(shù)棧

03 框架設(shè)計

🎯 3.1：框架說明

🎯3. 2：框架執(zhí)行流程

04 預(yù)期結(jié)果

🎯4. 1：測試過程log日志

🎯4. 2：測試報告html格式

🎯4. 3：測試報告郵件格式

05 特別說明

代碼基本完成，如果有好的建議，可交流學(xué)習(xí)心得。

06 第一個WebUI自動化測試程序

在開始自動化框架搭建之前，我們先寫一個簡單的自動化測試腳本，來體會一下什么是web UI自動化測試，以及元素的基本操作，為后續(xù)的框架搭建鑒定基礎(chǔ)。

🎯6. 1：Selenium基本理論

6.1.1 Selenium安裝

• 直接打開cmd窗口，輸入以下命令在線安裝：

• 安裝完后，在cmd窗口中輸入以下命令，可以看到selenium已經(jīng)安裝了

• 安裝完后，在cmd窗口中輸入以下命令，可以看到selenium已經(jīng)安裝了

6.1.2?WebDriverAPI

selenium提供了很多的WebDriverAPI，可以來進行：

• 元素定位：https://blog.csdn.net/NoamaNelson/article/details/103022630

• 瀏覽器控制（1）：
  https://blog.csdn.net/NoamaNelson/article/details/103022776

• 瀏覽器控制（2）：
  https://blog.csdn.net/NoamaNelson/article/details/103022919

• 元素的識別、定位

• 元素的單擊、雙擊

• 滾動條的拖動

• 瀏覽器控制如窗口大小、前進后退、刷新、表單切換、多窗口切換、文件雙傳下載、cookie操作、驗證碼等等

• 詳情請參考以下：

🎯6. 2：瀏覽器驅(qū)動安裝

• 要想使用selenium來操作瀏覽器上的元素，必須安裝瀏覽器驅(qū)動；

• 這個要根據(jù)具體的瀏覽器版本來定義；

• 本文使用的是Chrome瀏覽器，版本為88.0.4324.182（正式版本） （32 位）；

6.2.1?Chromedriver下載

• 下載地址：

  https://blog.csdn.net/NoamaNelson/article/details/107663868

6.2.2Chromedriver安裝

• 下載下來后是一個chromedriver.exe，如果是w7系統(tǒng)需要把chromedriver.exe放在chrome瀏覽器的安裝目錄，然后在系統(tǒng)環(huán)境變量中加入chrome瀏覽器的安裝目錄即可；如果是w10系統(tǒng)，需要chromedriver.exe放在Python的安裝目錄即可，如本文是：

  

🎯6. 3：代碼設(shè)計思路

6.3.1pycharm新建腳本

• 打開之前創(chuàng)建的項目【Automated-UITest-demo】，在項目上右鍵，新建python文件即可，這里新建一個名為test_baidu的python文件

  

  

• 創(chuàng)建完后，如下多了一個test_baidu的py文件

  

6.3.2自動化需求

這里我們做以下UI自動化測試：

• 1、自動打開chrome瀏覽器

• 2、輸入百度網(wǎng)址

• 3、打開百度首頁，輸入helloworld

• 4、最大化瀏覽器窗口

• 5、搜索helloworld.并回車

• 6、瀏覽器窗口大小縮小為640*480

• 7、先進行瀏覽器后退，再次輸入csdn進行搜索

• 8、清空輸入的內(nèi)容

• 9、判斷是否進入csdn官網(wǎng)

6.3.3需求分析

以上方法具體使用，參考【1.2 WebDriverAPI】

6.3.4元素定位

• 以上需求已經(jīng)搞清楚了，那么接下來要進行元素定位，這里大概可以對需求再拆解下，需要哪些元素？

  

• A、我們打開百度首頁，然后按【F12】打開瀏覽器的調(diào)試模式

• 那如何定位元素，知道使用哪種定位方式？

• B、點擊調(diào)試模式窗口左上角的小三角

• C、鼠標(biāo)移動到百度搜索輸入框

  

• D、點擊一下即可，然后看到搜索輸入框的元素屬性，即要使用的元素定位方法

  

🎯6. 4：代碼實現(xiàn)

6.4.1包/模塊的引入

• 打開剛才新建的test_baidu.py文件

• 然后輸入以下內(nèi)容：

  

  

6.4.2打開百度

6.4.3定位搜索框輸入helloworld，窗口最大化

6.4.4窗口縮小為640*480

6.4.5窗口刷新

6.4.6清空輸入內(nèi)容

6.4.7進入csdn官網(wǎng)并判斷

6.4.8調(diào)用方法

🎯6. 5：完整源碼

行動吧，在路上總比一直觀望的要好，未來的你肯定會感謝現(xiàn)在拼搏的自己！如果想學(xué)習(xí)提升找不到資料，沒人答疑解惑時，請及時加入群： 786229024，里面有各種測試開發(fā)資料和技術(shù)可以一起交流哦。

最后：?下方這份完整的軟件測試視頻教程已經(jīng)整理上傳完成，需要的朋友們可以自行領(lǐng)取【保證100%免費】
軟件測試面試文檔
我們學(xué)習(xí)必然是為了找到高薪的工作，下面這些面試題是來自阿里、騰訊、字節(jié)等一線互聯(lián)網(wǎng)大廠最新的面試資料，并且有字節(jié)大佬給出了權(quán)威的解答，刷完這一套面試資料相信大家都能找到滿意的工作。