Page Object封装思想

文章来源:http://blog.csdn.net/zhenyu5211314/article/details/13632083

Page Object模式是Selenium中的一种测试设计模式,主要是将每一个页面设计为一个Class,其中包含页面中需要测试的元素(按钮,输入框,标题等),这样在Selenium测试页面中可以通过调用页面类来获取页面元素,这样巧妙的避免了当页面元素id或者位置变化时,需要改测试页面代码的情况。当页面元素id变化时,只需要更改测试页Class中页面的属性即可。

    获取页面中元素的属性可以通过id,class或者XPath获取,在id唯一的情况下,可以使用id获取页面元素,否则可以使用XPath定位页面元素。

    可以使用火狐浏览器中的Firebug工具查找页面元素,首先在元素上右键,选择使用firebug查看元素,然后元素就被选中了,在页面代码上右键,选择复制XPath即可获取该元素的XPath了。

    具体操作界面如下图所示:

    使用XPath获取用户名元素代码如下:

 

  1. public static final String USERNAME_XPATH = "//*[@id=\"username\"]";  
public static final String USERNAME_XPATH = "//*[@id=\"username\"]";
  1. this.driver.findElement(By.xpath(LoginPageClass.Contants.USERNAME_XPATH)).sendKeys("username");  
this.driver.findElement(By.xpath(LoginPageClass.Contants.USERNAME_XPATH)).sendKeys("username");

    上面那行代码定义了用户名输入框的XPath,下面那行代码是通过XPath获取元素,并且在输入框填写了值:username           So Easy!

 

    还可以使用XPath Checker工具获取元素的Xpath,这个工具同样也是火狐专有的,在页面元素上右键,选择View Xpath,弹出如下界面:

    上面不是有个XPath么,直接复制就好啦。

    好了,我们已经能获取元素的Xpath了,下面就开始编写登陆页面的LoginPageClass的代码。

    其实在Page Object设计时,可以有两种设计模式:

    1. 在Class中实现逻辑功能,比如判断title是否显示正确,页面跳转是否正确,只需要返回函数执行结果(True OR False)即可

    2. 在Class中返回元素内容,比如返回title内容,具体的逻辑在测试页面代码中书写,这样Page Object 端只需要获取元素和返回值就行啦,工作也比较简单

 

    下面我们分析登陆页面LoginPageClass的具体实现功能,我们采用上述第一中设计模式。

    首先,我们要分析登陆页面需要测试哪些元素,页面title,用户框,密码框,登陆按钮,就这四个,那我们设置四个常量,一个存储预期的title值,还有三个分别是那三个元素的XPath值。代码如下:

 

  1. public static class Contants {  
  2.     public static final String TITLE = "天津市宁河县卫生监督系统:登录页";  
  3.     //通过XPATH获取页面元素   
  4.     public static final String USERNAME_XPATH = "//*[@id=\"username\"]";  
  5.     public static final String PASSWORD_XPATH = "//*[@id=\"password\"]";  
  6.     public static final String LOGIN_BUTTON_XPATH = "//*[@id=\"loginForm\"]/img";  
  7. }  
    public static class Contants {
        public static final String TITLE = "天津市宁河县卫生监督系统:登录页";
        //通过XPATH获取页面元素
        public static final String USERNAME_XPATH = "//*[@id=\"username\"]";
        public static final String PASSWORD_XPATH = "//*[@id=\"password\"]";
        public static final String LOGIN_BUTTON_XPATH = "//*[@id=\"loginForm\"]/img";
    }

    然后,我们重写这个LoginPageClass类的构造函数,因为在测试页代码中声明这个类的对象的时候,我们应该把WebDriver和想打开页面的url传进来,通过WebDriver就能获取页面的元素啦,通过url可以打开登录页面,我们希望声明对象的时候打开登录页面。代码如下:

 

 

  1. private WebDriver driver;  
  2. //登陆页面的URL   
  3. private String url;  
  4.   
  5. //声明对象时,自动加载页面   
  6. public LoginPageClass(WebDriver driver, String url){  
  7.     this.driver = driver;  
  8.     this.url = url;  
  9.     // 加载页面   
  10.     this.driver.get(this.url);  
  11. }  
    private WebDriver driver;
    //登陆页面的URL
    private String url;

    //声明对象时,自动加载页面
    public LoginPageClass(WebDriver driver, String url){
        this.driver = driver;
        this.url = url;
        // 加载页面
        this.driver.get(this.url);
    }

    然后,前期准备工作就做好了,我们需要写一些基本的函数,用于测试,比如说输入不同的用户名和密码,返回是否登录成功等等,在这里我们另外写了两个函数,第一个getTitle用来获取页面的title(this.driver.getTitle(),就是这么简单),还有一个就是判断页面是否加载正常isLoaded(其实是用title是都等于期望的常量判断的),最后就是刚才说的,参数是用户名和密码,返回T  OR  F 的login函数。代码如下:

 

 

  1. //获取页面标题   
  2.    public String getTitle() {  
  3.        return this.driver.getTitle();  
  4.    }  
  5.      
  6.    //检测页面是否加载,判断title是否相等,返回T/F   
  7.    public boolean isLoaded() {  
  8.        System.out.println(this.getTitle());  
  9.        return LoginPageClass.Contants.TITLE.equals(this.getTitle());  
  10.    }  
  11.      
  12.    //登陆函数,传入用户名和密码,并点击登陆按钮,然后根据title判断跳转是否成功   
  13.    public boolean login(String username, String password) {  
  14.        this.driver.findElement(By.xpath(LoginPageClass.Contants.USERNAME_XPATH)).sendKeys(username);  
  15.        this.driver.findElement(By.xpath(LoginPageClass.Contants.PASSWORD_XPATH)).sendKeys(password);  
  16.        this.driver.findElement(By.xpath(LoginPageClass.Contants.LOGIN_BUTTON_XPATH)).click();  
  17.        // 跳转到主页面,比较标题判断跳转是否成功   
  18.        return MainPageClass.Contants.TITLE.equals(this.getTitle());  
  19.    }  
 //获取页面标题
    public String getTitle() {
        return this.driver.getTitle();
    }
    
    //检测页面是否加载,判断title是否相等,返回T/F
    public boolean isLoaded() {
        System.out.println(this.getTitle());
        return LoginPageClass.Contants.TITLE.equals(this.getTitle());
    }
    
    //登陆函数,传入用户名和密码,并点击登陆按钮,然后根据title判断跳转是否成功
    public boolean login(String username, String password) {
        this.driver.findElement(By.xpath(LoginPageClass.Contants.USERNAME_XPATH)).sendKeys(username);
        this.driver.findElement(By.xpath(LoginPageClass.Contants.PASSWORD_XPATH)).sendKeys(password);
        this.driver.findElement(By.xpath(LoginPageClass.Contants.LOGIN_BUTTON_XPATH)).click();
        // 跳转到主页面,比较标题判断跳转是否成功
        return MainPageClass.Contants.TITLE.equals(this.getTitle());
    }

    好了,上面就是我们根据Page Object第一种设计模式设计的LoginPageClass类了。

 

 

    下面我们开始设计测试代码,姑且叫做LoginPageTest吧,也好区分,因为逻辑基本上在Class中实现的差不多了,在测试代码中只需要写一些@Test函数就行啦(注意,一个@Test表示一个测试,都会重新打开火狐,并且他们的@Before  和  @After条件都一样)

    首先写@Before  和  @After吧,我们需要定义传给LoginPageClass类的WebDriver和url,以及声明一个LoginPageClass对象,然后就在Before里面打开火狐,将对象赋值(这时就会打开url了),在After中关闭浏览器就行啦(建议使用quit退出,close退出有bug)。代码如下:

 

  1. private static final String URL = "http://192.168.10.15:8080/nh";  
  2. private WebDriver driver;  
  3. private LoginPageClass page;  
  4.   
  5. @Before  
  6. public void setUp() throws Exception {  
  7.     System.setProperty ( "webdriver.firefox.bin" , "K:/Program Files/Mozilla Firefox/firefox.exe" );  
  8.     this.driver = new FirefoxDriver();  
  9.     this.page = new LoginPageClass(this.driver, URL);  
  10.   //this.driver = new ChromeDriver(); //这是chrome浏览器的驱动   
  11.   //this.driver = new InternetExplorerDriver(); //这是IE浏览器的驱动   
  12.   //this.driver = new HtmlUnitDriver(); //这是一个无界面测试模式,不用打开浏览器,通过后台输入来判断测试用例是否通过   
  13. }  
  14.   
  15. @After  
  16. public void tearDown() throws Exception {  
  17.     //关闭浏览器   
  18.     this.driver.quit();  
  19. }  
    private static final String URL = "http://192.168.10.15:8080/nh";
    private WebDriver driver;
    private LoginPageClass page;
    
    @Before
    public void setUp() throws Exception {
    	System.setProperty ( "webdriver.firefox.bin" , "K:/Program Files/Mozilla Firefox/firefox.exe" );
        this.driver = new FirefoxDriver();
        this.page = new LoginPageClass(this.driver, URL);
      //this.driver = new ChromeDriver(); //这是chrome浏览器的驱动
      //this.driver = new InternetExplorerDriver(); //这是IE浏览器的驱动
      //this.driver = new HtmlUnitDriver(); //这是一个无界面测试模式,不用打开浏览器,通过后台输入来判断测试用例是否通过
    }

    @After
    public void tearDown() throws Exception {
    	//关闭浏览器
        this.driver.quit();
    }

    下面就是最后一步啦,写几个测试用例吧,我测试网页是否加载正常,测试页面title是否和预期一样,输入不同的用户名和密码,测试跳转是否正确等等。

 

 

  1. @Test  
  2.  public void testPageLoading() {  
  3.      assertEquals(true, this.page.isLoaded());  
  4.  }  
  5.    
  6.  @Test  
  7.  public void testTitle() {  
  8.      assertEquals(LoginPageClass.Contants.TITLE, this.page.getTitle());  
  9.  }  
  10.    
  11.  @Test  
  12.  public void testLoginOne() {  
  13.      assertEquals(true, this.page.login("admin",  "12345678"));  
  14.  }  
  15.    
  16.  @Test  
  17.  public void testLoginTwo() {  
  18.      assertEquals(true, this.page.login("Admin",  "12345678"));  
  19.  }  
  20.    
  21.  @Test  
  22.  public void testLoginThree() {  
  23.      assertEquals(true, this.page.login("Admin",  "  12345678"));  
  24.  }  
  25.    
  26.  @Test  
  27.  public void testLoginFour() {  
  28.      assertEquals(true, this.page.login("Admin",  "12345678  "));  
  29.  }  
  30.    
  31.  @Test  
  32.  public void testLoginFive() {  
  33.      assertEquals(false, this.page.login("zhenyu",  "12345678"));  
  34.  }  
  35.    
  36.  @Test  
  37.  public void testLoginSix() {  
  38.      assertEquals(false, this.page.login("zhenyu",  "10086"));  
  39.  }  
  40.    
  41.  @Test  
  42.  public void testLoginSeven() {  
  43.      assertEquals(false, this.page.login("admin",  "1234  5678"));  
  44.  }  
   @Test
    public void testPageLoading() {
        assertEquals(true, this.page.isLoaded());
    }
    
    @Test
    public void testTitle() {
        assertEquals(LoginPageClass.Contants.TITLE, this.page.getTitle());
    }
    
    @Test
    public void testLoginOne() {
        assertEquals(true, this.page.login("admin",  "12345678"));
    }
    
    @Test
    public void testLoginTwo() {
        assertEquals(true, this.page.login("Admin",  "12345678"));
    }
    
    @Test
    public void testLoginThree() {
        assertEquals(true, this.page.login("Admin",  "  12345678"));
    }
    
    @Test
    public void testLoginFour() {
        assertEquals(true, this.page.login("Admin",  "12345678  "));
    }
    
    @Test
    public void testLoginFive() {
        assertEquals(false, this.page.login("zhenyu",  "12345678"));
    }
    
    @Test
    public void testLoginSix() {
        assertEquals(false, this.page.login("zhenyu",  "10086"));
    }
    
    @Test
    public void testLoginSeven() {
        assertEquals(false, this.page.login("admin",  "1234  5678"));
    }


    注意:MainPageClass是我定义的登陆之后的主页面,里面也有它的title和页面元素。

 

 

    上面就是我是用Page Object 实现的测试登陆页面的例子,最后在LoginPageTest上右键Run As  JunitTest就完事啦。看看你的用例是否全部通过了呢?

    我的是全都通过啦,哈哈。

posted @ 2014-08-25 15:04  pp_sunlight  阅读(827)  评论(0编辑  收藏  举报