AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

【软件测试】使用selenium工具对Web聊天室项目进行UI自动化测试

2022-10-30 302
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 在用户注册页面，用户输入用户名，密码，昵称，图像文件（可以不上传）即可完成注册，但是如果昵称或者用户名被注册过了，就会显示账号或昵称已经存在

用户注册功能

在用户注册页面，用户输入用户名，密码，昵称，图像文件（可以不上传）即可完成注册，但是如果昵称或者用户名被注册过了，就会显示账号或昵称已经存在


使用数据驱动DDT让测试数据来驱动测试用例代码执行，使用测试套件把注册成功和注册失败的测试用例组织到一起进行一个整体的测试，对注册失败的测试用例进行错误捕捉并保存异常截图，最后通过HTMLTestRunner生成HTML测试报告


注册成功

注册成功的测试用例

[
  {
    "username": "12345",
    "password": "12345",
    "nickname": "孙悟空",
    "head": "D:\\photo\\18.jpg"
  },
  {
    "username": "23456",
    "password": "23456",
    "nickname": "猪八戒",
    "head": ""
  },
  {
    "username": "34567",
    "password": "34567",
    "nickname": "唐三藏",
    "head": "D:\\photo\\18.jpg"
  },
  {
    "username": "45678",
    "password": "45678",
    "nickname": "沙和尚",
    "head": "D:\\photo\\16.jpg"
  },
  {
    "username": "abcde",
    "password": "abcde",
    "nickname": "黑旋风",
    "head": "D:\\photo\\18.jpg"
  },
  {
    "username": "bcdef",
    "password": "bcdef",
    "nickname": "豹子头",
    "head": ""
  },
  {
    "username": "cdefg",
    "password": "cdefg",
    "nickname": "行者",
    "head": "D:\\photo\\18.jpg"
  }
]


注册成功的自动化测试脚本

from selenium import webdriver
import time
import unittest
from ddt@ddt
class RegisterTestOk(unittest.TestCase):
    # 测试固件
    def setUp(self):
        # 获取谷歌浏览器驱动
        self.driver = webdriver.Chrome()
        # Web聊天室链接
        self.url = "http://82.157.7.147:8080/chatroom/"
        # 浏览器最大化
        self.driver.maximize_window()
        time.sleep(3)
    def tearDown(self):
        # 关闭浏览器，清除缓存
        self.driver.quit()
    # 测试用例
    @file_data('./registerOkData.json') 
    def test_RegisterOk(self, username, password, nickname, head):
        driver = self.driver
        url = self.url
        driver.get(url)
        # 点击注册
        driver.find_element_by_link_text("注册").click()
        # 智能等待
        driver.implicitly_wait(3) 
        # 输入注册信息
        driver.find_element_by_xpath('//*[@id="app"]/form/div[1]/input').send_keys(username)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[2]/input').send_keys(password)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[3]/input').send_keys(nickname)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[4]/input').send_keys(head)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[6]/input').click()
        time.sleep(3)
        # 注册成功，关闭登陆成功弹窗
        driver.switch_to.alert.accept()
        time.sleep(3)
    if __name__ == '__main__':
        unittest.main() import ddt, unpack, data, file_data


注册失败

注册失败的测试用例

[
  {
    "username": "12345",
    "password": "12345",
    "nickname": "孙孙孙",
    "head": "D:\\photo\\18.jpg"
  },
  {
    "username": "22222",
    "password": "23456",
    "nickname": "猪八戒",
    "head": "D:\\photo\\16.jpg"
  },
  {
    "username": "34567",
    "password": "34567",
    "nickname": "唐唐唐",
    "head": "D:\\photo\\18.jpg"
  },
  {
    "username": "45678",
    "password": "45678",
    "nickname": "沙沙沙",
    "head": ""
  },
  {
    "username": "ccccc",
    "password": "abcde",
    "nickname": "黑旋风",
    "head": "D:\\photo\\18.jpg"
  },
  {
    "username": "bcdef",
    "password": "bcdef",
    "nickname": "豹子子",
    "head": ""
  },
  {
    "username": "eeeee",
    "password": "cdefg",
    "nickname": "行者",
    "head": "D:\\photo\\16.jpg"
  }
]


注册失败的自动化脚本

from selenium import webdriver
import time
import unittest
import os
from ddt import ddt, unpack, data, file_data
@ddt
class RegisterTestFalse(unittest.TestCase):
    # 测试固件
    def setUp(self):
        self.driver = webdriver.Chrome()
        self.url = "http://82.157.7.147:8080/chatroom/"
        self.driver.maximize_window()
        time.sleep(3)
    def tearDown(self):
        self.driver.quit()
    # 保存异常截图
    def saveScreenAsPhoto(self, driver, file_name):
        if not os.path.exists("./image"):
            os.makedirs("./image")
        now = time.strftime("%Y%m%d-%H%M%S", time.localtime(time.time()))
        driver.get_screenshot_as_file("./image/"+now+"-"+file_name)
        time.sleep(2)
    # 测试用例
    @file_data('./registerFalseData.json')
    def test_RegisterFalse(self, username, password, nickname, head):
        driver = self.driver
        url = self.url
        driver.get(url)
        driver.find_element_by_link_text("注册").click()
        driver.implicitly_wait(3)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[1]/input').send_keys(username)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[2]/input').send_keys(password)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[3]/input').send_keys(nickname)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[4]/input').send_keys(head)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[6]/input').click()
        time.sleep(3)
        errorMessage = driver.find_element_by_xpath('//*[@id="app"]/form/div[5]').text
        # 异常捕捉并保存错误截图
        try:
            self.assertFalse(errorMessage, msg="账号或密码已经存在")
        except:
            self.saveScreenAsPhoto(driver, 'false.png')
        time.sleep(3)
    if __name__ == '__main__':
        unittest.main()


测试套件

使用测试套件组织测试用例一起执行，并生成HTML测试报告

import HTMLTestRunner
import os
import sys
import time
import unittest
from register_test import register_ok
from register_test import register_false
def createSuite():
    suit1 = unittest.TestLoader().loadTestsFromTestCase(register_ok.RegisterTestOk)
    suit2 = unittest.TestLoader().loadTestsFromTestCase(register_false.RegisterTestFalse)
    suit = unittest.TestSuite([suit1, suit2])
    return suit
if __name__ == '__main__':
    curpath = sys.path[0]
    if not os.path.exists(curpath + '/registerReport'):
        os.makedirs(curpath + '/registerReport')
    now = time.strftime("%Y-%m-%d-%H %M %S", time.localtime(time.time()))
    fileName = curpath + '/registerReport/' + now + 'registerReport.html'
    with open(fileName, 'wb') as fp:
        runner = HTMLTestRunner.HTMLTestRunner(stream=fp, title=u"测试报告", description=u"用例执行情况", verbosity=2)
        suit = createSuite()
        runner.run(suit)


HTML测试报告

因为对异常进行捕捉，并保存错误截图，所以注册失败的测试用例也是测试成功的

微信图片_20221030180729.png

异常截图

微信图片_20221030180747.png


用户登陆注册功能

在用户登陆页面，用户输入用户名，密码即可完成登陆，但是如果输入的用户名无效就会提示账号不存在，如果用户名正确但是密码输入错误就会提示密码错误


使用数据驱动DDT让测试数据来驱动测试用例代码执行，使用测试套件把登陆成功和登陆失败的测试用例组织到一起进行一个整体的测试，对登陆失败的测试用例进行错误捕捉并保存异常截图，最后通过HTMLTestRunner生成HTML测试报告


登陆成功

登陆成功测试用例

[
  {
    "username": "abc",
    "password": "123"
  },
  {
    "username": "12345",
    "password": "12345"
  },
  {
    "username": "23456",
    "password": "23456"
  },
  {
    "username": "34567",
    "password": "34567"
  },
  {
    "username": "abcde",
    "password": "abcde"
  }
]


登陆成功自动化测试脚本

from selenium import webdriver
import time
import unittest
from ddt import ddt, unpack, data, file_data
@ddt
class LoginTestOk(unittest.TestCase):
    def setUp(self):
        # 获取谷歌浏览器驱动
        self.driver = webdriver.Chrome()
        # Web聊天室链接
        self.url = "http://82.157.7.147:8080/chatroom/"
        # 浏览器最大化
        self.driver.maximize_window()
        time.sleep(3)
    def tearDown(self):
        # 关闭浏览器，清除缓存
        self.driver.quit()
    @file_data('./loginOkData.json')
    def test_LoginOk(self, username, password):
        driver = self.driver
        url = self.url
        driver.get(url)
        time.sleep(3)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[1]/input').send_keys(username)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[2]/input').send_keys(password)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[4]/input').click()
        time.sleep(3)
        driver.switch_to.alert.accept()
        time.sleep(3)
    if __name__ == '__main__':
        unittest.main()


账号不存在，登陆失败

账号不存在，登陆失败的测试用例

[
  {
    "username": "aaa",
    "password": "123"
  },
  {
    "username": "bbbbb",
    "password": "12345"
  },
  {
    "username": "65436",
    "password": "23456"
  },
  {
    "username": "daa32",
    "password": "34567"
  },
  {
    "username": "dd225",
    "password": "abcde"
  }
]


账号不存在，登陆失败的自动化测试脚本

import os
import time
import unittest
from ddt import ddt, file_data
from selenium import webdriver
@ddt
class LoginTestFalseNone(unittest.TestCase):
    def setUp(self):
        # 获取谷歌浏览器驱动
        self.driver = webdriver.Chrome()
        # Web聊天室链接
        self.url = "http://82.157.7.147:8080/chatroom/"
        # 浏览器最大化
        self.driver.maximize_window()
        time.sleep(3)
    def tearDown(self):
        # 关闭浏览器，清除缓存
        self.driver.quit()
    # 保存异常截图
    def saveScreenAsPhoto(self, driver, file_name):
        if not os.path.exists("./image"):
            os.makedirs("./image")
        now = time.strftime("%Y%m%d-%H%M%S", time.localtime(time.time()))
        driver.get_screenshot_as_file("./image/" + now + "-" + file_name)
        time.sleep(2)
    @file_data('./loginFalseNone.json')
    def test_LoginOk(self, username, password):
        driver = self.driver
        url = self.url
        driver.get(url)
        time.sleep(3)
        # 输入登陆信息，点击登陆
        driver.find_element_by_xpath('//*[@id="app"]/form/div[1]/input').send_keys(username)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[2]/input').send_keys(password)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[4]/input').click()
        time.sleep(3)
        errorMessage = driver.find_element_by_xpath('//*[@id="app"]/form/div[3]').text
        try:
            self.assertFalse(errorMessage, msg="账号不存在")
        except:
            self.saveScreenAsPhoto(driver, 'false-none.png')
        time.sleep(3)
    if __name__ == '__main__':
        unittest.main()


密码错误，登陆失败

密码错误，登陆失败的测试用例

[
  {
    "username": "abc",
    "password": "12345"
  },
  {
    "username": "12345",
    "password": "23456"
  },
  {
    "username": "23456",
    "password": "34567"
  },
  {
    "username": "34567",
    "password": "45678"
  },
  {
    "username": "abcde",
    "password": "abcdef"
  }
]


密码错误，登陆失败的自动化测试脚本

import os
import time
import unittest
from ddt import ddt, file_data
from selenium import webdriver
@ddt
class LoginTestFalseError(unittest.TestCase):
    def setUp(self):
        # 获取谷歌浏览器驱动
        self.driver = webdriver.Chrome()
        # Web聊天室链接
        self.url = "http://82.157.7.147:8080/chatroom/"
        # 浏览器最大化
        self.driver.maximize_window()
        time.sleep(3)
    def tearDown(self):
        # 关闭浏览器，清除缓存
        self.driver.quit()
    # 保存异常时截图
    def saveScreenAsPhoto(self, driver, file_name):
        if not os.path.exists("./image"):
            os.makedirs("./image")
        now = time.strftime("%Y%m%d-%H%M%S", time.localtime(time.time()))
        driver.get_screenshot_as_file("./image/" + now + "-" + file_name)
        time.sleep(2)
    @file_data('./loginFalseError.json')
    def test_LoginOk(self, username, password):
        driver = self.driver
        url = self.url
        driver.get(url)
        time.sleep(3)
        # 输入登陆信息，点击登陆
        driver.find_element_by_xpath('//*[@id="app"]/form/div[1]/input').send_keys(username)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[2]/input').send_keys(password)
        driver.find_element_by_xpath('//*[@id="app"]/form/div[4]/input').click()
        time.sleep(3)
        errorMessage = driver.find_element_by_xpath('//*[@id="app"]/form/div[3]').text
        try:
            self.assertFalse(errorMessage, msg="密码错误")
        except:
            self.saveScreenAsPhoto(driver, 'false-error.png')
        time.sleep(3)
    if __name__ == '__main__':
        unittest.main()


测试套件

使用测试套件组织测试用例一起执行，并生成HTML测试报告

from login_test import login_false_none
from login_test import login_false_error
def createSuite():
    # 登陆成功的测试脚本
    suit1 = unittest.TestLoader().loadTestsFromTestCase(login_ok.LoginTestOk)
    # 账号不存在的测试脚本
    suit2 = unittest.TestLoader().loadTestsFromTestCase(login_false_none.LoginTestFalseNone)
    # 密码错误的测试脚本
    suit3 = unittest.TestLoader().loadTestsFromTestCase(login_false_error.LoginTestFalseError)
    suit = unittest.TestSuite([suit1, suit2, suit3])
    return suit
if __name__ == '__main__':
    curpath = sys.path[0]
    if not os.path.exists(curpath + '/loginReport'):
        os.makedirs(curpath + '/loginReport')
    now = time.strftime("%Y-%m-%d-%H %M %S", time.localtime(time.time()))
    fileName = curpath + '/loginReport/' + now + 'loginReport.html'
    with open(fileName, 'wb') as fp:
        runner = HTMLTestRunner.HTMLTestRunner(stream=fp, title=u"测试报告", description=u"用例执行情况", verbosity=2)
        suit = createSuite()
        runner.run(suit)


HTML测试报告

因为对异常进行捕捉，并保存错误截图，所以登陆失败的测试用例也是测试成功的

微信图片_20221030181057.png

异常截图

账号不存在，捕捉保存的异常图片

微信图片_20221030180747.png


密码错误，捕捉保存的异常图片

微信图片_20221030181102.png

本次自动化测试的源码地址



文章标签：
测试技术
数据安全/隐私保护
关键词：
自动化测试
测试自动化测试
测试自动化
UI测试
测试ui
游客7sp3zq27pysty
目录
相关文章
HONG_YANG
|
6月前
|
运维 Prometheus 监控
3 年部署经验总结：用自动化工具轻松管理 300+ 服务器开源软件
三年前接手公司IT部门时，我满怀信心，却发现部署效率低下。尽管使用了GitLab、Jenkins、Zabbix等100+开源工具，部署仍耗时费力。文档厚重如百科，却难解实际困境。一次凌晨三点的加班让我下定决心改变现状。偶然看到一篇国外博客，介绍了自动化部署的高效方式，我深受启发。
HONG_YANG
271 0
DuHz
|
5月前
|
机器学习/深度学习 人工智能 测试技术
EdgeMark：嵌入式人工智能工具的自动化与基准测试系统——论文阅读
EdgeMark是一个面向嵌入式AI的自动化部署与基准测试系统，支持TensorFlow Lite Micro、Edge Impulse等主流工具，通过模块化架构实现模型生成、优化、转换与部署全流程自动化，并提供跨平台性能对比，助力开发者在资源受限设备上高效选择与部署AI模型。
DuHz
510 9
EdgeMark：嵌入式人工智能工具的自动化与基准测试系统——论文阅读
aliyun6241282690-12217
|
4月前
|
人工智能 搜索推荐 UED
一个牛逼的国产AI自动化工具，开源了 ！
AiPy是国产开源AI工具，结合大语言模型与Python，支持本地部署。用户只需用自然语言描述需求，即可自动生成并执行代码，轻松实现数据分析、清洗、可视化等任务，零基础也能玩转编程，被誉为程序员的智能助手。
aliyun6241282690-12217
966 6
顾翔
|
5月前
|
Java 测试技术 API
自动化测试工具集成及实践
自动化测试用例的覆盖度及关键点最佳实践、自动化测试工具、集成方法、自动化脚本编写等（兼容多语言（Java、Python、Go、C++、C#等）、多框架（Spring、React、Vue等））
顾翔
296 6
游客g7tyjakgxxk5g
|
6月前
|
人工智能 数据可视化 数据挖掘
团队日报不用愁！自动化生成工具亲测：任务进度实时同步
本文深入分析了传统手动日报在数据孤岛、格式混乱和时效性差三大痛点，并探讨了自动化日报带来的效率提升、决策优化等四大核心价值。通过对板栗看板、SmartBrief、n8n 等六款主流工具的功能、适用场景及实战效果进行测评，为企业提供科学的选型建议与实施路径。
游客g7tyjakgxxk5g
575 1
团队日报不用愁！自动化生成工具亲测：任务进度实时同步
aliyun9170107523-43660
|
4月前
|
人工智能 缓存 自然语言处理
86_自动化提示：AutoPrompt工具
在当今人工智能领域，提示工程（Prompt Engineering）已成为释放大语言模型（LLM）潜能的关键技术。随着LLM规模和能力的不断增长，如何设计高效、精确的提示词成为研究和应用的焦点。然而，传统的手工提示工程面临着巨大挑战
aliyun9170107523-43660
377 0
游客g7tyjakgxxk5g
|
6月前
|
人工智能 供应链 数据可视化
工作流梳理工具实战教程：手把手教你绘制第一张自动化流程图
本文剖析了团队因流程混乱导致重复劳动和效率低下的问题，提出通过工作流梳理提升协作效率的解决方案。总结了流程梳理的六大核心需求，并深度测评了6款主流工具，国内有板栗看板那，国外有kiss flow结合团队规模与需求提供选型建议，助力企业高效落地流程优化。
游客g7tyjakgxxk5g
777 5
游客d2a2fmwsgrlbu
|
5月前
|
安全 搜索推荐 机器人
风险规则引擎-RPA 作为自动化依赖业务决策流程的强大工具
机器人流程自动化（RPA）是一种通过软件“机器人”自动执行重复性任务的技术，能大幅提升工作效率。它适用于财务、电商等领域的标准化流程，如账单处理和退货管理。然而，RPA在复杂决策场景中存在局限，需结合决策模型（DMN）和业务规则管理系统（BRMS）实现流程与决策的协同自动化，从而增强灵活性与业务价值。
游客d2a2fmwsgrlbu
426 0
游客gtkntzrnvinvk
|
6月前
|
数据采集 运维 监控
还在被日志折磨过？防火墙日志分析自动化工具，助力解析各类日志数据
一款防火墙日志分析自动化工具
游客gtkntzrnvinvk
393 0
wj123
|
数据采集 人工智能 机器人
RPA与爬虫：自动化工具的本质差异与选择指南
本文深入解析RPA与爬虫的本质差异，帮助企业根据业务需求明智选型。RPA侧重内部流程自动化，爬虫专注外部数据采集。内容涵盖技术原理、应用场景、优劣势对比及主流RPA工具介绍，助力把握自动化趋势，提升效率。
wj123
1515 0

热门文章

最新文章

  • 1
    超大坑！springboot + vue + element-ui，运行前端项目报these dependencies were not found的问题
  • 2
    element UI 中多行消息提示的实现（this.$message的换行）
  • 3
    好文推荐，UI和UE设计-Colors and the UI
  • 4
    .NET MAUI 安卓 UI 资源设置
  • 5
    高仿酷狗UI左右滑动背景图不动和带导航的ListView
  • 6
    基于深度学习的人脸性别识别系统（含UI界面，Python代码）
  • 7
    Unity3D UI史
  • 8
    jquery ui中的dialog，官网上经典的例子
  • 9
    改进了UI的界面
  • 10
    swift UI专项训练11 ActionSheet
  • 1
    测试金字塔：构建高效自动化测试策略的基石
    388
  • 2
    测试金字塔：构建高效自动化测试策略的基石
    415
  • 3
    告别脆弱：构建稳定UI自动化测试的3个核心策略
    520
  • 4
    别再熬夜救火了！自动化运维正在重塑企业IT管理的底层逻辑
    226
  • 5
    2025年工作流自动化的15个趋势，如何影响企业的业务？
    370
  • 6
    Python定时爬取新闻网站头条：从零到一的自动化实践
    651
  • 7
    n8n错误处理全攻略：构建稳定可靠的自动化工作流
    793
  • 8
    在阿里云ECS上部署n8n自动化工作流：U2实例实战
    1117
  • 9
    Nessus Professional 10.10 Auto Installer for macOS Tahoe - Nessus 自动化安装程序
    159
  • 10
    Nessus Professional 10.10 Auto Installer for RHEL 10, AlmaLinux 10, Rocky Linux 10 - Nessus 自动化安装程序
    313

    • 相关课程

    更多
  • Python Web开发基础
  • Java Web开发系列课程 - Spring框架入门
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • 新一代自动化渗透平台的设计与实现
  • 自动化、智能化网络运维
  • 从自动化到智能化的阿里运维体系
    • 下一篇
    第五届伏魔挑战赛如约来袭，诚邀各路高手来战！