畅聊趣坊项目测试报告

文章目录

  • 项目背景
  • 项目功能
  • 测试计划与设计
    • 功能测试
    • 自动化测试
  • 测试结果
    • 功能测试结果
    • UI自动化测试结果

项目背景

在浏览网站时，发现好多网站开放出聊天的窗口，我们一发送消息就会收到一条消息，好奇这个功能是怎么实现的，最后查阅资料发现收发消息的操作是通过服务端先接收到消息，再主动向客户端推送消息，所以呢就想做一个聊天网站实现上述的功能，但是实现服务器推送的方法很多，此项目选择使用了WebSocket协议来实现上述功能

项目功能

  • 注册：用户可以申请注册一个账号
  • 登录：用户使用注册的账号进行登录
  • 好友管理模块：在搜索框输入要添加好友的用户名，即可申请添加好友
  • 会话管理模块：用户可以点击好友来创建不存在的会话
  • 消息管理模块：用户可以和自己的好友实时聊天

测试计划与设计

本次测试的环境为：Windows操作系统Win11，Chrome浏览器

在这里插入图片描述

功能测试

测试步骤：

  1. 分析需求，提取测试点
  2. 针对测试点设计测试用例
  3. 根据测试用例手工执行测试
  4. 针对测试结果输出报告

测试用例

这里针对项目的界面，功能，安全，性能，兼容性，易用性设计测试用例

此处只粘贴部分用例，完整的用例可访问Gitee链接查看

链接: 畅聊趣坊测试用例

在这里插入图片描述

测试步骤

这里记录两个核心功能的测试步骤：

  • 添加好友
  • 发送消息

添加好友的测试步骤：

  1. 先正确登录来到主页面

在这里插入图片描述

  1. 再查找要添加的好友

在这里插入图片描述

  1. 查找到，点击添加

在这里插入图片描述

  1. 使用无痕模式登录被添加的账号

在这里插入图片描述

  1. 点击同意

在这里插入图片描述

  1. 查看添加好友结果

在这里插入图片描述

发送消息的测试步骤：

  1. 甲先给乙发送消息

在这里插入图片描述

  1. 乙查看是否收到消息，并向甲回应一条消息

在这里插入图片描述

  1. 查看甲是否收到消息

在这里插入图片描述

自动化测试

自动化测试的优点：

自动化测试可代替一部分手工测试，提高测试的执行效率，并且随着项目版本的迭代，回归测试的压力越来越大，借助自动化测试提高回归测试效率

注意：自动化测试只能代替一部分手工测试，不能完全替代手工测试

自动化测试的步骤：

  1. 分析项目的核心功能
  2. 针对核心功能设计自动化测试用例
  3. 针对测试用例编写自动化脚本
  4. 执行脚本
  5. 记录结果

设计自动化测试用例

此处针对三个主要的模块设计用例：

  • 用户模块
  • 会话好友管理模块
  • 消息管理模块

在这里插入图片描述

编写自动化测试脚本

此处只粘贴部分脚本代码，完整脚本可访问Gitee链接

链接: 畅聊趣坊UI自动化测试脚本

import org.junit.jupiter.api.*;
import org.openqa.selenium.Alert;
import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;

import java.time.Duration;

@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class ClientTest extends InitAndEnd{

    @BeforeEach
    void login() throws InterruptedException {
        driver.get("http://47.108.53.70:8080/login.html");
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        driver.findElement(By.cssSelector("#username")).sendKeys("admin");
        driver.findElement(By.cssSelector("#password")).sendKeys("12345");
        driver.findElement(By.cssSelector("#submit")).click();
        Thread.sleep(2000);
        Alert alert = driver.switchTo().alert();
        alert.accept();
        Thread.sleep(1500);
    }

    //检查元素
    @Order(1)
    @Test
    void elementTest(){
        WebElement element = driver.findElement(By.cssSelector("body > div.client-container > div > div.right > div.title"));
        Assertions.assertEquals("添加好友",element.getText());
        Assertions.assertEquals("http://47.108.53.70:8080/client.html",driver.getCurrentUrl());
        Assertions.assertEquals("网页聊天页面",driver.getTitle());
    }

    //检查点击好友列表
    @Order(2)
    @Test
    void clickFriendList(){
        driver.findElement(By.cssSelector("body > div.client-container > div > div.left > div.tab > div.tab-friend")).click();
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        WebElement element = driver.findElement(By.cssSelector("#friend-list > li:nth-child(1) > h4"));
        Assertions.assertEquals("fs",element.getText());
    }

    //检查点击会话列表
    @Order(3)
    @Test
    void clickSessionList(){
        driver.findElement(By.cssSelector("body > div.client-container > div > div.left > div.tab > div.tab-session")).click();
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        String sessionName = driver.findElement(By.cssSelector("#session-list > li:nth-child(1) > h3")).getText();
        Assertions.assertEquals("fs",sessionName);
        String lastMessage = driver.findElement(By.cssSelector("#session-list > li:nth-child(1) > p")).getText();
        Assertions.assertEquals("放肆",lastMessage);
    }

    //检查点击好友
    @Order(4)
    @Test
    void clickFriend(){
        driver.findElement(By.cssSelector("body > div.client-container > div > div.left > div.tab > div.tab-friend")).click();
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        driver.findElement(By.cssSelector("#friend-list > li:nth-child(1) > h4")).click();
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        WebElement element = driver.findElement(By.cssSelector("#session-list > li.selected"));
        String className = element.getAttribute("class");
        //检查会话是否是选中状态
        Assertions.assertEquals("selected",className);
        //检查聊天标题
        Assertions.assertEquals("fs",driver.findElement(By.cssSelector("body > div.client-container > div > div.right > div.title")).getText());
    }

    //检查点击会话
    @Order(5)
    @Test
    void clickSession(){
        driver.findElement(By.cssSelector("#session-list > li:nth-child(1)")).click();
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        String className = driver.findElement(By.cssSelector("#session-list > li.selected")).getAttribute("class");
        Assertions.assertEquals("selected",className);
        Assertions.assertEquals("fs",driver.findElement(By.cssSelector("body > div.client-container > div > div.right > div.title")).getText());
    }
}

测试结果

功能测试结果

未通过测试如下：

  1. 登录，注册时点击回车不能触发登录，注册点击效果，影响用户的体验

在这里插入图片描述

  1. 发送消息，也不能通过回车键发送消息，影响用户体验

在这里插入图片描述

  1. 对于已经同意了好友请求，还可点击同意，虽然提示已经添加，但是还往后端发送请求了

在这里插入图片描述

bug分析：在同意或拒绝后，没有禁用按钮，也没有对好友是否存在做判断，后端也没有对前端发送请求添加好友的请求进行参数校验

改正意见：前端同意或拒绝后，对按钮进行禁用，后端呢也对前端发送的请求参数进行校验

UI自动化测试结果

UI自动化用例全部通过，部分通过结果如下：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/27781.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

cmake 基本使用

cmake 基本使用

目录 CMake都有什么? 使用cmake一般流程为： 1 生成构建系统 使用命令在build外编译代码: cmake基本语法 指定使用最低版本的cmake 指定项目名称 指定生成目标文件的名称 指定C版本 cmake配置文件使用 cmake配置文件生成头文件 版本号定义方法一: 版本号定…
阅读更多...
《操作系统》by李治军 | 实验6 - 信号量的实现和应用

《操作系统》by李治军 | 实验6 - 信号量的实现和应用

目录 一、实验目的 二、实验内容 （一）用信号量解决生产者—消费者问题 （二）实现信号量，用生产者—消费者程序检验 三、实验准备 1、信号量 2、多进程共享文件 3、终端也是临界资源 4、原子操作、睡眠和唤醒 …
阅读更多...
C++中string类的常用函数

C++中string类的常用函数

文章目录 默认成员函数常见构造函数(constructor) string类的容量操作size()empty()capacity()reserve()clear()resize() string类对象的访问及遍历操作重载 [ ]begin()end()begin() end() 遍历字符串rbegin()rend()rbegin() rend()反向遍历字符串C11范围for string类对象修改…
阅读更多...
广域网技术——ppp，pppoe

广域网技术——ppp，pppoe

目录 PPP协议概述 PPP协议原理 PPP协议三大组件： PPP链路建立流程 PPP连接建立接口状态： LCP协议报文格式 PPP协议报文格式： 1，链路层建立连接过程 LCP协商过程-正常协商 LCP协商-参数不一致 LCP协商-参数不识别 2&#xf…
阅读更多...
YOLOv5/v7 添加注意力机制，30多种模块分析③，GCN模块，DAN模块

YOLOv5/v7 添加注意力机制，30多种模块分析③，GCN模块，DAN模块

目录 一、注意力机制介绍1、什么是注意力机制？2、注意力机制的分类3、注意力机制的核心 二、GCN 模块1、GCN 模块的原理2、实验结果3、应用示例 三、DAN模块1、DAN模块的原理2、实验结果3、应用示例 大家好，我是哪吒。 🏆本文收录于&#xf…
阅读更多...
AMC12和高考数学哪个更难？知识点有哪些不同？

AMC12和高考数学哪个更难？知识点有哪些不同？

AMC12和高考数学哪个更难？知识点有哪些不同？今天小编给大家来详细介绍一下！ 难度对比 从难度上看，高考数学的计算量更大，并且知识点比AMC10/12超前，需要用到极限和微积分的知识。 反观AMC10/12不需要用到…
阅读更多...
数据结构与算法之美 | 栈

数据结构与算法之美 | 栈

栈结构：后进者先出，先进者后出 栈是一种“操作受限”的线性表 当某个数据集合只涉及在一端插入和删除数据，并且满足后进先出、先进后出的特性，这时我们就应该首选“栈”这种数据结构 栈的实现 使用数组实现：顺序栈…
阅读更多...
初探图神经网络——GNN

初探图神经网络——GNN

title: 图神经网络(GNN) date: tags: 随笔知识点 categories:[学习笔记] 初探图神经网络(GNN) 文章来源：https://distill.pub/2021/gnn-intro/ 前言：说一下为什么要写这篇文章，因为自己最近一直听说“图神经网络”，但是一直不了…
阅读更多...
pycharm使用之torch_sparse安装

pycharm使用之torch_sparse安装

正式安装之前要先查看一下torch的版本 一、查看torch版本 1、winR ，输入cmd 2、输入python 3、 输入import torch，然后输入torch.__version__，最后回车 可以看到我的torch版本是1.10.0 二、下载合适的torch_sparse版本 1、打开链接 https…
阅读更多...
接口反应慢优化

接口反应慢优化

遇到某个功能，页面转圈好久，需要优化 1.F12 查看接口时间 2.看参数 总共耗时9.6s Waiting for sercer response 时间是2秒 Content Download 7秒 慢在Content Download F12查看接口响应 显示Failed to load response data:Request content was e…
阅读更多...
spark入门 高可用部署HA（五)

spark入门 高可用部署HA（五)

一、standalone基于修改部署 https://blog.csdn.net/weixin_43205308/article/details/131070277?spm1001.2014.3001.5501 二、安装ZOOKEEPER zookeeper 安装下载与集群 三、修改conf下的spark-env.sh vim conf/spark-env.sh注释以下内容（根据自己环境修改&am…
阅读更多...
visual studio 2022，ADO.NET 实体数据模型添加 sqlite数据库对象

visual studio 2022，ADO.NET 实体数据模型添加 sqlite数据库对象

文章目录 前言前期环境博客github 文档解析文件安装说明文件下载省流版nuget环境配置成功标志sqlite连接测试 前言 我们知道ADO.NET 实体数据模型特别适合动态开发数据库。因为ADO.NET可以使用DB First 开发 我们在开发一个程序的时候，经常会动态更新数据库字段&a…
阅读更多...
算法模板（3）：搜索（4）：高等图论

算法模板（3）：搜索（4）：高等图论

高等图论 有向图的强连通分量 相关概念 强连通分量：Strongly Connected Component (SCC).对于一个有向图顶点的子集 S S S，如果在 S S S 内任取两个顶点 u u u 和 v v v，都能找到一条 u u u 到 v v v 的路径，那么称 S S…
阅读更多...
C++多态和文件读写

C++多态和文件读写

C黑马，每天1.5倍速2个视频（1小时），看到9月1日完成314个视频 目录 🔑多态 🌳基本语法 🌳原理剖析 🌳案例1 -- 计算器类 🌳纯虚函数和抽象类 🌳案例2 --…
阅读更多...
redis知识复习

redis知识复习

redis知识复习 redis基础知识一. redis的认识1. 非关系型数据库 与 传统数据库 的区别2. 安装redis并设置自启动3. 熟悉命令行客户端4. 熟悉图形化工具RDM 二. redis的命令与数据结构1. 数据结构介绍2. redis通用命令（熟练掌握） 三. redis的Java客户端1.…
阅读更多...
SpringBoot整合Flyway实现数据库的初始化和版本管理

SpringBoot整合Flyway实现数据库的初始化和版本管理

文章目录 一、Flyway1、介绍2、业务痛点3、个人理解 二、SpringBoot整合flyway1、整合2、SQL文件命名3、版本号校验算法4、工作流程5、注意事项 一、Flyway 1、介绍 Flyway 是一款开源的数据库版本管理工具。它可以很方便的在命令行中使用，或者在Java应用程序中引入…
阅读更多...
【MySQL】数据表的基本操作

【MySQL】数据表的基本操作

目录 1. 创建表 2. 创建表案例 2.1 创建一个users表 2.2 查看表结构 2.3 修改表 3. 删除表 MySQL🌷 1. 创建表 语法： CREATE TABLE table_name (field1 datatype,field2 datatype,field3 datatype ) character set 字符集 collate 校验规则 engine 存储…
阅读更多...
chatgpt赋能python：如何升级Python的pip版本

chatgpt赋能python：如何升级Python的pip版本

如何升级Python的pip版本 如果你使用Python来进行程序开发，那么你一定需要用到pip，它是Python的包管理器，用于安装和管理各种Python库。 不过，一旦你开始使用pip，你可能会遇到一个问题：你的pip版本可能会…
阅读更多...
几种技巧让大模型（ChatGPT、文心一言）帮你提高写代码效率！

几种技巧让大模型（ChatGPT、文心一言）帮你提高写代码效率！

代码神器 自从大模型推出来之后，似乎没有什么工作是大模型不能做的。特别是在文本生成、文案写作、代码提示、代码生成、代码改错等方面都表现出不错的能力。下面我将介绍运用大模型写代码的几种方式，帮助程序员写出更好的代码！（…
阅读更多...
利用AI点亮副业变现：5个变现实操案例的启示

利用AI点亮副业变现：5个变现实操案例的启示

AI变现副业实操案例 宝宝起名服务AI科技热点号头像壁纸职业头像收徒：萌娃头像定制头像平台挂载 小说推广号流量营销号百家号AI共创计划公众号流量主 知识付费知识星球小报童： 整体思维导图： 在这里先分享五个实操案例: 宝宝起名服务AI科技热…
阅读更多...
最新文章

Copyright @ 2022~2023