浏览器拓展SeleniumIDE+Python+Edge浏览器进行简单的web自动化测试

前言

Selenium IDE是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，模拟人工操作。

这个工具的主要功能包括：

测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。

测试系统功能——创建回归测试检验软件功能和用户需求。支持自动录制动作和自动生成 Java、Python、JavaScript等不同语言的测试脚本。

本篇需要用到的工具：Edge浏览器以及拓展Selenium IDE、PyCharm的selenium模块、Edge浏览器驱动

安装Edge浏览器及Selenium IDE测试工具

这里我使用的是Edge浏览器，大家可以使用自己的浏览器，不过拓展里要有Selenium IDE，否则无法进行后续操作

点击链接下载并安装Edge浏览器下载 Microsoft Edge Web 浏览器 | Microsoft

打开浏览器，点击浏览器右侧工具栏，点击扩展

在点击左侧的获取 Microsoft Edge 扩展，然后搜索“selenium”，选择Selenium IDE安装。

安装之后可以在右上角看到Selenium IDE图标。

使用Selenium IDE

首先打开Selenium IDE

创建项目

点击“create a new project”,在弹出的页面输入项目名称“test01”

Selenium IDE界面说明

①运行所有：运行一个测试案例集中所有案例。
②运行：运行当前选定的测试案例。
③案例集列表。
④用来填写被测试网站里的地址。
⑤当前选中命令对应参数。
⑥日志/参考。
⑦测试脚本。
⑧跳过当前指令。
⑨速度控制：控制案例的运行速度。
⑩设置断点。
⑪暂停/恢复案例执行。
⑫录制：点击后可以记录你对浏览器的操作。

Selenium IDE的简单使用

录制脚本

点击右侧REC即可开始录制脚本。一般录制完脚本后，需要在运行工具中重跑脚本测试，去掉一些无用或异常的测试命令。

结束录制后，选择用例test01右侧的三个点即可弹出选择列表。

导出脚本

导出可以选择Java、JavaScript、python等语言，这里我们以python为例

PyCharm中的配置

安装PyCharm模块selenium

用PyCharm打开导出的python文件，源代码如下：

# 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 TestTest01():
  def setup_method(self, method):
    self.driver = webdriver.Chrome()
    self.vars = {}
  
  def teardown_method(self, method):
    self.driver.quit()
  
  def test_test01(self):
    self.driver.get("https://www.baidu.com/")
    self.driver.set_window_size(1088, 816)
    self.driver.find_element(By.ID, "kw").send_keys("selenium")
    self.driver.find_element(By.ID, "kw").send_keys(Keys.ENTER)

然后，去掉无用的脚本。最后简化的代码如下：

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys

driver = webdriver.Chrome()

driver.get("https://www.baidu.com/")
driver.set_window_size(1088, 816)
driver.find_element(By.ID, "kw").send_keys("selenium")
driver.find_element(By.ID, "kw").send_keys(Keys.ENTER)
time.sleep(3)
driver.quit()

添加浏览器驱动

上面操作，打开Edge浏览器，打开百度搜索，获取到id为kw的元素，发送“selenium”，再发送回车键，最后休眠3秒后退出。

当然这样是运行不起来的，我们还需要添加Edge对应版本的浏览器驱动

[scode type=“yellow”]先去浏览器设置里看一下自己的浏览器版本，再下载对应的驱动[/scode]

修改测试代码：

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys

driver = webdriver.Edge(executable_path='E:\\Program Files\\Python\\Python39\\edgedriver_win64\\msedgedriver.exe')


driver.get("https://www.baidu.com/")
driver.set_window_size(1088, 816)
driver.find_element(By.ID, "kw").send_keys("selenium")
driver.find_element(By.ID, "kw").send_keys(Keys.ENTER)
time.sleep(3)
driver.quit()

只是修改了一下浏览器驱动的路径，后面路径换成自己的路径就可以了

最后运行一下程序就会自动打开浏览器进行相应的测试操作了