python自动化测试实战 —— WebDriver API的使用

软件测试专栏

感兴趣可看：软件测试专栏
                     自动化测试学习部分源码
python自动化测试相关知识：
       【如何学习Python自动化测试】—— 自动化测试环境搭建
       【如何学习python自动化测试】—— 浏览器驱动的安装 以及 如何更新driver
       【如何学习Python自动化测试】—— 页面元素定位
       【如何学习Python自动化测试】—— 时间等待
       【如何学习Python自动化测试】—— 浏览器操作
       【如何学习Python自动化测试】—— 鼠标键盘操作
       【如何学习Python自动化测试】—— 多层窗口定位
       【如何学习Python自动化测试】—— 警告框处理
       【如何学习Python自动化测试】—— Cookie 处理
       【如何学习Python自动化测试】—— expected_conditions
       【如何学习Python自动化测试】—— Python 的 unittest 框架
       【如何学习Python自动化测试】—— HTMLTestRunner 生成测试报告

---

实战相关知识

       Selenium 简介：
       WebDriver是Selenium Tool套件中最重要的组件。Selenium 2.0之后已经将Selenium和WebDriver进行合并，作为一个更简单、简洁、有利于维护的API提供给测试人员使用。 它提供了一套标准的接口，可以用多种编程语言调用，并且和浏览器进行交互。

       WebDriver可以对浏览器进行控制，包括输入URL，点击按钮，填写表单，滚动页面，甚至是执行JavaScript代码。同时，它也能够获取网页中的信息，如文本，标签，属性等，以便进行测试。

       WebDriver支持多种浏览器，包括Chrome、Firefox、Edge、Safari和Internet Explorer等。它还提供了丰富的API，用于测试，如元素定位，页面等待，操作模拟等。

       通过使用WebDriver，可以快速、自动化地进行web应用程序测试，从而提升测试效率和质量。同时，它也是Web应用程序开发人员进行自动化测试的最佳工具之一。

       在软件UI自动化测试中，测试人员用WebDriver API编写测试脚本。

       使用WebDriver API对网页UI进行测试的步骤：

• 分析测试需求，确定测试目标页面的UI元素
• 编写脚本，逐个定位测试目标元素
• 对测试目标元素进行对应的测试操作

实战内容

1. “百度翻译”的页面UI测试

（1）到“百度翻译”网页 （https://fanyi.baidu.com/）查看要测试的页面。

（2）确定要测试的UI元素目标。

• 语言按钮：打开下拉框，选择语言
• 转换按钮：点击，测试语言是否转换
• 翻译按钮：点击，测试翻译文本
• 输入框：测试输入框，语言错误提示，删除
• 翻译记录：查看翻译记录，并删除

测试的内容需要注意的是：

1. 输入框是否可以正常输入文本。
2. 输入框是否可以清空。
3. 输入框输入文本后，是否可以正常进行翻译。
4. 翻译结果是否正确显示。
5. 测试结果是否符合预期，即翻译结果是否与预期一致。

       这些测试内容应该在多种情况下进行测试，如输入不同长度的文本、输入不同语言的文本等，以保证测试的全面性和准确性。

（3）编写脚本，定位测试目标元素，并对元素进行对应的测试操作。

• 代码截图：
  
  

• 运行结果：

1. 打开百度翻译页面截图
   

2. 选择翻译和被翻译的语言截图

3. 转换翻与被翻语言截图
   

4. 断言提示语截图
   

5. 断言翻译结果为“自动化实验”截图
   

6. 翻译记录截图
   

2. “新浪微博”的两个页面UI测试

（1）访问“新浪微博”网页 ，（https://weibo.com/）。

登录个人账号后，出现个人页面。

（2）确定要测试的UI元素目标。
新浪微博的首页：

• 搜索框：输入框、搜索按钮
• 左侧菜单栏：文字链接
• 顶栏：分类、下拉框
• 登录：弹框、内容

新浪微博的个人页面：

• 文本框：输入框
• 快捷窗口：表情、图片、话题、下拉框、公开、发送

测试的内容需要注意的是：

1. 登录页面的元素是否可以正常加载。
2. 登录按钮是否可以正常点击，是否可以进入登录状态。
3. 发布微博的输入框是否可以正常输入文本。
4. 发布按钮是否可以正常点击，是否可以成功发布微博。
5. 评论按钮是否可以正常点击，是否可以进入评论状态。
6. 评论输入框是否可以正常输入文本。
7. 发表按钮是否可以正常点击，是否可以成功发表评论。

      这些测试内容应该在多种情况下进行测试，如输入不同长度的文本、输入不同类型的文本等，以保证测试的全面性和准确性。同时需要注意测试过程中的网络和页面加载速度等因素，以保证测试的稳定性和准确性

（3）编写脚本，定位测试目标元素，并对元素进行对应的测试操作。

• 代码截图：
  
  
  

• 运行结果：
  搜索结果.png
  

下拉框.png

登录个人页面.png

发布.png

发布完成截图

操作异常问题与解决方案

• 问题一：Message: element not interactable
• 解决方法：不可交互元素，具体查找资料，通过selenium调用js代码实现

js1 = 'var txt = document.getElementById("baidu_translate_input"); txt.value="自动化实验";'
driver.execute_script(js1)

---

• 问题二：Message: session not created: This version of ChromeDriver only supports Chrome version 110
• 解决方法：问题描述：你的ChromeDriver（Chrome驱动器）版本只能维持 Chrome（谷歌浏览器）110版本的，而我当前的Chrome 版本是 113.0.5672.64，路径***** 。
  这个问题的解决办法也很简单，有两种办法：
  第一种：换浏览器
  第二钟：换ChromeDirver驱动，安装新的ChromeDirver驱动
  具体解决步骤：【如何学习python自动化测试】—— 浏览器驱动的安装 以及 如何更新driver

---

附录

• “百度翻译”的页面UI测试

from time import sleep
from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get("https://fanyi.baidu.com/")
# 隐式等待
driver.implicitly_wait(10)
# 删除广告弹框
driver.find_element(By.CLASS_NAME, 'app-guide-close').click()
# 选择翻译的语言为英文
sleep(1)
driver.find_element(By.XPATH, '//*[@id="main-outer"]/div/div/div[1]/div[1]/div[1]/a[3]/span').click()
sleep(1)
driver.find_element(By.XPATH, '//*[@id="lang-panel-container"]/div/div[5]/div[1]/div[21]/div/span[1]').click()
# 选择被翻译的语言为中文
sleep(1)
driver.find_element(By.XPATH, '//*[@id="main-outer"]/div/div/div[1]/div[1]/div[1]/a[1]/span').click()
sleep(1)
driver.find_element(By.XPATH, '//*[@id="lang-panel-container"]/div/div[5]/div[1]/div[22]/div/span[1]').click()
# 转换翻与被翻语言
sleep(1)
driver.find_element(By.CLASS_NAME, 'exchange-mask').click()
sleep(1)
# 测试语言错误提示，在英文输入框输入中文‘自动化实验’
# 文本框输入
js1 = 'var txt = document.getElementById("baidu_translate_input"); txt.value="自动化实验";'
driver.execute_script(js1)
# 点击翻译
driver.find_element(By.ID, 'translate-button').click()
# 断言提示语
title = driver.find_element(By.XPATH, '//*[@id="main-outer"]/div/div/div[1]/div[2]/div[1]/div[1]'
                                      '/div/div[2]/div[3]/div[3]/p/span').text
assert title == '您输入的可能是:'
# 文本框输入
js2 = 'var txt = document.getElementById("baidu_translate_input"); txt.value="Automatic experiment";'
driver.execute_script(js2)
# 翻译
driver.find_element(By.ID, 'translate-button').click()
sleep(2)
# 断言翻译结果为“自动化实验”
title = driver.find_element(By.CLASS_NAME, 'output-bd').text
assert title == '自动化实验'
# 为了显示翻译记录
input = driver.find_element(By.CLASS_NAME, 'textarea')
input.clear()
input.click()
# 点击翻译记录
driver.find_element(By.CLASS_NAME, 'history-btn').click()
driver.save_screenshot('翻译记录.png')
sleep(1)
# 关闭翻译记录
js3 = "document.querySelector('body > div:nth-child(12) > div > " \
     "div.ant-modal-wrap.modal-container > div > div.ant-modal-content > button > span').click()"
driver.execute_script(js3)
sleep(1)
driver.quit()

• “新浪微博”的两个页面UI测试

import os
from time import sleep
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = webdriver.Chrome()
driver.get("https://weibo.com/newlogin?tabtype=weibo&gid="
           "102803&openLoginLayer=0&url=https%3A%2F%2Fweibo.com%2F")
driver.implicitly_wait(10)  # 隐式等待
# 测试搜索框
driver.find_element(By.CLASS_NAME, 'woo-input-main').send_keys('web')
driver.find_element(By.XPATH, '//*[@id="app"]/div[2]/div[1]/div[1]/div/div[2]/div[2]/button').click()
handles = driver.window_handles  # 获取当前浏览器的所有窗口句柄
driver.switch_to.window(handles[-1])  # 切换到最新打开的窗口
driver.save_screenshot('搜索结果.png')
driver.switch_to.window(handles[0])  # 切换到最开始打开的窗口
sleep(2)
# 测试左侧菜单栏
driver.find_element(By.LINK_TEXT, '热门榜单').click()
sleep(2)
driver.back()
sleep(2)
# 测试顶栏
driver.find_element(By.XPATH, '//*[@id="app"]/div[2]/div[2]/div[2]/main'
                              '/div/div/div[1]/div/div/div/div[2]/div/div').click()
# 测试顶栏下拉框
driver.find_element(By.CSS_SELECTOR, '#app > div.woo-box-flex.woo-box-column.Frame_wrap_3g67Q > div.woo-box-flex'
                                     '.Frame_content_3XrxZ.Frame_noside1_3M1rh > div.Frame_main_3Z_V0 > main > div '
                                     '> div > div.SecBar_visable_16JHY > div > div > div > div:nth-child(8) > div > i').click()
driver.save_screenshot('下拉框.png')
driver.find_element(By.CSS_SELECTOR, '#app > div.woo-box-flex.woo-box-column.Frame_wrap_3g67Q > div.woo-box-flex'
                                     '.Frame_content_3XrxZ.Frame_noside1_3M1rh > div.Frame_main_3Z_V0 > main > div '
                                     '> div > div.SecBar_visable_16JHY > div > div > div > div:nth-child(8) > div > i').click()
# 测试登录按钮
driver.maximize_window()  # 放大屏幕
driver.find_element(By.XPATH, '//*[@id="__sidebar"]/div/div[2]/div[1]/div/button').click()
# 断言登录框成功打开
sleep(2)
title = driver.find_element(By.CLASS_NAME, 'LoginPop_t1_2fuX8').text
assert title == '请选择如下方式登录微博'
# 等待登录页面
WebDriverWait(driver, 1000).until(
    EC.presence_of_element_located((By.XPATH, '//*[@id="app"]/div[2]/div[2]/div[1]/div/div/div/div/a[3]/div/span'))
)
sleep(6)  # 个人页面
driver.save_screenshot('个人页面.png')
# 测试搜索框输入框
driver.find_element(By.CLASS_NAME, 'Form_input_2gtXx').send_keys('20215120808')
# 测试快捷键表情
sleep(1)
driver.find_element(By.XPATH, '//*[@id="homeWrap"]/div[1]/div/div[4]/div/div[1]/div/div[1]').click()
# 测试快捷键话题
sleep(1)
driver.find_element(By.XPATH, '//*[@id="homeWrap"]/div[1]/div/div[4]/div/div[1]/div/div[4]/div').click()
# 测试仅自己可见
sleep(1)
driver.find_element(By.XPATH, '//*[@id="homeWrap"]/div[1]/div/div[4]/div/div[3]/span/div').click()
driver.find_element(By.XPATH, '//*[@id="homeWrap"]/div[1]/div/div[4]/div/div[3]/div/div/div[4]').click()
# 测试发布
driver.find_element(By.XPATH, '//*[@id="homeWrap"]/div[1]/div/div[4]/div/div[4]/button').click()
driver.save_screenshot('发布.png')