软件测试/测试开发丨用户端Web自动化测试学习笔记

点此获取更多相关资料

本文为霍格沃兹测试开发学社学员学习笔记分享
原文链接：https://ceshiren.com/t/topic/24826

一、SeleniumIDE用例录制

1、SeleniumIDE的下载以及安装

1. 官网：https://www.selenium.dev/
2. Chrome插件：https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd
3. Firefox插件：https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/
4. github release：https://github.com/SeleniumHQ/selenium-ide/releases
5. 其它版本：https://addons.mozilla.org/en-GB/firefox/addon/selenium-ide/versions/

• 注意：Chrome插件在国内无法下载，Firefox可以直接下载。

2、启动

1. 安装完成后，通过在浏览器的菜单栏中点击它的图标来启动它：
2. 如果没看到图标，首先确保是否安装了Selenium IDE扩展插件
3. 通过以下链接访问所有插件

• Chrome: chrome://extensions
• Firefox: about:addons

3、SeleniumIDE常用功能

1. 新建、保存、打开
2. 开始和停止录制
3. 运行8中的所有的实例
4. 运行单个实例
5. 调试模式
6. 调整案例的运行速度
7. 要录制的网址
8. 实例列表
9. 动作、目标、值
10. 对单条命令的解释
11. 运行日志

4、SeleniumIDE脚本导出：Java和Python

二、自动化测试用例结构分析

1、标准的用例结构（功能）

1. 用例标题
2. 前提条件
3. 用例步骤
4. 预期结果
5. 实际结果

2、自动化用例结构及作用

【结构：自动化测试用例：作用】

1. 用例标题：测试包、文件、类、方法名称：【用例的唯一标识】
2. 前提条件：setup、setup_class（Pytest；BeforeEach、BeforeAll（JUnit）：【测试用例前的准备动作，比如读取数据或者driver的初始化】
3. 用例步骤：测试方法内的代码逻辑：【测试用例具体的步骤行为】
4. 预期结果：assert 实际结果 = 预期结果：【断言，印证用例是否执行成功】
5. 实际结果：assert 实际结果 = 预期结果：【断言，印证用例是否执行成功】
6. 后置动作：teardown、teardown_class（Pytest）；@AfterEach、@AfterAll（JUnit）：【脏数据清理、关闭driver进程】

3、IDE录制脚本

1. 脚本步骤：

• 访问百度网站
• 搜索框输入“霍格沃兹测试开发”
• 点击搜索按钮

# Generated by Selenium IDE
import pytest
import time
import json
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities

class Test():
  def setup_method(self, method):
    self.driver = webdriver.Chrome()
    self.vars = {}
  
  def teardown_method(self, method):
    self.driver.quit()
  
  def test_sougou(self):
    # 打开网页，设置窗口
    self.driver.get("https://www.sogou.com/")
    self.driver.set_window_size(1235, 693)
    # 输入搜索信息
    self.driver.find_element(By.ID, "query").click()
    self.driver.find_element(By.ID, "query").send_keys("霍格沃兹测试开发")
    # 点击搜索
    self.driver.find_element(By.ID, "stb").click()
    element = self.driver.find_element(By.ID, "stb")
    actions = ActionChains(self.driver)
    actions.move_to_element(element).perform()

#优化后的代码，添加断言判断用例是否成功
# Generated by Selenium IDE
import pytest
import time
import json
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities


class Test(object):
    # 前提条件，webdriver的初始化
    def setup_method(self, method):
        self.driver = webdriver.Chrome()
        self.vars = {}

    # 后置操作，关闭网站
    def teardown_method(self, method):
        self.driver.quit()

    # 测试用例步骤
    def test_sougou(self):
        # 打开网页，设置窗口
        self.driver.get("https://www.sogou.com/")
        self.driver.set_window_size(1235, 693)
        # 输入搜索信息
        self.driver.find_element(By.ID, "query").click()
        self.driver.find_element(By.ID, "query").send_keys("霍格沃兹测试开发")
        # 点击搜索
        self.driver.find_element(By.ID, "stb").click()
        element = self.driver.find_element(By.ID, "stb")
        actions = ActionChains(self.driver)
        actions.move_to_element(element).perform()
        # 问题：无法确定用例执行成功或失败
        # 解决方案：添加断言信息，判断搜索列表中，是否会有"霍格沃兹测试开发"
        res_element = self.driver.find_element(By.CSS_SELECTOR, "#sogou_vr_30000000_0 > em")
        # 获取到定位的文本信息
        # 判断实际获取到的搜索展示的列表和预期是否一致
        assert res_element.text == "霍格沃兹测试开发"

三、web 浏览器控制

• 模拟功能测试中对浏览器的操作

	操作	使用场景
get	打开浏览器	web自动化测试第一步
refresh	浏览器刷新	模拟浏览器刷新
back	浏览器退回	模拟退回步骤
maximize_window	最大化浏览器	模拟浏览器最大化
minimize_window	最小化浏览器	模拟浏览器最小化

import time
from selenium import webdriver
# 打开网页
def open_browser():
    # 实例化chromedriver
    driver = webdriver.Chrome()
    # 调用get方法时需要传递浏览器的URL
    driver.get("https://ceshiren.com/")
    # 添加等待1秒
    time.sleep(2)
    # # 刷新浏览器
    # driver.refresh()
    # # 通过get跳转到百度
    # driver.get("https://www.baidu.com/")
    # # 回退操作，退回到测试人网页
    # driver.back()
    # 最大化浏览器
    driver.maximize_window()
    time.sleep(2)
    # 最小化浏览器
    driver.minimize_window()
    time.sleep(2)

if __name__ == '__main__':
    open_browser()

四、常见控件定位方法

1、HTML铺垫

1. 标签：尖括号，如括起来的、、