项目测试报告-----瞬联Talk

一、项目概述

本项目为采用前后端分离的方式实现的一个网页版的线上聊天室，项目简单模拟了网页版的微信，给用户提供了一个线上交流平台。

二、设计测试用例

三、核心功能手动测试

3.1登录页面

3.1.1用户名

测试场景1-用户名为空

预计结果：登录失败，并弹窗提示：当前输入的用户名或者密码为空！

实际结果：同预计结果。如下图：

测试场景2-用户名错误

预计结果：登录失败，并弹窗提示：登录失败！

实际结果：同预计结果。如下图：

测试场景3-用户名正确，密码为空

预计结果：登录失败，并弹窗提示：当前输入的用户名或者密码为空！

实际结果：同预计结果。如下图：

测试场景4-用户名正确，密码错误

预计结果：登录失败，并弹窗提示：登录失败！

实际结果：同预计结果。如下图：

测试场景5-用户名正确，密码正确

预计结果：登录成功，并弹窗提示：登录成功！点击“确定”后，跳转到聊天界面。

实际结果：同预计结果。如下图：

3.2会话框

3.2.1点击会话按钮

测试场景1：点击会话按钮，会话按钮logo点亮

预计结果：会话按钮的logo变为绿色，同时好友列表logo置为灰色。

实际结果：同预计结果，如下图：

测试场景2：点击会话按钮，跳转到会话列表，显示用户与好友的所有对话，左侧会话列表展示与每个好友交流的最后一条消息。

左侧会话列表展示与每个好友交流的最后一条消息，当聊天长度>10时，不显示全部数据，产生截断；当聊天长度<10时，显示全部数据，不截断。如下图：

3.2.2点击具体会话

测试场景1：当前会话点亮

预计结果：点击的会话框点亮。

实际结果：同预计结果。如下图：

测试场景2：消息页面

预计结果：显示当前会话用户昵称，当前页面显示最后一条消息，消息列表可上下滚动，支持查看历史消息，显示历史消息。如下图：

3.3好友列表

点击好友按钮，

测试场景1：好友列表logo点亮，会话列表logo置灰色。

预计结果：好友列表logo点亮，会话列表logo置灰色。

实际结果：同预计结果。

测试场景2：跳转到好友列表。

预计结果：跳转到好友列表并显示列表中所有好友。

实际结果：同预计结果。

测试场景1,2，如下图：

测试场景3：点击具体好友

预计结果：跳转到与该好友会话框，该好友会话置顶，展示消息页。且若与该好友有历史对话，则在页面展示历史消息；若与该好友无历史消息，则建立新对话。

实际结果：同预计结果。如下图：

3.4消息发送

3.4.1在输入框输入消息

测试场景1：点击发送按钮

预计结果：输入框数据清空，消息页面框显示刚才发送的数据。

实际结果：同预计结果。如下图：

3.4.2页面展示

预计结果：发送方消息靠右，词条颜色为灰白色；接收方消息靠左，颜色为绿色。

实际结果：同预计结果。如下图：