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 }