新手測試工程師剛開始接觸到各種大量的測試領(lǐng)域?qū)I(yè)術(shù)語時(shí)通常會(huì)感到很困惑。

本文內(nèi)容將幫助新手測試工程師快速入門并理解這些術(shù)語的含義。文章提供示例和實(shí)際應(yīng)用場景，以便讀者能夠更好地理解。

在本文中，使用的以下環(huán)境：

• IDE: IntelliJ IDEA
• 編程語言: Java
• 瀏覽器和操作系統(tǒng): Mac 上的 Chrome
• 自動(dòng)化工具: WebDriver + chromedriver

1 基礎(chǔ)知識(shí)

Selenium WebDriver是一種工具，用于自動(dòng)執(zhí)行手動(dòng)瀏覽器工作流。它可以是你厭倦了多次填寫的簡單表格，也可以是驗(yàn)證數(shù)百個(gè)網(wǎng)頁的復(fù)雜系統(tǒng)。

這里的思路是加載特定的網(wǎng)頁，執(zhí)行操作，并比較結(jié)果是否符合預(yù)期。當(dāng)然，根據(jù)使用的平臺(tái)（如Windows、Mac或Linux），在設(shè)置環(huán)境方面可能會(huì)有一些變化。

典型的語法如下：

• 加載網(wǎng)址: driver.get("[網(wǎng)站URL]")
• 查找元素: driver.findElement(By.id("[元素ID]"))
• 發(fā)送按鍵: [元素].sendKeys("[要發(fā)送的按鍵]")
• 執(zhí)行點(diǎn)擊: [元素].click()

在網(wǎng)頁上的行動(dòng)計(jì)劃大致情景：

• 加載網(wǎng)頁（網(wǎng)站的特定部分）
• 找到要執(zhí)行操作的元素。有多種方法可以識(shí)別網(wǎng)頁上的元素。這些元素標(biāo)識(shí)符被稱為“定位器”。在本文中，將研究“XPath”和“id”定位器
• 執(zhí)行操作。大多數(shù)情況下，這涉及發(fā)送特定的按鍵序列和/或點(diǎn)擊元素
• 驗(yàn)證狀態(tài)。這就是單元測試框架（如TestNG、JUnit）的威力所在。確保實(shí)際結(jié)果與預(yù)期結(jié)果相匹配

2 測試自動(dòng)化項(xiàng)目

自動(dòng)化 formy-project.herokuapp.com/form上的Web表單

通過輸入名字和姓氏并點(diǎn)擊提交按鈕來自動(dòng)化一個(gè)簡單的Web表單。

概述的腳本如下所示：

• 輸入用戶名
• 輸入密碼
• 點(diǎn)擊“提交”按鈕
• 通過驗(yàn)證確認(rèn)消息來驗(yàn)證表單是否成功提交

3 項(xiàng)目設(shè)置

設(shè)置項(xiàng)目和環(huán)境。

首先，需要下載并安裝IntelliJ IDEA。

在本地系統(tǒng)上安裝好之后，打開應(yīng)用程序并創(chuàng)建一個(gè)新項(xiàng)目。

• 點(diǎn)擊“創(chuàng)建新項(xiàng)目”
• 在左側(cè)選擇“Maven”并點(diǎn)擊“下一步”

圖片

在IntelliJ IDEA項(xiàng)目創(chuàng)建過程中選擇“Maven”

• 為項(xiàng)目選擇任意名稱（例如“表單自動(dòng)化”），然后點(diǎn)擊“完成”創(chuàng)建該項(xiàng)目

過了一會(huì)兒，應(yīng)該會(huì)有一個(gè)可以使用的模板。您可能會(huì)對(duì)Maven有疑問。

Maven是一個(gè)構(gòu)建自動(dòng)化工具，主要用于Java項(xiàng)目。使用它來向項(xiàng)目添加額外的庫。

項(xiàng)目結(jié)構(gòu)中pom.xml文件的位置

在創(chuàng)建項(xiàng)目并打開pom.xml文件后，它的外觀將類似于以下內(nèi)容：

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocatinotallow="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    4.0.0

    org.example
    Form Automation
    1.0-SNAPSHOT

現(xiàn)在我們使用這個(gè)文件來添加可以用來自動(dòng)化應(yīng)用程序的額外庫。

以下是應(yīng)該添加到項(xiàng)目中的行（用粗體突出顯示），以便能夠自動(dòng)化Web應(yīng)用程序：

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocatinotallow="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    4.0.0
    org.nomadicdmitry
    Form Automation
    1.0-SNAPSHOT
    
        
        org.seleniumhq.selenium
        selenium-server
        3.141.59
    
    
        org.testng
        testng
        7.1.0
        test
    
    
        org.apache.maven.plugins
        maven-surefire-plugin
        3.0.0-M4

添加這些行后，幾乎擁有了在項(xiàng)目中使用的所有必要庫。具體來說：

• Selenium WebDriver：org.seleniumhq.selenium
• TestNG（單元測試框架）：org.testng
• Maven SureFire（簡單的測試計(jì)劃執(zhí)行）：org.apache.maven.plugins

還有一些要注意的事項(xiàng)：

IDEA中下載的庫的外觀

• 在添加這些庫后，請(qǐng)確保按照右側(cè)的按鈕下載這些庫（帶有“M”符號(hào)的按鈕）。您應(yīng)該看到它開始下載這些庫。
• 請(qǐng)確保檢查這些庫的最新版本，以避免以后出現(xiàn)任何問題。這是Selenium的Maven存儲(chǔ)庫鏈接。您可以輕松搜索所需的庫并將適當(dāng)?shù)陌姹咎砑拥侥捻?xiàng)目中。

已經(jīng)準(zhǔn)備好開始編寫代碼了。不過，先起草一下，然后再繼續(xù)。

4 起草代碼

通常，大多數(shù)WebDriver教程描述了需要執(zhí)行的命令序列。我們暫時(shí)遵循這個(gè)模式，概述一下在這里為測試執(zhí)行的操作：

System.setProperty("webdriver.chrome.driver", "chromedriver");
WebDriver driver = new ChromeDriver();
driver.get(https://formy-project.herokuapp.com/form);
driver.findElement(By.id("first-name")).sendKeys("名字");
driver.findElement(By.id("last-name")).sendKeys("姓氏");
driver.findElement(By.xpath("http://a[contains(text(),'提交')]")).click();
driver.close();

只用七行代碼就能實(shí)現(xiàn)自動(dòng)化填寫網(wǎng)頁表單的工作解決方案。為了澄清一下，第一行顯示了chromedriver的位置（因?yàn)樵贑hrome上執(zhí)行此腳本），第二行創(chuàng)建了一個(gè)后續(xù)要使用的WebDriver實(shí)例。

接下來的幾行很容易分析，因?yàn)橹皇羌虞d頁面并使用定位器執(zhí)行操作。這段代碼將正常工作并執(zhí)行必要的操作（除了稍后要討論的斷言部分）。

然而，這段代碼有什么問題呢？問題在于它與在真實(shí)環(huán)境中的實(shí)際使用方式相去甚遠(yuǎn)，原因如下：

• 如果我們決定在其他地方使用它，它不可重用并帶來重復(fù)的代碼
• 如果我們多次調(diào)用這些定位器，更改每行的定位器將很困難，難以維護(hù)
• 隨著添加更多測試，它將變得難以閱讀和理解

讓我們回到項(xiàng)目并規(guī)劃項(xiàng)目結(jié)構(gòu)。

創(chuàng)建項(xiàng)目結(jié)構(gòu)

使用PageObject方法作為設(shè)計(jì)測試的基礎(chǔ)。在Java類的術(shù)語中，這意味著將為每個(gè)網(wǎng)頁創(chuàng)建一個(gè)類，并概述定位器和執(zhí)行操作的方法。此外，還將創(chuàng)建一個(gè)“父”類，從中繼承我們的對(duì)象（頁面）。

自動(dòng)化測試的項(xiàng)目結(jié)構(gòu)

此外，還需要一個(gè)類，用于將所有類連接起來，并具有存儲(chǔ)配置設(shè)置的變量。

以下是項(xiàng)目結(jié)構(gòu)示例：

• PageObject
• TestPlan
• Utils
• WebForm

繼續(xù)在項(xiàng)目中創(chuàng)建這四個(gè)類。請(qǐng)打開“[項(xiàng)目]\src\test\”，右鍵單擊“test”文件夾。選擇“New -> Java Class”，并相應(yīng)地創(chuàng)建這些類。