po编程——自动化测试面试必问

Posted happy521

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了po编程——自动化测试面试必问相关的知识,希望对你有一定的参考价值。

先来看一个在腾讯课堂首页搜索机构的操作步骤:

1:首先打开腾讯课堂的首页:https://ke.qq.com

2:点击课程或机构的下拉选择图标

3:选择机构

4:在搜索框输入要搜索的机构名称

5:点击查找图标查找机构,跳转到查找结果页面

6:检查查找出的机构名称

7:点击机构logo跳转详情页面

 

上述操作涉及到两个页面,腾讯课堂首页和搜索结果页,操作图示如下:

1:腾讯课堂首页

技术分享图片

2:搜索结果页面

技术分享图片

使用webdirver的api完成模拟上述步骤代码如下:

SearchCase.java

 1 package com.lemon.auto.po;
 2 
 3 import org.openqa.selenium.By;
 4 import org.openqa.selenium.WebDriver;
 5 import org.openqa.selenium.firefox.FirefoxDriver;
 6 
 7 public class SearchCase {
 8 
 9     public static void main(String[] args) {
10         //设置火狐的可执行文件的路径
11         System.setProperty("webdriver.firefox.bin", "D:/Program Files/Mozilla Firefox/firefox.exe");
12         //创建一个火狐驱动
13         WebDriver driver = new FirefoxDriver();
14 
15         //1:打开腾讯课堂首页
16         driver.get("https://lemon.ke.qq.com");
17         //2:定位下拉图标,并点击
18         driver.findElement(By.cssSelector("i[class=‘icon-font i-v-bottom-small‘]")).click();
19         //3:定位课程或机构的下拉选择图标,并点击
20         driver.findElement(By.cssSelector("span[class=‘mod-search-dropdown-item‘]")).click();
21         //4:定位搜索输入框,并输入搜索内容“柠檬班”
22         driver.findElement(By.id("js_keyword")).sendKeys("柠檬班");
23         //5:定位搜索图标,并点击,进行搜索
24         driver.findElement(By.id("js_search")).click();
25         //6:获得机构名称
26         String agencyName = driver.findElement(By.cssSelector("h2[class=‘search-agency-name‘]")).getText();
27         System.out.println(agencyName);
28         //7:定位logo,并点击调整机构详情页面
29         driver.findElement(By.cssSelector("a[href=‘//lemon.ke.qq.com‘]")).click();
30 
31         //关闭当前窗口
32         driver.close();
33     }
34 }

上述代码简单而清晰,但如果每个测试用例都这样去写的话,将会出现非常多的重复性代码,可维护性较低,因此,在使用Selenium WebDirver进行自动化开发时,可以使用po(页面对象)编程的思想,减少重复性代码、提高代码的可维护性。

 

一:po的概念与思想

po是page object的缩写,即页面对象。使用po是对页面进行抽象或者说建模的过程,需要把页面当作一个对象

面向对象编程语言中,进行面向对象编程需要考虑以下两点:

1:对象的属性(全局变量)

2:对象的行为(函数)

po思想也是一样,对页面进行抽象时,把页面的一个一个的web元素设计为页面对象的属性,把页面上的操作(如点击、输入等)设计为页面对象的行为

 

二:po中元素的定位

Selenium提供了许多注解和Api可以方便的定位元素和初始化元素,如下是腾讯课堂首页下拉选择机构图标的声明方式:

1 @FindBy(css="i[class=‘icon-font i-v-bottom-small‘]")
2 @CacheLookup 
3 public WebElement select_icon; 

三行代码释义:

1、@FindBy(css="i[class=‘icon-font i-v-bottom-small‘]")

指定了要元素的定位方式,如上表示以cssSelector方式进行定位,还有其他7种写法@FindBy(id="xxx")、@FindBy(name="xxx")...

2、@CacheLookup 

表示缓存查找到元素,重复使用可提高查询速度

3、public WebElement select_icon;

声明一个web元素类型的全局变量

 

三:po中元素的初始化

Po提供了 PageFactory.initElements()来初始化页面元素,把查找的元素赋值到我们定义的属性(全局变量)上面

为了非常方便的进行页面元素的初始化,我们把该方法放置到页面类型的构造方法中,当调用该构造方法创建页面对象时,会调用该方法同时初始化页面的元素

代码如下:

1     public KeqqHomePage() {
2             PageFactory.initElements(driver, this);
3     }

四:页面行为抽象

元素初始化后,通过操作元素(如点击,输入)即可完成页面的功能,po中对页面功能的抽象,则提现为声明一个一个的对象方法

如下是页面选择机构的行为的抽象:

1     public void selectOrg(){
2         //选择机构需要进行两步操作,首先点击下拉图标,然后点击机构选项,
3 //两步操作写入到该方法,页面对象调用该对象方法,则可完成选择结构的行为
4         select_icon.click();
5         org_item.click();
6     }

下面是对“腾讯课堂首页”页面进行抽象的完整代码:

KeqqHomePage.java

 1 package com.lemon.auto.po;
 2 import org.openqa.selenium.WebElement;
 3 import org.openqa.selenium.support.CacheLookup;
 4 import org.openqa.selenium.support.FindBy;
 5 import org.openqa.selenium.support.PageFactory;
 6 
 7 /**
 8  * 腾讯课堂首页类
 9  * @author tommy
10  * @date 2018年5月11日
11  * @email 
12  */
13 public class KeqqHomePage extends BasePage {
14     //下拉图标
15     @FindBy(css = "i[class=‘icon-font i-v-bottom-small‘]")
16     @CacheLookup //缓存元素,重复使用提高效率
17     public WebElement select_icon; //首页上选择图标
18 
19     //机构元素
20     @FindBy(css = "span[class=‘mod-search-dropdown-item‘]")
21     @CacheLookup
22     public WebElement org_item;//结构选项
23 
24     //输入框
25     @FindBy(id = "js_keyword")
26     @CacheLookup
27     public WebElement search_input;
28 
29     //搜索按钮
30     @FindBy(id = "js_search")
31     @CacheLookup
32     public WebElement search_btn;
33 
34     //页面的url
35     private static final String HOME_PAGE_URL = "https://ke.qq.com";
36 
37     //打开首页
38     public void openUrl() {
39         driver.get(HOME_PAGE_URL);
40     }
41 
42     /**
43      * 关闭浏览器
44      */
45     public void close() {
46         driver.quit();
47     }
48 
49     //默认构造方法
50     public KeqqHomePage() {
51         //当前页面、当前对象
52         PageFactory.initElements(driver, this);
53     }
54 
55     //2:方法(行为)
56     /**
57      * 选择机构
58      */
59     public void selectOrg() {
60         //选择机构需要进行什么操作
61         select_icon.click();
62         org_item.click();
63     }
64 
65     /**
66      * 输入内容并且搜索---》返回一个结果页面
67      */
68     public SearchResultPage typeContentAndSearch(String content) {
69         //输入框输入内容
70         search_input.sendKeys(content);
71         //搜索按钮点击
72         search_btn.click();
73         return new SearchResultPage();
74     }
75 }

其中继承的父类BasePage仅仅只包含一个静态全局变量driver,方便其他页面继承直接使用

BasePage.java

1 package com.lemon.auto.po;
2 import org.openqa.selenium.WebDriver;
3 import com.lemon.auto.BrowerSelector;
4 
5 public class BasePage {
6     //全局的webdirver
7     protected static WebDriver driver = BrowerSelector.getWebDriver();
8 }

其中BrowerSelector.getWebDriver()方法是封装好的一个工具类,用来启动浏览器,得到driver对象用的,在后面的源代码网盘链接中可以下载到。

 

相同的方式对“结果页面”进行抽象,代码如下:

SearchResultPage.java

 1 package com.lemon.auto.po;
 2 
 3 import org.openqa.selenium.WebElement;
 4 import org.openqa.selenium.support.CacheLookup;
 5 import org.openqa.selenium.support.FindBy;
 6 import org.openqa.selenium.support.PageFactory;
 7 
 8 public class SearchResultPage extends BasePage {
 9 
10     //logo图标
11     @FindBy(css = "a[href=‘//lemon.ke.qq.com‘]")
12     @CacheLookup
13     public WebElement logo_icon;
14 
15     //机构名label
16     @FindBy(css = "h2[class=‘search-agency-name‘]")
17     @CacheLookup
18     public WebElement agency_name_label;
19 
20     public SearchResultPage() {
21         PageFactory.initElements(driver, this);
22     }
23 
24     /**
25      * 校验搜索结果
26      */
27     public void checkSearchResult() {
28         System.out.println(agency_name_label.getText());
29     }
30 
31     /**
32      * 到机构的详情页面
33      */
34     public void toAgencyDetail() {
35         logo_icon.click();
36     }
37 
38 }

执行测试的类,代码如下:

Tester.java

 1 package com.lemon.auto.po;
 2 
 3 public class Tester {
 4 
 5     public static void main(String[] args) throws InterruptedException {
 6         //1:打开腾讯课堂首页,创建页面对象模型
 7         KeqqHomePage homePage = new KeqqHomePage();
 8         homePage.openUrl();
 9         //2:选择机构
10         homePage.selectOrg();
11         //3:输入内容并且点击搜索
12         SearchResultPage resultPage = homePage.typeContentAndSearch("柠檬班");
13         //4:检测结果
14         resultPage.checkSearchResult();
15         //5:到机构的详情页面、
16         resultPage.toAgencyDetail();
17         Thread.sleep(10000);
18         //关闭浏览器
19         homePage.close();
20     }
21 }

总结:

po编程,实质上就是分离页面元素、封装页面元素操作的过程,将可能变化的页面元素单独映射到对象属性、将页面元素操作抽象成函数,让我们以面向对象方式理解抽象一个页面,实际上就是编程中解耦思想的应用,从而简化测试用例的步骤,提高自动化测试代码的可维护性。

附公开课视频和源码百度云链接:

https://pan.baidu.com/s/1GoZyigdWiHIQY3xy9nE2ww 密码:1fgl

以上是关于po编程——自动化测试面试必问的主要内容,如果未能解决你的问题,请参考以下文章

自动化测试工程师面试必问的异常处理

大厂面试必问!HashMap 怎样解决hash冲突?

月薪20K软件测试自动化岗必问面试题:验证码识别与处理

字节软测面试必问的Selenium自动化测试框架设计,你会了吗?

字节软测面试必问的Selenium自动化测试框架设计,你会了吗?

字节软测面试必问的Selenium自动化测试框架设计,你会了吗?