Holmos自动化测试入门学习（二）-------页面元素定位

学过WebDriver的同学一定知道页面元素的定位是WebDriver框架的核心内容，在Holmos一样页面元素的定位也 

非常的重要。

Holmos跟WebDriver有个很大的区别就是Holmos把页面元素的定位和业务流程操作分开，大幅度降低了代码维护的成本。

Holmos 团队的旭日云海，还针对Holmos页面元素定位的方式开发了个火狐的插件，可以快速自动的定位出整个页面元素的定位，

并可以在基本不做修改情况下直接使用。由于还没具体看到这火狐插件，这边就不说具体使用，默默等待ing....

在具体介绍定位方法之前，先简单介绍下Holmos中主要的元素类型

Holmos-webTest主要元素类型如下：

• Button  按钮       
• CheckBox  勾选框                          
• Combobox  下了框                      
• Image  图片                                     
• Label  标签                                        
• Link  链接                                                                
• RadioButton  单选框                         
• RichTextField  长文本框/富文本框                     
• Table  表                                            
• TextField  文本框                              

了解了页面的基本元素类型后，我们开始正式看看页面元素定位的方法。
Holmos 框架页面元素定位有9种方式：

• addIDLocator  --------------根据ID属性值定位，速度快，准确率高，而且基本是唯一
• addNameLocator--------------根据Name属性定位
• addClassLocator-------------根据Class属性值定位
• addCSSLocator---------------根据CSS路径定位，一般用浏览器默认的CSS查找引擎，如果没有就用Sizzle作为查找引擎（例如IE6，7）
• addLinkTextLocator----------根据标签之间的Text值定位，如<a>Text</a>
• addPartialLinkTextLocator---根据部分文本值定位
• addTagNameLocator-----------根据dom节点的节点名来定位 如<a></a>节点名为a
• addXpathLocator-------------根据Xpath路径来定位
• addAttributeLocator---------根据dom节点中某一个属性和对应的属性值来定位

同样Holmos 支持多维方式定位，就是你一个页面元素可以同时用上面1种或多种方式去定位，只要一种方式成功便成功定位。

以下以百度首页为具体例子：

1.首先新建个百度Page类，类名就叫Baidu，并继承Page类，代码示例

import com.holmos.webtest.element.Button;import com.holmos.webtest.element.Image;import com.holmos.webtest.element.Link;import com.holmos.webtest.element.TextField;import com.holmos.webtest.struct.Page;public class Baidu extends Page {        // 构造个方法，元素定位页面的固定学法        public Baidu() {               super();               this.comment = "百度首页";// 页面注释               this.init();// 页面元素收集       }               // 实例化个图片元素 百度LOGO        public Image logo =new Image( "百度logo" );       {               logo.addXpathLocator(".//*[@id='lg']/img" );// 这里采用Xpath方式定位       }               // 实例化一个链接元素 登陆标签        public Link loginLink =new Link( "登录标签" );       {               loginLink.addLinkTextLocator("登录" );// 这里使用标签之间的Text值定位       }               // 实例化一个文本框元素 搜索输入框        public TextField input =new TextField( "搜索输入框" );       {               input.addIDLocator("kw" );// 这里使用ID值定位       }               // 实例化一个文本框元素 搜索输入框，并多维定位        public Button search =new Button( "百度一下" );       {               search.addIDLocator("su" );// 这里使用ID值定位               search.addXpathLocator("html/body/div[1]/div[1]/div[2]/div/form/span[2]/input" );//采用Xpath绝对值定位       }}

2.页面元素定位完成，对页面元素进行操作，验证是否定位准确。

   新建个测试类，类名我们就取Baidu_Test，具体代码如下：

import org.junit.Test;import com.holmos.webtest.EngineType;import com.holmos.webtest.utils.HolmosWindow;public class Baidu_Test {        public Baidu baidu =new Baidu();        /**        *1.在搜索框输入： Holmos        *2.点击百度一下，进行搜索        */        @Test        public void search(){              HolmosWindow. openNewWindow(EngineType.WebDriverChrome, "http://www.baidu.com" );// 打开百度页面               baidu.input .setText("Holmos"); // 搜索框输入： Holmos。  setText()为文本框传值的方法               baidu.search .click();// 点击百度一下，进行搜索。   click()是鼠标点击操作              HolmosWindow. closeAllWindows();// 关闭结束测试       }        /**        * 获取百度LOGO图片的标签中URL属性的值，并打印        */        @Test        public void getIMGURL(){              HolmosWindow. openNewWindow(EngineType.WebDriverChrome, "http://www.baidu.com" );// 打开百度页面              System. out.println(baidu .logo.getAttribute( "src"));//getAttribute()方法就是获取某个元素某个属性的值              HolmosWindow. closeAllWindows();// 关闭结束测试       }}

执行结果：

控制台输出可以看到;

最后介绍个在页面元素中定位非常好用的火狐浏览器插件叫：FirePath。安装完后在FireBug中就可以看到。

下面1 2 3个鼠标点击步骤便可以查看到你要定位元素的Xpath地址。