网页聊天室--测试报告

一.测试目标及测试任务概括验证网页聊天室各模块的功能完整性确保用户的登录功能注册功能以及首页的聊天会话和好友列表添加好友的功能符合要求。二.测试文档类别版本/配置硬件荣耀MagicBook 14手动测试浏览器Microsoft Edge 版本 146.0.3856.59 (正式版本) (64 位)开发工具Intellij IDEA 2022.1.4自动化测试工具Selenium 4.0.0操作系统Windows 11 家庭中文版自动化测试浏览器Google Chrome 版本 145.0.7632.160(正式版本)(64 位)三.测试用例3.1 登陆页面测试用例3.2 注册页面测试用例3.3 主页页面测试用例四.手动功能测试页面4.1 注册页面①正常注册输入正常的用户名和密码预期结果弹出弹框提示注册成功后返回登录页面之后进行正常登录②用户名为空进行注册预期结果弹出弹窗显示当前输入的用户名或者密码为空③密码为空进行注册预期结果弹出弹框显示当前输入的用户名或者密码为空④对已经进行注册的用户名再次进行注册预期结果弹出弹框显示注册失败4.2 登陆页面①输入正确的用户名和密码预期结果弹出弹框显示登陆成功②输入错的用户名和正确密码预期结果弹出弹框显示登陆失败③输入正确用户名和错误密码预期结果弹出弹框显示登陆失败④用户名为空密码正常输入预期结果弹出弹框显示当前输入的用户名或者密码为空⑤用户名正常输入密码为空预期结果弹出弹框显示当前输入的用户名或者密码为空4.3 主页面4.3.1 好友会话列表①成功登录进入页面显示正处于好友会话列表预期结果处于好友会话列表并且好友会话图标位绿色②点击会话列表的好友会话框预期结果和好友的历史聊天记录在右边显示显示并且好友列表的会话框出现高亮颜色③在输入框中编辑文件点击发送按钮进行发送预期结果消息成功发送并且发送的消息气泡为绿色左边好友会话框显示的最新消息字数太长会进行截断只保留10个字符④成功接收到对方的消息预期结果接收到消息且对方发送的消息气泡为白色左边好友会话框显示的最新消息字数太长会进行截断只保留10个字符4.3.2 好友列表①点击好友列表图标转跳到好友列表预期结果成功转跳到好友列表并且图标为绿色②点击好友框能自动转跳到会话列表并展示聊天记录预期结果成功转跳并显示聊天记录③添加好友成功后好友列表会自动出现新添加的好友预期结果好友列表新增好友④点击好友框如果没有聊天记录框则生成新的聊天会话框4.3.3 添加好友页面①在搜索框里进行查找好友预期结果成功找到②不填写添加好友理由直接发送好友请求预期结果成功发送对方成功接收到好友请求③填写添加好友理由直接发送好友请求预期结果成功发送对方成功接收到好友请求④点击拒绝添加好友预期结果该好友申请被移除⑤点击接受按钮成功添加好友预期结果成功添加好友且出现在好友列表上五.兼容性测试①在Google Chrome进行登录预期结果无异常正常登录②在Microsoft Edge进行登录预期结果无异常正常登录六.界面测试①登陆页面图片正常显示无遮挡无错别字②登陆页面有准确的提示③注册页面图片正常显示无遮挡无错别字④注册页面有准确的提示⑤主页页面图片正常显示无遮挡无错别字⑥按钮图标皆可正常使用七.自动化测试7.1 导入依赖包 pom.xml文件?xml version1.0 encodingUTF-8? project xmlnshttp://maven.apache.org/POM/4.0.0 xmlns:xsihttp://www.w3.org/2001/XMLSchema-instance xsi:schemaLocationhttp://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd modelVersion4.0.0/modelVersion groupIdorg.example/groupId artifactIdchatroom_test_auto/artifactId version1.0-SNAPSHOT/version properties maven.compiler.source17/maven.compiler.source maven.compiler.target17/maven.compiler.target project.build.sourceEncodingUTF-8/project.build.sourceEncoding /properties dependencies dependency groupIdio.github.bonigarcia/groupId artifactIdwebdrivermanager/artifactId version5.8.0/version /dependency dependency groupIdorg.seleniumhq.selenium/groupId artifactIdselenium-java/artifactId version4.0.0/version /dependency dependency groupIdcommons-io/groupId artifactIdcommons-io/artifactId version2.6/version /dependency /dependencies /project7.2 utils类存放自动化测试通用代码package common; import io.github.bonigarcia.wdm.WebDriverManager; import org.apache.commons.io.FileUtils; import org.openqa.selenium.OutputType; import org.openqa.selenium.TakesScreenshot; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.chrome.ChromeOptions; import org.openqa.selenium.support.ui.WebDriverWait; import java.io.File; import java.io.IOException; import java.text.SimpleDateFormat; import java.time.Duration; public class utils { public static WebDriver driver null; public WebDriverWait wait null; public utils(String url){ driver createDriver(); driver.get(url); wait new WebDriverWait(driver, Duration.ofSeconds(5)); } // 创建driver对象 private static WebDriver createDriver() { if(driver null){ // 下载驱动 WebDriverManager.chromedriver().setup(); // 添加配置 ChromeOptions options new ChromeOptions(); options.addArguments(--remote-allow-origins*); // 创建driver对象 driver new ChromeDriver(options); // 添加隐式等待 driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5)); } return driver; } /** * 屏幕截图 * 格式 2026-03-18/ * login_14_51_21.png */ public void screenShot(String funcStr) throws IOException { // 年月日 SimpleDateFormat sim1 new SimpleDateFormat(yyyy-MM-dd); // 时分秒 SimpleDateFormat sim2 new SimpleDateFormat(HH_mm_ss); String dirTime sim1.format(System.currentTimeMillis()); String fileTime sim2.format(System.currentTimeMillis()); String fileName ./src/main/java/image dirTime / funcStr _ fileTime .png; File srcFile ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE); FileUtils.copyFile(srcFile,new File(fileName)); } /** * 关闭浏览器 */ public void quit(){ driver.quit(); } }7.3 登录页面测试package test; import common.utils; import org.openqa.selenium.Alert; import org.openqa.selenium.By; import org.openqa.selenium.NoAlertPresentException; import org.openqa.selenium.support.ui.ExpectedConditions; import org.openqa.selenium.support.ui.WebDriverWait; import java.io.IOException; import java.time.Duration; public class clientTest extends utils { public static String url http://212.64.13.142:8080/client.html; public clientTest() { super(url); } /** * 打开页面前进行登录 */ public void login(String name,String password){ // 处理弹框 WebDriverWait wait1 new WebDriverWait(driver,Duration.ofSeconds(15)); Alert alert wait1.until(ExpectedConditions.alertIsPresent()); // 断言验证 String alterText alert.getText(); assert alterText.equals(当前用户未登录); alert.accept(); // 进行登录 // 输入正确的用户名 driver.findElement(By.cssSelector(#username)).sendKeys(name); // 输入正确的密码 driver.findElement(By.cssSelector(#password)).sendKeys(password); // 点击登录 driver.findElement(By.cssSelector(#submit)).click(); // 处理弹框 try { WebDriverWait wait new WebDriverWait(driver, Duration.ofSeconds(10)); alert wait.until(ExpectedConditions.alertIsPresent()); alert.accept(); } catch (NoAlertPresentException e) { System.out.println(弹框未出现或已被自动关闭); } } /** * 成功登录检查页面是否可以打开 */ public void checkPageRight() throws IOException { login(zhangsan,123); // 通过查找页面元素检查是否加载成功 // 检查当前登录的用户名 driver.findElement(By.cssSelector(body div.client-container div div.left div.user)); // 检查搜索输入框 driver.findElement(By.cssSelector(body div.client-container div div.left div.search input[typetext])); // 检查搜索按钮 driver.findElement(By.cssSelector(body div.client-container div div.left div.search button)); // 检查会话列表标签按钮 driver.findElement(By.cssSelector(body div.client-container div div.left div.tab div.tab-session)); // 检查好友列表标签按钮 driver.findElement(By.cssSelector(body div.client-container div div.left div.tab div.tab-friend)); // 检查消息区是否正常显示 driver.findElement(By.cssSelector(body div.client-container div div.right div.message-show)); // 检查消息编辑区 driver.findElement(By.cssSelector(body div.client-container div div.right textarea)); // 检查发送按钮 driver.findElement(By.cssSelector(body div.client-container div div.right div.ctrl button)); System.out.println(主页页面正常); // 屏幕截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 不登陆直接打开页面 */ public void openPage() throws IOException { // 处理弹框 WebDriverWait wait1 new WebDriverWait(driver,Duration.ofSeconds(15)); Alert alert wait1.until(ExpectedConditions.alertIsPresent()); // 断言验证 String alterText alert.getText(); assert alterText.equals(当前用户未登录); alert.accept(); // 屏幕截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 从好友会话列表切换到好友列表 */ public void change() throws IOException { // 进行登录 login(zhangsan,123); // 找到好友列表并点击 driver.findElement(By.cssSelector(body div.client-container div div.left div.tab div.tab-friend)); System.out.println(切换成功); // 截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 点击好友聊天框并发送信息 */ public void send() throws IOException { // 进行登录 login(zhangsan,123); // 点击好友会话 driver.findElement(By.cssSelector(#session-list li:nth-child(2))).click(); // 找到好友消息编辑框,进行消息编辑 driver.findElement(By.cssSelector(body div.client-container div div.right textarea)).sendKeys(hello); // 找到发送按钮进行发送 driver.findElement(By.cssSelector(body div.client-container div div.right div.ctrl button)).click(); System.out.println(发送成功); // 截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 验证刚刚发送的消息是否显示在好友会话列表下 */ public void showInSession() { // 登录 login(zhangsan,123); // 找到刚刚发送信息的好友框 driver.findElement(By.cssSelector(#session-list li:nth-child(2))).click(); // 获取刚刚发送的消息内容 String text1 driver.findElement(By.cssSelector(body div.client-container div div.right div.message-show div:nth-child(2) div p)).getText(); // 获取好友会话列表下的最新消息 String text2 driver.findElement(By.cssSelector(#session-list li.selected p)).getText(); // 验证是否相等 if(text1.equals(text2)){ return; } } /** * 点击好友列表的好友转跳到好友聊天框 */ public void changeInSession() throws IOException { // 登录 login(zhangsan,123); // 转跳到好友列表 driver.findElement(By.cssSelector(body div.client-container div div.left div.tab div.tab-friend)).click(); // 点击好友 driver.findElement(By.cssSelector(#friend-list li:nth-child(2))).click(); // 验证是否转跳--聊天框好友名字是否出现 driver.findElement(By.cssSelector(body div.client-container div div.right div.title)); // 消息区是否出现 driver.findElement(By.cssSelector(body div.client-container div div.right div.message-show)); // 消息编辑区出现,并发送消息 driver.findElement(By.cssSelector(body div.client-container div div.right textarea)).sendKeys(zzz); // 发送按钮存在并点击 driver.findElement(By.cssSelector(body div.client-container div div.right div.ctrl button)).click(); System.out.println(转跳成功); // 截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 搜索框搜索好友 */ public void searchByFriendRequest() throws IOException { // 指定要搜索的好友 String name 赵六; // 登录 login(zhangsan,123); // 找到搜索框并输入好友名字 driver.findElement(By.cssSelector(body div.client-container div div.left div.search input[typetext])).sendKeys(name); // 点击搜索按钮 driver.findElement(By.cssSelector(body div.client-container div div.left div.search button)).click(); // 验证是否找到好友 // 看好友名字是否一致 String text driver.findElement(By.cssSelector(body div.client-container div div.right div.message-show div span)).getText(); if(text.equals(name)){ System.out.println(成功找到好友); } // 看添加好友理由框是否存在并输入理由 driver.findElement(By.cssSelector(body div.client-container div div.right div.message-show div input[typetext])).sendKeys(111); // 看添加好友按钮是否存在并点击 driver.findElement(By.cssSelector(body div.client-container div div.right div.message-show div button)).click(); // 处理弹框 WebDriverWait wait1 new WebDriverWait(driver,Duration.ofSeconds(15)); Alert alert wait1.until(ExpectedConditions.alertIsPresent()); // 断言验证 String alterText alert.getText(); assert alterText.equals(添加好友请求已发送); alert.accept(); // 屏幕截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 验证是否收到好友请求 */ public void receiveFriendRequest() throws IOException { // 登录被发送好友请求的账户 login(赵六,666); // 好友申请是否出现 driver.findElement(By.cssSelector(#session-list li:nth-child(1))); // 好友申请理由是否出现 driver.findElement(By.cssSelector(#session-list li:nth-child(1) p)); // 接受按钮是否出现 driver.findElement(By.cssSelector(#session-list li:nth-child(1) div button:nth-child(1))); // 拒绝按钮是否出现 driver.findElement(By.cssSelector(#session-list li:nth-child(1) div button:nth-child(2))); // 截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 拒绝好友请求 */ public void rejectFriendRequest() throws IOException { // 登录 login(赵六,666); // 找到好友申请并点击拒绝 driver.findElement(By.cssSelector(#session-list li:nth-child(1) div button:nth-child(2))).click(); // 处理弹框 WebDriverWait wait1 new WebDriverWait(driver,Duration.ofSeconds(15)); Alert alert wait1.until(ExpectedConditions.alertIsPresent()); // 断言验证 String alterText alert.getText(); assert alterText.equals(拒绝 zhangsan 的好友申请 处理成功); alert.accept(); // 切换到好友列表 driver.findElement(By.cssSelector(body div.client-container div div.left div.tab div.tab-friend)).click(); // 截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } /** * 接受好友请求 */ public void acceptFriendRequest() throws IOException { // 登录 login(赵六,666); // 找到好友申请并点击拒绝 driver.findElement(By.cssSelector(#session-list li:nth-child(1) div button:nth-child(1))).click(); // 处理弹框 WebDriverWait wait1 new WebDriverWait(driver,Duration.ofSeconds(15)); Alert alert wait1.until(ExpectedConditions.alertIsPresent()); // 断言验证 String alterText alert.getText(); assert alterText.equals(通过 zhangsan 的好友申请 处理成功); alert.accept(); // 切换到好友列表 driver.findElement(By.cssSelector(body div.client-container div div.left div.tab div.tab-friend)).click(); // 截图 screenShot(Thread.currentThread().getStackTrace()[1].getMethodName()); } }7.4 代码运行测试import test.clientTest; import test.loginTest; import test.registerTest; import java.io.IOException; public class run { public static void main(String[] args) throws IOException { // 注册页面测试 registerTest registerTest new registerTest(); registerTest.checkPageRight(); registerTest.registerSuc(); registerTest.registerFail1(); registerTest.registerFail2(); registerTest.registerFail3(); registerTest.quit(); // 登录页面测试 loginTest loginTest new loginTest(); loginTest.checkPageRight(); loginTest.loginSuc(); loginTest.loginFail1(); loginTest.loginFail2(); loginTest.loginFail3(); loginTest.loginFail4(); loginTest.quit(); // 主页页面测试 clientTest clientTest new clientTest(); clientTest.checkPageRight(); clientTest.openPage(); clientTest.change(); clientTest.send(); clientTest.showInSession(); clientTest.changeInSession(); clientTest.searchByFriendRequest(); clientTest.receiveFriendRequest(); clientTest.rejectFriendRequest(); clientTest.acceptFriendRequest(); clientTest.quit(); } }八.性能测试8.1 线程组设计8.2 测试结果九.测试结果及总结9.1 基础信息测试范围登陆页面注册页面主页页面3个核心页面工具版本Apache JMeter 5.5测试结果通过率100%异常率0%无请求失败总体吞吐量约1.0请求/秒汇总报告显示68.1/sec为单页面合计整体压测负载平稳9.2 核心性能指标页面平均响应时间峰值响应时间吞吐量表现登录页面482ms(聚合) / 487(汇总)11001ms21.0/min响应偏慢存在极端峰值注册页面386ms(聚合) / 391汇总9318ms20.8/min响应中等存在极端峰值主页页面803ms(聚合/ 815ms(汇总)28798ms20.5/min响应最慢波动极大存在严重峰值总体556(聚合) / 563ms(汇总)28798ms1.0/sec整体响应偏慢页面间性能差异大9.3 关键问题与结论9.3.1 稳定性良好全场景请求成功率 100%无业务异常或服务崩溃系统可用性达标。9.3.2 响应速度偏慢①所有页面平均响应时间均超过 350ms主页页面更是接近 800ms用户体验不佳。②存在极端峰值响应主页最高达 28798ms登录 / 注册页也超过 9000ms说明在高并发下页面加载会出现严重卡顿。9.3.3 性能波动明显①主页页面响应时间标准差高达 1493.77ms波动远大于登录 / 注册页说明其加载逻辑如资源加载、接口依赖更复杂且不稳定。②从响应时间曲线可见压测后期约 1 分钟后响应时间突然飙升是性能瓶颈的关键信号。9.3.4 负载承载平稳TPS 曲线稳定在 20~45 次 / 秒区间无剧烈波动说明服务器在当前 50 线程负载下能稳定处理请求未出现过载。9.4 需要优化部分①检查主页资源加载后端接口依赖减少不必要的请求和资源体积②通过查看结果树分析极端峰值请求的响应内容定位资源加载超时还是后端接口阻塞③合并 JS/CSS减少页面页面加载请求数④逐步增加线程数验证系统极限承载能力重点关注峰值响应是否进一步恶化9.5 结论网页聊天室的基本功能都能正常运行无业务异常页面响应速度偏慢且存在严重性能波动与峰值极端