软件测试专栏

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

WebDriver API的使用

  • 软件测试专栏
  • 实战相关知识
  • 实战内容
    • 1. “百度翻译”的页面UI测试
    • 2. “新浪微博”的两个页面UI测试
  • 操作异常问题与解决方案
  • 附录

实战相关知识

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 sleepfrom selenium import webdriverfrom selenium.webdriver.common.by import Bydriver = 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').textassert 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').textassert 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 osfrom time import sleepfrom selenium import webdriverfrom selenium.webdriver import ActionChainsfrom selenium.webdriver.common.by import Byfrom selenium.webdriver.support.wait import WebDriverWaitfrom selenium.webdriver.support import expected_conditions as ECdriver = webdriver.Chrome()driver.get("https://weibo.com/newlogin" /> "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').textassert 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')