网页聊天室测试报告
目录
一、项目介绍
二、需求分析
三、测试用例设计与执行
3.1 测试用例设计
3.2 执行测试
3.2.1 功能测试
3.2.2.界面测试
3.2.3 易用性测试
3.2.4 兼容性测试
3.2.5 性能测试
四、测试总结
一、项目介绍
本项目旨在开发一个基于网页的聊天室，为用户提供实时在线交流的平台。用户无需安装额外的软件，只需通过浏览器即可随时随地参与聊天。无论是进行一对一私聊，还是加入多人群聊，都能便捷地实现文字、表情符号等信息的即时传递，满足不同用户在社交、娱乐、工作协作等多方面的交流需求。
二、需求分析
功能设计：首先，用户可以进行注册登录，其次，登录成功后可以搜索聊天对象，进行聊天，聊天的内容可以是文字、图片、视频、表情包，用户还可以对消息进行编辑，可以选择删除聊天/记录、可以标记为已读、可以置顶等。
页面设计：，网页聊天室在网页顶部居中显示，登录表单放置于页面的中心部分，表单中主要有用户名和密码及其输入框，其中，密码输入框加密显示，在表单最底部是登录按钮和注册按钮。登录完成后，进入聊天平台网页，主要分为两大部分：左侧和右侧，左侧最上方是用户名，往下依次是搜索框、消息和用户图标、消息列表/用户列表，点击不同的图标显示不同的列表；右侧是聊天的区域，分为两部分，上部分是发送的消息记录，下部分是消息内容的编辑与发送。
三、测试用例设计与执行
3.1 测试用例设计
根据需求设计测试用例如下图所示。
商品测试用例大致分为功能测试、界面测试、性能测试、安全测试、易用性测试、兼容性测试，接下来只执行部分测试用例。
3.2 执行测试
3.2.1 功能测试
1. 登录测试
登录成功后进入聊天平台
2. 聊天测试
暂时只能发送文字内容，还不能支持发送图片、视频等。
3. 搜索测试
可以成功搜索到所需内容，但搜索结果与预期的只有一个zhangsan消息相悖
4. 消息列表测试
还没有完成消息的删除、聊天记录的删除等功能。
5. 网友列表测试
3.2.2.界面测试
1. 登录页面
标题网页聊天应改为网页聊天室，应居中并字体需要偏大一些显示，表单中的文字、输入框的颜色、大小、位置合理，缺少注册按钮，不存在错别字、字体重叠的情况，密码输入框加密显示。
2. 聊天页面
页面中的文字/输入框的颜色、大小、位置比较合理，个人认为可以将左侧的颜色调为浅灰色，为日间模式，再设计一个黑色的夜间模式，两种模式可以互相转化。右侧聊天记录与输入部分分割太小，应适当再留一些空间。
3.2.3 易用性测试
1. 登录页面
输入框没有提示信息，键盘上的Tab和Enter不能使用，不便于用户的使用。
登录成功后，没有记住用户名和密码的确认弹窗，下次登录仍需输入相关数据。
2. 聊天页面
用不同的消息背景颜色区别不同用户发送的消息，使消息更直观、更易区分。
点击聊天消息框或网友列表中的网页直接进入聊天界面。
3.2.4 兼容性测试
1. 不同浏览器
Edge和Google浏览器显示内容一样
2. 不同分辨率
70%分辨率
80%分辨率
不同分辨率显示的效果一样
3.2.5 性能测试
1. 网速慢
通过fiddler模拟弱网环境，发送消息可以成功发送并被对方接收
2. 断网
在有网的条件下发送消息，发送还没有成功，突然断网，（由于网速不是特别慢，发送一瞬间完成，故使用fiddler模拟弱网环境，实现手动断网）再恢复网络，发送的消息没有的不能重传只能再次发送。
四、测试总结
项目的正确的操作流程没有问题，但是登录注册、聊天、消息列表、网友列表功能设计不够完善，例如：
- 没有注册功能，不能自己实现，只能依托数据库管理相关人员来实现注册，并且密码已经泄密给他人，是一个严重bug
- 消息列表中，与一个用户聊天有多个聊天框，不符合实际情况，是一个严重的bug
- 消息列表中，对聊天框的功能（删除、置顶）没有实现，是一个一般bug
- 聊天中，没有显示发送消息的时间，不利于接收人员快速查看新的或者有效的消息，是一个严重的bug
页面的设计上，标题没有居中、字体偏小，没有注册的按钮，聊天窗口的消息记录区域与发送消息区域没有一定间隔，聊天页面的左侧没有浅灰色，不能实现日间模式（浅灰色）与夜间模式（黑色）之间切换，如果将这两方面做到，页面会更加美观，对用户更友好。而且没有考虑弱网的情况下发送消息是否达到预期。