数据API 产品矩阵 案例 关于
掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务

加快 WEB 自动化定位工具

想法

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

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

需要实现的功能

  • 火狐插件记录元素定位

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

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

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

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

实践

火狐插件

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

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

改造一 : 增加firepath下的按钮

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

未命名1500613629.png

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

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

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

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

改造二:添加定位元素

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

未命名1500613673.png

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

342-640.jpg.png

改造三:查看定位元素

如下:

343-640.jpg.png

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

改造四:发送定位信息

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

344-640.jpg.png

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

未命名1500613786.png

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'],这时该定位在百度页面上无效的。我们载入看看

345-640.jpg.png

点击查看

346-640.jpg.png

看到这里显示.//*[@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

掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务
加快 WEB 自动化定位工具
发布:2017-07-21 13:02:16

想法

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

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

需要实现的功能

  • 火狐插件记录元素定位

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

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

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

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

实践

火狐插件

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

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

改造一 : 增加firepath下的按钮

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

未命名1500613629.png

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

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

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

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

改造二:添加定位元素

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

未命名1500613673.png

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

342-640.jpg.png

改造三:查看定位元素

如下:

343-640.jpg.png

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

改造四:发送定位信息

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

344-640.jpg.png

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

未命名1500613786.png

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'],这时该定位在百度页面上无效的。我们载入看看

345-640.jpg.png

点击查看

346-640.jpg.png

看到这里显示.//*[@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

选择想要的接口, 看看能免费获取多少次调用 选择(单选)或填写想要的接口
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
短信API服务
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
  • 确定
选择您的身份
请选择寻找接口的目的
预计每月调用量
请选择预计每月调用量
产品研发的阶段
请选择产品研发的阶段
×

前往领取
电话 0512-88869195
×
企业用户认证,
可获得1000次免费调用
注册登录 > 企业账户认证 > 领取接口包
企业用户认证领取接口包 立即领取
× 企业用户认证,
可获得1000次免费调用,立即领取>
数 据 驱 动 未 来
Data Drives The Future