加快 WEB 自动化定位工具

想法

自动化中，有很大一部分时间，是用来增加和维护元素定位的工作。比如，增加一个信的页面，需要抓取页面元素的定位信息，写一个元素定位的POJO类。如果要元素界面变了，还需要找出那些元素定位更改失效了，需要重新编写POJO。这是一件很麻烦的事情。

基于上述问题，我想加快和优化WEB自动化的进程，有一个简单的想法，分享给大家。利用火狐的插件，记录元素的定位信息，将信息发送给服务端，自动生成POJO类。

需要实现的功能

• 火狐插件记录元素定位

• 火狐插件检查元素定位有效性

• 火狐插件发送元素定位信息到服务端

• 火狐插件加载服务端的定位信息

• 服务端解析元素定位信息，生成POJO类

实践

火狐插件

插件不可能自己开发，依托了已有的插件功能，自己可以新增功能。这里用到了firefox中的firebug和firepath两个插件，使用这两个插件进行改造

安装好两个插件后，大概这样，可以使用firepath进行元素的定位。

改造一 : 增加firepath下的按钮

我需要增加如下按钮，来实现上述功能

1. 添加：添加元素的定位信息

2. 查看：查看已有的元素定位

3. 清除：删除所有定位信息

4. 载入：从服务端下载已有的元素定位

改造二：添加定位元素

当我用firepath抓取元素信息时，会在firepath的路径中显示以定位元素的xpath，获取以下定位信息。

点击增加后，会弹出填写定位信息。描述会生成POJO的注释信息，变量名会变为POJO的属性。

改造三：查看定位元素

如下：

展现已有的定位信息（但不能更改），并在最后一个输入框显示该定位是否有效，如果无效则显示“无效的”（一会儿展示），可以删除当前元素定位。

改造四：发送定位信息

在上述查看中，可以将元素信息发送给服务端，服务端根据信息解析成POJO源码，复制到项目中即可。

我这里抓取了一些元素定位信息，并发送个服务端，服务端会生成Baidu.java的类源文件。如下

POJO源文件 Baidu.java

package me.utils.selenium_utils.page;

    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.support.FindBy;

    public class Baidu{
        /**
        * 百度logo
        **/
        @FindBy(xpath=".//*[@id='lg']/img")
        public  WebElement bd_logo;
        /**
        * 搜索框
        **/
        @FindBy(xpath=".//*[@id='kw']")
        public  WebElement kw;
        /**
        * hao123
        **/
        @FindBy(xpath=".//*[@id='u1']/a[2]")
        public  WebElement bd_hao123;
        /**
        * 地图链接
        **/
        @FindBy(xpath=".//*[@id='u1']/a[3]")
        public  WebElement bd_ditu_link;
        /**
        * 视频链接
        **/
        @FindBy(xpath=".//*[@id='u1']/a[4]")
        public  WebElement bd_shipin_link;
        /**
        * 新闻链接
        **/
        @FindBy(xpath=".//*[@id='u1']/a[1]")
        public  WebElement bd_news_link;
        /**
        * 搜索按钮
        **/
        @FindBy(xpath=".//*[@id='su']")
        public  WebElement su;
    }

这时我们可以下载源码，将其复制到项目中应用。注意：这里不要手动修改定位Java类源文件。如果我们需要写一些方法时，继承该定位类即可。
如下：我们写一个BaiduPage类

public class BaiduPage extends Baidu {

    public void search(String content){
        kw.sendKeys(content);
        su.click();
    }}

在测试中使用，如下

...@Test
    void test() throws InterruptedException{
        driver = (WebDriver) context.getBean("freshWebDriver");
        driver.get("http://www.baidu.com");

        BaiduPage page = PageFactory.initElements(driver, BaiduPage.class);
        page.search("testerhome");
        Thread.sleep(5000);
        driver.close();
    }...

为什么不能手动修改类？
好处一在于一会我们要自动修改定位信息。好处二在于，下回自动生成时，也不会使你定义的search(String content)被覆盖掉。

改造五：载入定位信息

定位是需要经常修改的，这意味这，我们经常要手动找到已经失效的元素定位信息，这是一件令人沮丧的事情。

载入的目的就是为了解决这个问题。点击载入后，会输入完整的类名，如me.utils.selenium_utils.page.Baidu。这是插件会从服务端下载定位信息。这里我们假设，刚才定位搜索框的信息是.//*[@id='kw1']，这时该定位在百度页面上无效的。我们载入看看

点击查看

看到这里显示.//*[@id='kw1']是无效的，因为在百度首页dom中根本不存在该定位元素。这时我们就可以删除后重新添加该元素。发送后会自动覆盖上次的定位信息，生成新的POJO类。

服务端

服务端的功能简单，就是收发元素定位信息，将信息生成Java源码，提供下载。这里没什么好说的，展示一下Json数据

部分

{
    "name": "Baidu",
    "url": "https://www.baidu.com/",
    "elements": [
        {
            "name": "bd_logo",
            "type": "xpath",
            "value": ".//*[@id='lg']/img",
            "description": "百度logo",
            "valid": true
        }
    ]}

总结

至此，我们可以准确的将定位信息，自动生成Java源码，且可维护。不必复制来复制去了。这里提供给大家这个想法和实践，小弟这些愚见，如有不妥之处，望指正，欢迎拍砖！最后来个完整的图。

原文来自:TesterHome

声明：所有来源为“聚合数据”的内容信息，未经本网许可，不得转载！如对内容有异议或投诉，请与我们联系。邮箱：marketing@think-land.com