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

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

用户注册功能

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


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

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



相关文章
|
29天前
|
前端开发 测试技术 Python
【Selenium全攻略】掌握这一工具,实现自动化测试的所有梦想
本文分享了使用Selenium进行UI自动化测试的全过程,包括开发环境部署、代码实现、思路分析和难点解析。作者通过一个实际案例,讲述了如何利用Selenium处理前端生成报告失败的问题,以及在UI自动化中定位元素和处理元素不唯一的情况。同时,文章强调了解决问题思路的重要性,鼓励读者开拓思维,寻找不同的解决方案。
77 4
【Selenium全攻略】掌握这一工具,实现自动化测试的所有梦想
|
4天前
|
机器学习/深度学习 算法 开发工具
Python Web开发工具
Python Web开发工具
14 3
|
10天前
|
安全 前端开发 JavaScript
Web安全-网页开发者工具
Web安全-网页开发者工具
32 7
|
22天前
|
测试技术
基于LangChain手工测试用例转Web自动化测试生成工具
该方案探索了利用大模型自动生成Web自动化测试用例的方法,替代传统的手动编写或录制方式。通过清晰定义功能测试步骤,结合LangChain的Agent和工具包,实现了从功能测试到自动化测试的转换,极大提升了效率。不仅减少了人工干预,还提高了测试用例的可维护性和实用性。
31 4
|
29天前
|
前端开发 测试技术 UED
【测试效率对比】深入分析:为何UI自动化测试的投资回报率通常低于接口自动化测试?
这篇文章深入分析了UI自动化测试与接口自动化测试的投资回报率(ROI)问题,指出UI自动化测试在某些情况下的ROI并不低,反驳了没有实施过UI自动化就轻易下结论的观点,并强调了实践的重要性和自动化测试在项目迭代中的作用。
48 1
|
19天前
|
前端开发 JavaScript 开发者
JSF与WebSockets,打造实时通信魔法!让你的Web应用秒变聊天室,用户体验飞升!
【8月更文挑战第31天】在现代Web应用开发中,实时通信对于提升用户体验至关重要。本文探讨了如何在主要面向Web应用开发的JSF(JavaServer Faces)框架中引入WebSockets支持,以实现客户端与服务器之间的全双工通信。通过具体示例展示了在JSF应用中实现WebSockets的基本步骤:添加依赖、创建服务器端点以及在前端页面中嵌入JavaScript客户端代码。尽管这一过程中可能会遇到一些挑战,如复杂代码编写和额外配置需求,但借助AWS等云服务平台,开发者仍能高效地完成部署和管理工作,从而增强Web应用的实时通信能力。
28 0
|
19天前
|
开发者 前端开发 Apache
Apache Wicket Ajax揭秘:轻松几步,让你的Web应用告别“呆板”,焕发新生!
【8月更文挑战第31天】随着互联网技术的发展,Web应用的交互性成为评价网站成功的关键指标。Apache Wicket作为一款卓越的Java Web框架,不仅具备强大的组件化开发能力,还内置了对Ajax技术的支持,使开发者能轻松提升Web应用的交互体验。通过简单的代码示例展示了如何在不刷新页面的情况下异步更新页面元素,极大提升了用户体验。Wicket提供了多种Ajax组件和行为,如AjaxFallbackLink、AjaxButton等,满足不同场景需求,并支持自定义Ajax行为,帮助开发者实现复杂交互效果。合理运用Wicket的Ajax功能,可显著增强网站竞争力。
26 0
|
1月前
|
开发框架 前端开发 API
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理
|
8天前
|
移动开发 JSON Java
Jmeter实现WebSocket协议的接口测试方法
WebSocket协议是HTML5的一种新协议,实现了浏览器与服务器之间的全双工通信。通过简单的握手动作,双方可直接传输数据。其优势包括极小的头部开销和服务器推送功能。使用JMeter进行WebSocket接口和性能测试时,需安装特定插件并配置相关参数,如服务器地址、端口号等,还可通过CSV文件实现参数化,以满足不同测试需求。
53 7
Jmeter实现WebSocket协议的接口测试方法
|
8天前
|
JSON 移动开发 监控
快速上手|HTTP 接口功能自动化测试
HTTP接口功能测试对于确保Web应用和H5应用的数据正确性至关重要。这类测试主要针对后台HTTP接口,通过构造不同参数输入值并获取JSON格式的输出结果来进行验证。HTTP协议基于TCP连接,包括请求与响应模式。请求由请求行、消息报头和请求正文组成,响应则包含状态行、消息报头及响应正文。常用的请求方法有GET、POST等,而响应状态码如2xx代表成功。测试过程使用Python语言和pycurl模块调用接口,并通过断言机制比对实际与预期结果,确保功能正确性。
35 3
快速上手|HTTP 接口功能自动化测试