《手把手教你》系列基礎篇(九十三)-java+ selenium自動化測試-框架設計基礎-POM設計模式實現-上篇(詳解教程)
阿新 • • 發佈:2022-04-22
1.簡介
上一篇介紹了POM的基礎理論知識和非POM方式寫指令碼,這篇介紹利用頁面工廠類(page factory)去實現POM,通過檢視PageFactory類,我們可以知道它是一個初始化一個頁面例項的功能,在例項化該頁面物件時候,也會一起例項化該頁面的元素定位。
2.專案實戰
在這裡巨集哥以百度首頁登入的例子,如果用POM實現,在測試指令碼中實際程式碼就幾行。
2.1程式碼設計
1.先新建一個pageObjects包,然後在pageObjects包新建一個百度主頁類:BaiduHomePage,程式碼設計如下圖所示:
2.再次新建一個testSuites包,然後在testSuites包下新建一個測試類:TestWithPOM
2.2參考程式碼
1.BaiduHomePage
package pageObjects; import org.openqa.selenium.WebElement; import org.openqa.selenium.support.FindBy; /** * @author 北京-巨集哥 * * @公眾號:北京巨集哥 * * 《手把手教你》系列基礎篇(八十七)-java+ selenium自動化測試-框架設計基礎-POM設計模式實現-上篇(詳解教程) * * 2022年3月20日 */ public class BaiduHomePage { // 元素定位// 登入按鈕 @FindBy(xpath="//*[@id='u1']/a[1]") WebElement login_link; // 輸入使用者名稱框 @FindBy(xpath="//*[@id='TANGRAM__PSP_11__userName']") WebElement inputBox_username; // 輸入密碼 @FindBy(xpath="//*[@id='TANGRAM__PSP_11__passwordWrapper']/input[2]") WebElement inputBox_password; // 登入按鈕@FindBy(id = "TANGRAM__PSP_11__submit") WebElement login_submitBtn; // 業務邏輯和操作方法 // 登入方法 public void login(String username, String password) throws InterruptedException { login_link.click(); Thread.sleep(3000); inputBox_username.sendKeys(username); inputBox_password.sendKeys(password); login_submitBtn.click(); } }
2.TestWithPOM
package testSuites; import org.testng.annotations.Test; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.support.PageFactory; import org.testng.annotations.BeforeClass; import pageObjects.BaiduHomePage; /** * @author 北京-巨集哥 * * @公眾號:北京巨集哥 * * 《手把手教你》系列基礎篇(八十七)-java+ selenium自動化測試-框架設計基礎-POM設計模式實現-上篇(詳解教程) * * 2022年3月20日 */ public class TestWithPOM { WebDriver driver; @BeforeClass public void setUp() throws Exception{ System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe"); driver = new ChromeDriver(); driver.manage().window().maximize(); driver.get("https://www.baidu.com/"); Thread.sleep(2000); } @Test public void testLogin() throws InterruptedException{ BaiduHomePage hp = PageFactory.initElements(driver, BaiduHomePage.class); hp.login("user1", "123456"); } }
2.3執行程式碼
1.執行程式碼,右鍵Run AS->TestNG Suite,控制檯輸出,如下圖所示:
2.執行程式碼後電腦端的瀏覽器的動作,如下小視訊所示:
3.非POM實現
下面跟隨巨集哥看一下不用POM怎麼實現登入百度首頁。
3.1程式碼設計
3.2參考程式碼
package testSuites; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.testng.annotations.AfterClass; import org.testng.annotations.BeforeClass; import org.testng.annotations.Test; /** * @author 北京-巨集哥 * * @公眾號:北京巨集哥 * * 《手把手教你》系列基礎篇(八十七)-java+ selenium自動化測試-框架設計基礎-POM設計模式實現-上篇(詳解教程) * * 2022年3月20日 */ public class TestWithoutPOM { WebDriver driver; @BeforeClass public void setUp() throws Exception{ System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe"); driver = new ChromeDriver(); driver.manage().window().maximize(); } @Test public void testBaidu() throws InterruptedException { driver.get("https://www.baidu.com/"); Thread.sleep(2000); Thread.sleep(3000); // click login link // 元素定位 // 登入按鈕 driver.findElement(By.xpath("//*[@id='u1']/a[1]")).click(); Thread.sleep(2000); // 輸入使用者名稱框 driver.findElement(By.xpath("//*[@id='TANGRAM__PSP_11__userName']")).clear(); driver.findElement(By.xpath("//*[@id='TANGRAM__PSP_11__userName']")).sendKeys("user1"); Thread.sleep(2000); // 輸入密碼 driver.findElement(By.xpath("//*[@id='TANGRAM__PSP_11__passwordWrapper']/input[2]")).clear(); driver.findElement(By.xpath("//*[@id='TANGRAM__PSP_11__passwordWrapper']/input[2]")).sendKeys("123456"); // 登入按鈕 driver.findElement(By.id("TANGRAM__PSP_11__submit")).click(); } @AfterClass public void tearDown(){ driver.quit(); } }
3.3執行程式碼
1.執行程式碼,右鍵Run AS->TestNG Suite,控制檯輸出,如下圖所示:
2.執行程式碼後電腦端的瀏覽器的動作,如下小視訊所示:
4.小結
好了今天主要介紹和講解了百度首頁登入使用POM和不使用POM。二者的優缺點一目瞭然,巨集哥在這裡就不多說了,今天就到這裡了,感謝您耐心的閱讀!!!