简单入门seleniumUI自动化测试

雨点打透心脏的1/2处 2023-10-14 11:17 58阅读 0赞

## 一、selenium的介绍 ##

Selenium是一个流行的自动化测试工具，用于测试Web应用程序的功能和用户界面。它可以模拟用户在浏览器中的操作，如点击、输入文本、选择下拉框等，以及验证页面元素的状态和属性。Selenium可以帮助测试人员自动执行重复的测试任务，提高测试效率并减少人工错误。

## 二、selenium的原理 ##

![image.png][]

在我们的自动化程序中，我们需要导入selenium库中的WebDriver类来创建一个WebDriver对象，通过调用selenium客户端库相应的函数发送请求给浏览器驱动（如ChromeDriver）。

当我们使用WebDriver驱动程序执行代码时，WebDriver会将我们的指令转化为HTTP请求，并将其发送给浏览器驱动程序。

浏览器驱动是连接Selenium库和浏览器的桥梁，它负责与浏览器进行通信，并执行我们编写的代码来控制和操作浏览器。

浏览器驱动程序接收到这些HTTP请求后，会将其转化为浏览器可执行的指令，并将指令发送给浏览器进行执行。执行完成后，浏览器将结果返回给浏览器驱动程序，再由浏览器驱动程序将结果转化为HTTP响应，并将其返回给我们的代码程序。

## 三、selenium的八种元素定位的方法 ##

selenium实现UI自动化的关键就在于元素定位，可谓，只要定位了元素就能够调用方法对UI元素进行操控。在介绍元素定位的方法前，我们需要先知道我们定位的代码写得对不对，此时F12的强大之处就体现出来了！

可以把开发者工具调出来，选择Elements，随便点击一个元素，然后点击Ctrl+F，在此搜索框可以搜索到当前页面的所有元素，再把我们定位元素的代码复制进行搜索，若搜索结果能定位到元素，则证明定位元素的方法写对了。

![image.png][image.png 1]

在selenium中，有八种元素定位的方法，下面将进行介绍。

### 1、ID定位： ###

**`find_element(By.ID, 'Id属性值')`**

举例：

![image.png][image.png 2]

id属性值为kw，则代码为`find_element(By.ID, 'kw')`

在 CSS 中，id是用于标识网页元素的一种重要属性并且id是唯一的，因此，若定位的元素存在id值的话，通过ID定位是一个非常便捷的方式。

### 2 、name定位： ###

**`find_element(By.NAME,'name属性值')`**

举例：

![image.png][image.png 3]

name属性值为referrer，则代码为`find_element(By.NAME,'referrer)`

### 3、class定位： ###

**`find_element(By.CLASS_NAME,'class属性值')`**

举例：

![image.png][image.png 4]

class属性值为foot-async-script，则代码为`find_element(By.CLASS_NAME,'foot-async-script')`

当class属性值有多个时，可以指定任意一个class 属性值，都可以选择到这个元素

### 4、tag定位： ###

**`find_element(By.TAG_NAME,'元素的标签值')`**

举例：

![image.png][image.png 5]

标签值为style，则代码为`find_element(By.TAG_NAME,'style')`

因为定位到的元素不唯一，所以我们可以使用`find_elements(By.TAG_NAME,'style')` ,注意find\_element和find\_elements的区别，find\_elements返回的是一个列表

### 5、link\_text定位： ###

**`find_element(By.LINK_TEXT,'超链接文字')`**

举例：

![image.png][image.png 6]

如百度首页的视频则为超链接文字，代码可写为`find_element(By.LINK_TEXT, '视频')`

### 6、partial\_link\_text定位： ###

**`find_element(By.PARTIAL_LINK_TEXT,'超链接部分文字')`**

举例，

![image.png][image.png 7]

如超链接文字太长，也可以只输入部分，也能定位到元素, 如图上的“百度一下,你就知道-移动首页”属性值可写为：`移动首页`，代码：`find_element(By.PARTIAL_LINK_TEXT, '移动首页')`即可定位到元素

### 7、css定位： ###

**`find_element(By.CSS_SELECTOR,'css值')`**

更多的时候，元素是没有id、class值的，或者属性值不唯一，此时我们可以用CSS selector语法来选择元素，CSS选择器是Web开发中常用的一种定位元素的方法，可以在HTML文档中快速准确地找到所需的元素。

#### （1）通过标签名tag选择元素 ####

例如 div, p, a等标签，例如，找出所有标签名为div的元素

`find_elements(By.CSS_SELECTOR, 'div')`

#### （2）通过类名class选择元素 ####

语法为在class值前加一个`.`号，

举例：

![image.png][image.png 8]

代码为：`find_element(By.CSS_SELECTOR, '.foot-async-script')`

#### （3）通过ID选择元素 ####

语法为在id值前加一个`#`号，

举例：

![image.png][image.png 9]

代码为：`find_element(By.CSS_SELECTOR, '#result_tts_player')`

#### （4）通过属性来选择元素 ####

语法为\[属性名=属性值\]

举例：

![image.png][image.png 10]

代码为：`find_element(By.CSS_SELECTOR, '[name=theme-color]')` 也可以与标签名、id值或者类名组合使用 如`find_element(By.CSS_SELECTOR, 'meta[name=theme-color]')`

#### （5）通过子元素来选择 ####

语法：`元素1 > 元素2`

若元素2在元素里面，如：

![image.png][image.png 11]

类属性wgt-navbar是类属性navbar-wrapper层级下的，则可以通过子元素语法来更准确的定位元素，代码为：`find_element(By.CSS_SELECTOR, '.navbar-wrapper > .wgt-navbar)`

#### （6）通过后代元素来选择 ####

语法：`元素1 元素2`

与子元素一样，后代元素也是在元素里面；不同的是，子元素只能是元素的直接子元素，而后代元素可以不是直接子元素，**子元素一定是后代元素，后代元素不一定是子元素**。

比如元素a > 元素b > 元素c > 元素d，元素b是元素a的子元素，元素c是元素b的子元素但不是a的子元素，元素c是元素a的后代元素。

举例：

![image.png][image.png 12]

类属性navbar-bg是类属性wgt-navbar层级下的，而wgt-navbar是navbar-wrapper的子元素，则navbar-bg是navbar-wrapper的后代元素。 则可以通过后代元素语法来更准确的定位元素，代码为：`find_element(By.CSS_SELECTOR, '.navbar-wrapper .navbar-bg)`

### 8、Xpath定位 ###

XPath定位的优点是灵活且功能强大，可以根据元素的属性、标签名、层级关系、文本内容等多个特征进行定位。在某些情况下，XPath定位可能更适合定位复杂的元素结构或特殊的元素。然而，XPath表达式相对于CSS选择器来说更复杂一些，有时可能会更加冗长。因此，在实际使用中，可以根据具体的情况选择使用CSS选择器还是XPath定位来定位元素。

XPath定位方式可以分为绝对路径和相对路径两种方式。

#### （1）绝对路径定位： ####

绝对路径是从根节点开始，通过一系列的节点路径来定位元素。绝对路径以斜杠 / 开头，表示根节点，然后按照节点层级关系逐级定位。例如，/html/body/div\[1\]/input 表示从根节点开始，先选择html元素，然后选择body元素，再选择第一个div元素，最后选择其中的input元素。

#### （2）相对路径定位： ####

相对路径是相对于当前节点的路径，更常用且灵活。相对路径以双斜杠 // 开头，表示从当前节点的任意位置开始，选择符合条件的元素。例如，//input 表示选择文档中所有的input元素，不论其在文档中的位置。下面介绍下如何根据元素的属性、标签名、层级关系、文本内容等特征进行定位。

**//tagname**: 选择所有具有指定标签名的元素

**//tagname\[@attribute='value'\]**: 选择具有指定属性和属性值的元素。

**//\* \[@attribute='value'\]**: 选择具有指定属性和属性值的任意元素

**//parent/child**: 选择父元素下的直接子元素。

**//ancestor/descendant**: 选择ancestor元素下的所有descendant元素。

**//\* \[text()='value'\]**: 选择具有指定文本内容的任意元素。

XPath定位方式也支持使用逻辑运算符和多个条件进行定位。例如，可以使用 and、or、not 来组合多个条件。

## 四、selenium的常用元素操作 ##

**click():** 单击元素。

**send\_keys(value):** 向输入框元素发送文本。

**clear():** 清空输入框元素的文本。

**get\_attribute(name):** 获取元素的指定属性值。

**is\_displayed():** 判断元素是否可见。

**is\_enabled():** 判断元素是否可用。

**is\_selected():** 判断元素是否被选中。

## 五、实例 ##

需求: ***从百度搜索进入微博，然后获取微博热搜数据并输出到txt文档中***

import time
    from selenium import webdriver
    from selenium.webdriver.common.by import By
    
    class test(object):
       def __init__(self):
           self.driver = webdriver.Chrome()
           self.driver.get('https://www.baidu.com/')
           #self.driver.get('https://weibo.com/')
           self.driver.implicitly_wait(10)      #`全局等待` 该方法接受一个参数， 用来指定最大等待时长
           self.driver.maximize_window()        #最大化浏览器页面
       def baidu_search(self):
           self.driver.find_element(By.ID,'kw').send_keys('微博')   #通过id值定位
           self.driver.find_element(By.CSS_SELECTOR,"[value=百度一下]").click() #通过CSS选择器定位
           self.driver.find_element(By.PARTIAL_LINK_TEXT,'微博-随时随地发现新鲜事').click()  #通过超链接定位
           for handle in self.driver.window_handles:   #不断切换窗口至我们想要的窗口：Sina
               # 先切换到该窗口
               self.driver.switch_to.window(handle)  
               # 得到该窗口的标题栏字符串，判断是不是我们要操作的那个窗口
               if 'Sina' in self.driver.title:
                   # 如果是，那么这时候WebDriver对象就是对应的该该窗口，正好，跳出循环，
                   break
       def get_weibo_hot_search(self):
           time.sleep(10)
           hot_search_list = self.driver.find_elements(By.XPATH, '//*[@class="wbpro-textcut f14 cla"]')
           print(len(hot_search_list))
           print(hot_search_list)
           for list in hot_search_list:
               hot_search_text=list.text
               self.save_data(hot_search_text)
       def save_data(self, hot_search_text):
               with open(r'C:\Users\User\Desktop\output.txt', 'a', encoding='utf-8', newline='') as f:  # 用追加的方式将数据保存到txt文件中
                  # for number,hot_search_text in hot_search.items():
                   f.write(hot_search_text+'\n')
       def main(self):
           self.baidu_search()
           self.get_weibo_hot_search()
           self.driver.quit()
    
    if __name__ == '__main__':
       ceshi = test()		# 实例化对象
       ceshi.main()		# 调用类函数入口

**最后：**下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取**【保证100%免费】**

![8b0171187dce405e878f274a8cdd9ec0.png][]

#### **软件测试面试文档** ####

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

![a3e4226c935c4242804cbdf26b571bc6.png][]

![58df6cd288094ad8874e814f2477620b.gif][]

[image.png]: https://img-blog.csdnimg.cn/img_convert/551ecb7b9e8c8894b9954b196c153308.webp?x-oss-process=image/format,png
[image.png 1]: https://img-blog.csdnimg.cn/img_convert/fa3e9c2df262d8c045a1d3ecc3183af1.webp?x-oss-process=image/format,png
[image.png 2]: https://img-blog.csdnimg.cn/img_convert/92de9d14601913fdeb0dd529f6a4885a.webp?x-oss-process=image/format,png
[image.png 3]: https://img-blog.csdnimg.cn/img_convert/823b91ca5c9e4eea20d391c73ab9dd00.webp?x-oss-process=image/format,png
[image.png 4]: https://img-blog.csdnimg.cn/img_convert/810698e4f8ba7f188956b08440026144.webp?x-oss-process=image/format,png
[image.png 5]: https://img-blog.csdnimg.cn/img_convert/4a9ff9642e0e40744ce4c29dde6f6ade.webp?x-oss-process=image/format,png
[image.png 6]: https://img-blog.csdnimg.cn/img_convert/49f7d154f1ed45b8430a38a63eb4a6d3.webp?x-oss-process=image/format,png
[image.png 7]: https://img-blog.csdnimg.cn/img_convert/a0d6726656c02722ea8753afc1974659.webp?x-oss-process=image/format,png
[image.png 8]: https://img-blog.csdnimg.cn/img_convert/023e8ba1dead95c10001a329136a4048.webp?x-oss-process=image/format,png
[image.png 9]: https://img-blog.csdnimg.cn/img_convert/8163da53cbed9e63bf1cc7b259892b11.webp?x-oss-process=image/format,png
[image.png 10]: https://img-blog.csdnimg.cn/img_convert/f8d9081b32eea6b589c0253059aa2efe.webp?x-oss-process=image/format,png
[image.png 11]: https://img-blog.csdnimg.cn/img_convert/e72652ebd699b48c3165dd225ce5c2e8.webp?x-oss-process=image/format,png
[image.png 12]: https://img-blog.csdnimg.cn/img_convert/fcb60b5dc6b8588cbe2b10d86ec187ac.webp?x-oss-process=image/format,png
[8b0171187dce405e878f274a8cdd9ec0.png]: https://img-blog.csdnimg.cn/8b0171187dce405e878f274a8cdd9ec0.png
[a3e4226c935c4242804cbdf26b571bc6.png]: https://img-blog.csdnimg.cn/a3e4226c935c4242804cbdf26b571bc6.png
[58df6cd288094ad8874e814f2477620b.gif]: https://img-blog.csdnimg.cn/58df6cd288094ad8874e814f2477620b.gif