章节十五、2-PageObjectModel

一、在实现自动化过程中，会有很多重复的代码，我们在维护代码时会很困难，如果想解决这个问题，我们就需要使用PageObjectModel（页面对象模型）的方式来进行自动化代码的书写。

二、案例演示

以该网站的机票预订操作为例：https://www.expedia.com/?siteid=100001&langid=2052&currency=CNY

1、首先我们在eclipse中创建2个包，pageclasses和pomtestcase，然后在pageclasses中创建一个用于存放单个元素的类SearchPage，在pomtestcase中创建一个类用于调用创建好的元素，这样就能够把页面元素和测试的用例代码分开存放，便于维护和调用。

2、在SearchPage类中将查找元素直接封装到方法中

package pageclasses;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;

public class SearchPage {
    
//    首先声明一个WebElement类型的变量
    public static WebElement element = null ;
    
//    加元素封装到方法中
    
    /**
     * 返回"机票按钮"元素
     * @param driver
     * @return
     */
     public static WebElement ticketButton(WebDriver driver) {
         element = driver.findElement(By.id("tab-flight-tab-hp"));
         return element;
     }

     /**
         * 返回"出发文本框"元素
         * @param driver
         * @return
         */
         public static WebElement startText(WebDriver driver) {
             element = driver.findElement(By.xpath("//input[@id='flight-origin-hp-flight']"));
             return element;
         }
         
    /**
        * 返回"飞往文本框"元素
        * @param driver
        * @return
        */
        public static WebElement endText(WebDriver driver) {
            element = driver.findElement(By.xpath("//input[@id='flight-destination-hp-flight']"));
            return element;
        } 
             
    /**
        * 返回"出发日期框"元素
        * @param driver
        * @return
        */
        public static WebElement startData(WebDriver driver) {
            element = driver.findElement(By.xpath("//input[@id='flight-departing-hp-flight']"));
            return element;
        } 
                 
    /**
        * 返回"返回日期框"元素
        * @param driver
        * @return
        */
        public static WebElement returnData(WebDriver driver) {
            element = driver.findElement(By.xpath("//input[@id='flight-returning-hp-flight']"));
            return element;
        } 
                     
    /**
        * 返回"点击登录"元素
        * @param driver
        * @return
        */
        public static WebElement searchButton(WebDriver driver) {
            element = driver.findElement(By.xpath("//div[@class='cols-nested ab25184-submit']//button[@class='btn-primary btn-action gcw-submit']"));
            return element;
        } 
}

元素封装好以后，在测试类中可以直接被多出重复调用，但前端代码路径发生变化，那么就只需要修改该类中相对应的元素路径即可，测试类中调用到该元素的路径也一并进行了修改，提高了我们对自动化代码维护时的工作效率。

3、在PageObjectModel类中直接调用，这样就简化了测试类中的代码量

package pomtestcase;

import static org.junit.jupiter.api.Assertions.*;

import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

import pageclasses.SearchPage;

class PageObjectModel {

    WebDriver driver;
    String url;
    
    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "https://www.expedia.com/?siteid=100001&langid=2052&currency=CNY";
        driver.manage().window().maximize();
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.get(url);
    }

    @Test
    void test() throws InterruptedException {
//        调用封装了元素的SearchPage类中的“机票”按钮元素
        SearchPage.ticketButton(driver).click();
        Thread.sleep(1000);
//        调用封装了元素的SearchPage类中的“出发”输入框元素
        SearchPage.startText(driver).sendKeys("长沙, 中国 (CSX-黄花国际机场)");
        Thread.sleep(1000);
//        调用封装了元素的SearchPage类中的“返回”输入框元素
        SearchPage.endText(driver).sendKeys("上海, 中国 (PVG-浦东国际机场)");
//        调用封装了元素的SearchPage类中的“出发”日期输入框元素
        SearchPage.startData(driver).sendKeys("2019/07/06");
//        调用封装了元素的SearchPage类中的“返回”日期输入框元素
        SearchPage.returnData(driver).sendKeys("2019/07/07");
//        调用封装了元素的SearchPage类中的“搜索”按钮元素
        SearchPage.searchButton(driver).click();
    }
    
    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
        driver.quit();
    }
}

三、在“案例演示”中我们只封装了查找元素的方法，但为了调用方便，我们可以将输入动作或者点击动作一并进行封装，进一步简化测试类中的代码量

将“出发地”文本框元素输入进行封装：

封装后调用：

如果有不明白的小伙伴可以加群“555191854”问我，群里都是软件行业的小伙伴相互一起学习。

内容具有连惯性，未标注的地方可以看前面的博客，这是一整套关于ava+selenium自动化的内容，从java基础开始。

欢迎关注，转载请注明来源。