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

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

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

用户注册功能

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


使用数据驱动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

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



文章标签：
测试技术
数据安全/隐私保护
关键词：
测试自动化
软件测试自动化
web工具
自动化测试selenium
测试Selenium
游客7sp3zq27pysty
目录
相关文章
GG2020gg
|
1天前
|
安全 前端开发 JavaScript
Web安全-网页开发者工具
Web安全-网页开发者工具
GG2020gg
16 7
土木林森
|
14天前
|
jenkins 测试技术 持续交付
解锁.NET项目高效秘籍：从理论迷雾到实践巅峰，持续集成与自动化测试如何悄然改变游戏规则？
【8月更文挑战第28天】在软件开发领域，持续集成（CI）与自动化测试已成为提升效率和质量的关键工具。尤其在.NET项目中，二者的结合能显著提高开发速度并保证软件稳定性。本文将从理论到实践，详细介绍CI与自动化测试的重要性，并以ASP.NET Core Web API项目为例，演示如何使用Jenkins和NUnit实现自动化构建与测试。每次代码提交后，Jenkins自动触发构建流程，通过编译和运行NUnit测试确保代码质量。这种方式不仅节省了时间，还能快速发现并解决问题，推动.NET项目开发迈向更高水平。
土木林森
32 8
TesterMuller
|
13天前
|
测试技术
基于LangChain手工测试用例转Web自动化测试生成工具
该方案探索了利用大模型自动生成Web自动化测试用例的方法，替代传统的手动编写或录制方式。通过清晰定义功能测试步骤，结合LangChain的Agent和工具包，实现了从功能测试到自动化测试的转换，极大提升了效率。不仅减少了人工干预，还提高了测试用例的可维护性和实用性。
TesterMuller
25 4
不吃核桃
|
21天前
|
存储 SQL 测试技术
单元测试问题之JCode5插件在项目中的实际应用效果如何解决
单元测试问题之JCode5插件在项目中的实际应用效果如何解决
不吃核桃
34 3
职说测试
|
20天前
|
前端开发 测试技术 UED
【测试效率对比】深入分析：为何UI自动化测试的投资回报率通常低于接口自动化测试？
这篇文章深入分析了UI自动化测试与接口自动化测试的投资回报率（ROI）问题，指出UI自动化测试在某些情况下的ROI并不低，反驳了没有实施过UI自动化就轻易下结论的观点，并强调了实践的重要性和自动化测试在项目迭代中的作用。
职说测试
41 1
土木林森
|
11天前
|
持续交付 C# 敏捷开发
“敏捷之道：揭秘WPF项目中的快速迭代与持续交付——从需求管理到自动化测试，打造高效开发流程的全方位指南”
【8月更文挑战第31天】敏捷开发是一种注重快速迭代和持续交付的软件开发方法，通过短周期开发提高产品质量并快速响应变化。本文通过问题解答形式，探讨在Windows Presentation Foundation（WPF）项目中应用敏捷开发的最佳实践，涵盖需求管理、版本控制、自动化测试及持续集成等方面，并通过具体示例代码展示其实施过程，帮助团队提升代码质量和开发效率。
土木林森
24 0
土木林森
|
11天前
|
Java Spring UED
Spring框架的异常处理秘籍：打造不败之身的应用！
【8月更文挑战第31天】在软件开发中，异常处理对应用的稳定性和健壮性至关重要。Spring框架提供了一套完善的异常处理机制，包括使用`@ExceptionHandler`注解和配置`@ControllerAdvice`。本文将详细介绍这两种方式，并通过示例代码展示其具体应用。`@ExceptionHandler`可用于控制器类中的方法，处理特定异常；而`@ControllerAdvice`则允许定义全局异常处理器，捕获多个控制器中的异常。
土木林森
29 0
职说测试
|
20天前
|
Web App开发 测试技术 API
Web自动化测试框架(基础篇)--Selenium WebDriver工作原理和环境搭建
本文详细介绍了Selenium WebDriver的工作原理，包括其架构、通信机制及支持的浏览器，并指导读者如何在Python环境下搭建Selenium WebDriver的测试环境，从安装Python和Selenium库到编写并运行第一个自动化测试脚本。
职说测试
116 0
游客4llb6htoixmxw
|
4月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
游客4llb6htoixmxw
65 0
游客4llb6htoixmxw
|
4月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
游客4llb6htoixmxw
52 0

热门文章

最新文章

  • 1
    WPF实例秀——如何获取UI元素的图像
  • 2
    ios UI开发相关转载链接汇总
  • 3
    Android UI开发第十一篇——右上角带个泡泡
  • 4
    Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程-第七天
  • 5
    基于深度学习的鸟类检测识别系统（含UI界面，Python代码）
  • 6
    vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
  • 7
    Android：UI控件GestureOverlayView、gesture、手势
  • 8
    FontAwesome-网站ui设计中一套非常棒的icon
  • 9
    Element UI - el-table 表格 hover 修改背景色
  • 10
    分析SpinnerActivityTest中有关控件操作以及UI线程问题
  • 1
    深入理解软件测试中的边界值分析法
    289
  • 2
    基于直方图的图像曝光量分析FPGA实现,包含tb测试文件和MATLAB辅助验证
    63
  • 3
    Java串口通信技术探究2：RXTX库单例测试及应用
    82
  • 4
    探索AI在软件测试中的应用与挑战
    65
  • 5
    提升软件测试效率与准确性的策略与工具
    180
  • 6
    CentOS安装MeterSphere并实现无公网IP远程访问本地测试平台
    62
  • 7
    深入理解与实践：基于AI的软件测试自动化
    582
  • 8
    深入理解软件自动化测试中的数据驱动策略
    37
  • 9
    探索自动化测试工具Selenium Grid的高效集成策略
    47
  • 10
    深入理解自动化测试框架：以Selenium为例
    45

    • 相关课程

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

    • 相关电子书

    更多
  • 移动互联网测试到质量的转变
  • 给ITer的技术实战进阶课-阿里CIO学院独家教材（四）
  • F2etest — 多浏览器兼容性测试整体解决方案

    • 相关实验场景

    更多
  • Internet Information Services（IIS）部署Web项目
  • 快速上手并跑通AnalyticDB PostgreSQL版TPC-H测试
  • 基于Mappings自动化配置yum源
  • 云上Web及FTP
  • WEB网页编程实战
  • 使用资源编排自动化开通云服务
    • 下一篇
    对象存储 OSS 如何创建 bucket|学习笔记