自动化测试之二：WebDriver API（1）

骑猪看日落 2023-01-05 05:29 106阅读 0赞

## 1. 定位元素 ##

** ****自动化测试要做的就是模拟鼠标和键盘来操作元素，比如单击，输入，鼠标悬停等。**

**     WebDriver提供了8中定位方法，在python中，对应方法如下：**

id定位：find_element_by_id()
    
    name定位：find_element_by_name()
    
    tag定位：find_element_by_tag_name()
    
    class定位：find_element_by_class_name()
    
    link_text：find_element_by_link_text()
    
    partial link定位：find_element_by_partial_link_text()
    
    Xpath定位：find_element_by_xpath()
    
    CSS_selector定位：find_element_by_css_selector()

**1.1 id定位：Html规定，id在Hhtml中必须是唯一的，WebDriver提供的id定位方法是通过元素的id来查找元素的**

find_element_by_id("kw")

**1.2 name定位：Html规定，name指定元素的名称**

find_element_by_name("wd")

**1.3 class定位：Html规定，class来指定元素的类名**

find_element_by_class_name("s_ipt")

**1.4 tag定位：Html通过tag来定义不同页面的元素**

find_element_by_tag_name("input")

**1.5 link定位：link定位与前面几种定位方法有所不同，它专门用来定位文本链接**

**      其是通过元素标签对之间的文字信息来定位元素的**

例如：
    
    <a calss="mnav" href="http://news.baidu.com">新闻</a>
    
    
    
    find_element_by_link_text("新闻")

**1.6 partial link定位：是对link定位的一种补充，有些文字链接比较长，这个时候我们可以取文字链接的部分文字进行定位，只要这部分文字可以唯一标识这个链接即可**

**      其是通过元素标签对之间的部分文字定位元素的**

例如：
    
    <a calss="mnav" href="#">这是一个很长的文字链接</a>
    
    
    
    find_element_by_partial_link_text("很长")

**1.7 Xpath定位：在XML中，Xpath是移动定位元素的语言，因为Html可以看做XML的一种实现，所以WebDriver提供了这种在Web应用中定位元素的方法**

1 绝对路径定位
    
    find_element_by_xpath("/html/body/div/div[2]/a")
    
    
    2 利用元素属性定位
    
    find_element_by_xpath("//input[@id='kw']")
    
    find_element_by_xpath("//*[@id='kw']")    如果不想指定标签名，可以使用*来代替
    
    
    3 层级与属性结合
    
    如果一个元素本身没有可以唯一标识这个元素的属性值，可以查找其上一级元素
    
    find_element_by_xpath("//span[@class='bg']/input")
    
    
    4 使用逻辑运算符 （and表示必须满足两个条件来定位元素）
    
    如果一个属性不能唯一区分一个元素，我们可以使用逻辑运算符连接多个属性来查找元素
    
    find_element_by_xpath("//input[@id='kw' and @class='s']")
    
    
    5 使用contains方法
    
    contains方法用于匹配一个属性中包含的字符串
    
    find_element_by_xpath("//span[contains(@class, 'first')]/input")
    
    
    6 使用text()方法
    
    text()方法用于匹配显示文本信息
    
    find_element_by_xpath("//a[text(), '新闻']")

**1.8 CSS定位**

**      CSS是一种语言，描述Html和Xml的表现，Css使用选择器为页面元素绑定属性**

**      Css选择器可以较为灵活的选择控件的任意属性，一般情况下，Css定位速度比Xpath定位速度快。**

**      **

1 通过class定位    点(.)表示通过class来定位，后面直接加类名
    
    find_element_by_css_selector(".s_pit")
    
    
    2 通过id定位       井号(#)表示通过id定位， 后面直接加id名
    
    find_element_by_css_selector("#kw")
    
    
    3 通过标签名定位   使用标签名定位元素时不需要任何符号标识，直接使用标签名即可
    
    find_element_by_css_selector("input")
    
    
    4 通过标签层级关系定位
    
    find_element_by_css_selector("span > input")
    
    这种写法标识有父元素，父元素标签名为span。查找span中所有标签名为input的子元素
    
    
    5 通过属性定位  在css中可以使用元素的任意属性定位，只要该属性能唯一标识这个元素，对于属性值来说，可以加引号，也可以不加
    
    find_element_by_css_selector("[name='kw']")
    
    
    6 组合定位
    
    find_element_by_css_selector("form.fm > span > input.s_ipt")
    
    这种写法表示查找input，其由class属性为s_ipt，并且它有一个父元素，标签名span，span还有一个父元素，标签名为form，其class属性为fm
    
    7 根据属性包含某字符串定位
    
    find_element_by_css_selector("[class*=s_ipt_wr]")
    
    表示 查找class属性包含s_ipt_wr字符串的元素
    
    8 根据属性以某字符串开头定位
    
    find_element_by_css_selector("[class^=bg]")
    
    表示 查找class属性以bg开头的元素
    
    9 根据属性以某字符串结尾定位
    
    find_element_by_css_selector("[class$=wrap]")
    
    表示查找class属性以wrap结尾的元素
    
    10 以下标定位
    
    find_element_by_css_selector("form > input:nth-child(2)")
    
    表示查找form标签下第二个input标签的元素

**1.9 用By定位元素**

**针对前面8中定位元素的方法，WebDriver还提供了另外一套写法，同一调用find\_element()方法，通过By来声明定位，并传入对应定位方法的定位参数，如下**

需要单独导入才可以使用By
    
    from selenium.webdriver.common.by import By
    
    find_element()需要两个参数，第一个参数时定位的类型，由By提供，第二个参数时定位的值
    ————————————————————————————————————————————————————————————————————————————————————
    find_element(By.ID, "kw")
    
    find_element(By.NAME, "kw")
    
    find_element(By.CLASS_NAME, "s_ipt")
    
    find_element(By.TAG_NAME, "input")
    
    find_element(By.LINK_TEXT, "新闻")
    
    find_element(By.PARTIAL_LINK_TEXT, "很长")
    
    find_element(By.XPATH, "//span[@class='test']/a")
    
    find_element(By.CSS_SELECTOR, "form.fm > span")