selenium Object Page 设计模式理解及实现!

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

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

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

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

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

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

其实在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     }  

然后,我们重写这个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     }  

然后,前期准备工作就做好了,我们需要写一些基本的函数,用于测试,比如说输入不同的用户名和密码,返回是否登录成功等等,在这里我们另外写了两个函数, 第一个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        }  

好了,上面就是我们根据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     }  
时间: 2024-09-29 21:04:32

selenium Object Page 设计模式理解及实现!的相关文章

python+ selenium&APPium page Object 设计模式

题记: 之前公司项目比较稳定, 在进行了系统测试,想用自动化测试进行冒烟测试,或者对主要功能进行测试, 因此用到了PO模式 因此做个记录: Page Object Page Object模式是使用Selenium的广大同行最为公认的一种设计模式.在设计测试时,把元素和方法按照页面抽象出来,分离成一定的对象,然后再进行组织. Page Object模式,创建一个对象来对应页面的一个应用.故我们可以为每个页面定义一个类,并为每个页面的属性和操作构建模型.体现在对界面交互细节的封装,测试在更上层使用页

浅析selenium的page object模式

selenium目前比较流行的设计模式就是page object,那么到底什么是page object呢,简单来说,就是把页面作为对象,在使用中传递页面对象,来使用页面对象中相应的成员或者方法,能更好的提现java的面向对象和封装特性,首先看一下官网的解释: Page Object Design Pattern Page Object is a Design Pattern which has become popular in test automation for enhancing tes

File类--System.out.print(Object obj)的理解

一.File 类(java.io) 概述:Java中使用File类来表示文件或者文件夹对象!     抽象路径名:描述文件或文件夹时,使用的路径符号,就是一个对象的字符串表示形式,如"c:\\";     绝对路径:绝对位置开始的路径;     相对路径:相对位置开始的路径; 构造方法:     File(String pathname)     File(String parent, String child)     File(File parent, String child)

ArrayList集合--关于System.out.print(Object obj);的理解

1.ArrayList集合中常用的方法 ArrayList<Student> stuArrayList = new ArrayList<>(); //定义一个集合对象 stuArrayList.add():    //添加元素 stuArrayList.add(index, e):    //在某个位置添加元素,但不覆盖原元素 stuArrayList.get(index):    //获取某位置的元素 stuArrayList.size():    //获取集合长度 stuArr

设计模式理解(二)创建型——单例、原型

设计模式理解(二)单例(Singleton)与原型(Prototype) 为什么一起写,因为懒.... 单例,就是用了面向对象语言的一些奇技淫巧,把构造函数私有了,然后用一个自身类型的静态指针作为全局唯一的实例的引用.碰到并发之类就呵呵了. 这么简单都能画个UML图,还煞有介事似的,我晕. -----------------------   分割线   ------------------------ 原型(Prototype) 我理解就是给一个类糊弄个cloneable之类的接口,让它自己决定

JAVA:连接池技术说明以及MVC设计模式理解

JAVA:连接池技术说明以及MVC设计模式理解

Python+Selenium使用Page Object实现页面自动测试 -未完待续

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

Page Object页面设计模式核心要点

  Page Object,页面对象.一种设计模式,实施selenium的最佳实践,体现了web应用与页面显示之间的关系.为什么需要Page Object?测试代码维护的需要:减少代码的编码量,减少代码的维护量,清晰而明确的业务测试流程. Page Obje实现了测试代码的分层:页面元素.元素操作 和 页面业务的分离. 1.基础类 全局公共配置方法2.页面类 页面业务+元素集合3.用例层 关注数据和业务流程4.增加测试用例1(增加商品). 测试用例2(删除商品) 5.代码解耦 用例1和用例2公共

Test Automation With Selenium Using Page Object Design

WebDriver IntroductionA different way of automating the browser.. Create a browser-specific driver to control the browser directly and have to do this for each browser. Object oriented API. Doesn't need a real browser. No JavaScript limitations. No n