当前位置：首页 > article >正文

五子棋测试用例

article 2025/6/12 17:59:09

一.项目背景

1.1 项目简介

传统棋类文化的推广

五子棋是一种古老的棋类游戏，有着深厚的文化底蕴。通过将五子棋制作成网页游戏，可以让更多的人了解和接触到这一传统棋类文化。无论是国内还是国外的玩家，都可以通过网页五子棋感受到东方棋类文化的魅力，有助于五子棋文化在全球范围内的传承和发展。

网页技术的推动

随着HTML5、JavaScript等网页技术的不断发展，开发网页五子棋变得更加容易和可行。这些技术能够实现五子棋游戏的界面绘制、交互逻辑（如落子、判断胜负等）以及实时对战功能。例如，JavaScript可以方便地处理用户在网页上的操作事件，HTML5的canvas元素能够用于绘制五子棋棋盘和棋子。

网络基础设施的改善

高速宽带和无线网络的广泛覆盖，使得在网页上进行实时对战的五子棋游戏体验更加流畅。低延迟的网络环境确保了玩家之间的操作能够及时同步，不会出现明显的卡顿现象，这为网页五子棋的发展提供了良好的网络技术支撑。

1.2 应用技术
网页五子棋应用了多种技术：

项目使用 SpringBoot 进行搭建，采用 SSM 框架（Spring + SpringMVC + MyBatis）进行开发，使用的应用层协议 WebSocket（一种在单个TCP连接上进行全双工通信的协议，用于实现实时的网络对战功能，保证玩家之间的落子信息能够及时、准确地传输），在每个模块的编写过程中都分为了客户端开发（前端）与服务器端开发（后端），在进行前端页面编写时用到了 HTML、CSS、JS，在前后端交互部分使用了 jQuery、Ajax，同时本项目使用 MySQL 数据库（一种关系型数据库，可用于存储游戏中的结构化数据，如玩家账号、游戏积分、排行榜等信息，提供强大的事务处理和数据一致性支持）来存储用户的相关数据。

二、项目功能

2.1 用户管理功能

用户注册与登录：用户可以通过注册页面注册账号，填写用户名、密码等信息进行注册，注册成功后可在登录页面输入账号密码登录。

用户信息管理：系统能够记录用户的相关信息，如用户id、用户名、密码、天梯分数、排位总场次和胜场总场次等，并提供修改密码、查看个人信息等功能。

用户状态管理：通过session管理模块实现用户登录状态的维护，使用户在游戏过程中保持登录状态，直到用户主动退出或超时自动退出。

2.2 游戏对战功能

匹配对战：系统根据用户的天梯分数等信息进行匹配，为玩家找到合适的对手，进入游戏房间进行对战。

实时对战：在游戏房间内，玩家可以进行实时的五子棋对战，双方轮流落子，通过点击棋盘上的空位放置棋子。

胜负判断：系统能够实时检测当前落子位置在横、纵、斜四个方向是否有连续五个相同的棋子，以判断胜负。

三.测试报告

3.1 测试用例

3.2功能测试

3.2.1 登录功能测试

通过测试，我们发现登录页面上左上角的”五子棋对战“字样正常显示，页面的背景图片正常显示，页面中的登录框，以及框中的输入框、提示字样和登录正常显示。在界面测试上并未发现bug。

非正确的登录方式:

1.输入账号并不输入密码

这里提示登录失败

2.输入密码但是不输入账号

依然提示登录失败

3.账号或密码包含特殊字符是否会登录

异常登录

异常登录有两种情况，一种是用户名错误的情况，另一种是密码错误的情况，先看一下用户名错误的情况：

用户名错误时，会登录失败，页面会提示用户“登录失败！”。接下来再看看密码错误的情况：

密码错误时，依然会提示“登录失败！”，同过测试发现，登录页面对于异常登录的情况处理没有bug。

正常登录

接下来我们进行测试登录看是否可以正常跳转到匹配页面

弹窗显示登录成功,我们点击看是否会跳转到匹配页

点击后跳转匹配页面,页面显示正常,并且正常显示玩家个人信息已经分数信息.

接下来使用自动化脚本进行登录测试

3.2.2 匹配功能测试

进行匹配测试的时候还对兼容性做了小小的测试,在edge浏览器上也可以正常显示

通过测试发现，游戏房间页面左上角“五子棋对战”字样正常显示，玩家信息正常显示，由于并没有给玩家设置头像，这里的两个头像只是为了看起来更加丰富，因此头像不视为bug，棋盘正常显示，棋盘下方的提示信息也是正常显示，聊天框正常显示。在界面测试中并未发现bug。

接下来我们首先测试一下对战功能：

先手方落子显示正常,比赛结果正常

测试总结

通过测试游戏大厅页面的界面显示和匹配功能，得出以下结论：

游戏大厅页面的左上角“五子棋对战”字样正常显示，背景图片正常显示

玩家信息（用户名、分数、比赛场次、获胜场次）正常显示，

匹配功能正常，两个同级别玩家点击匹配按钮后，会匹配在一起。

通过对游戏大厅页面的界面测试和功能测试，并未在游戏大厅页面发现bug

3.3 性能测试

下面就来介绍五子棋项目性能测试的一个测试流程。这里我们使用jmeter进行测试

首先要创建一个梯度压测线程组（Stepping Thread Group），来慢慢增大我们对这两个接口的并发请求的数量

然后创建 HTTP Cookie 管理器，添加相关的用户信息

测试总结
通过测试游戏大厅页面的性能测试，得出以下结论：

单个用户进行注册、登录、游戏页面的时长和CPU占用率正常；

当少数用户用于访问页面时，加载时长任在可控范围内；

但是当大量用户同时进行匹配游戏时还是会出现卡顿，加载速度过慢的情况，该类情况后续进行优化

3.4 自动化测试

具体方法参考

自动化测试selenium(Java版)_selenium-java-CSDN博客

创建自动化测试脚本,首先创建一个工具类,封装好driver,并指定屏幕截图存放路径,使用隐式等待

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 java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.time.Duration;public class ChromeUtils {public static WebDriver driver;public static WebDriver createDriver(){if (driver==null){WebDriverManager.chromedriver().setup();ChromeOptions options = new ChromeOptions();//允许Chrome浏览器接受来自任何源的远程调试连接请求options.addArguments("--remote-allow-origins=*");driver = new ChromeDriver(options);//隐式等待,等待两秒,期间会一直不断的请求元素driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(2));}return driver;}public ChromeUtils(String url) {driver = createDriver();driver.get(url);}public void getScreenShot(String str) throws IOException {//     ./src/test/image///                     /2024-07-17///                                /test01-17453010.png//                                /test02-17453020.png//                     /2024-07-18///                                /test01-17453030.png//                                /test02-17453034.pngSimpleDateFormat sim1 = new SimpleDateFormat("yyyy-MM-dd");SimpleDateFormat sim2 = new SimpleDateFormat("HHmmssSS");String dirTime = sim1.format(System.currentTimeMillis());String fileTime = sim2.format(System.currentTimeMillis());//./src/test/image/2024-07-17/test01-17453020.pngString filename ="./src/test/image/"+ dirTime +"/" + str + "-" + fileTime+".png";File srcFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);FileUtils.copyFile(srcFile,new File(filename));}
}

登录功能的自动化测试

  public void LoginError(){//账号错误driver.findElement(By.cssSelector("#username")).sendKeys("test");driver.findElement(By.cssSelector("#password")).sendKeys("123456789");driver.findElement(By.cssSelector("#submit")).click();//确认Alert alert = driver.switchTo().alert();alert.accept();//密码错误driver.findElement(By.cssSelector("#username")).clear();driver.findElement(By.cssSelector("#password")).clear();driver.findElement(By.cssSelector("#username")).sendKeys("hanmeimei123");driver.findElement(By.cssSelector("#password")).sendKeys("12345");driver.findElement(By.cssSelector("#submit")).click();//确认alert.accept();driver.findElement(By.cssSelector("#username")).clear();driver.findElement(By.cssSelector("#password")).clear();//包含特殊字符driver.findElement(By.cssSelector("#username")).clear();driver.findElement(By.cssSelector("#password")).clear();driver.findElement(By.cssSelector("#username")).sendKeys("hanmeimei%$^*&");driver.findElement(By.cssSelector("#password")).sendKeys("12345");driver.findElement(By.cssSelector("#submit")).click();//确认alert.accept();driver.findElement(By.cssSelector("#username")).clear();driver.findElement(By.cssSelector("#password")).clear();}public void LoginRight() throws InterruptedException {driver.findElement(By.cssSelector("#username")).sendKeys("hanmeimei1");driver.findElement(By.cssSelector("#password")).sendKeys("123456789");driver.findElement(By.cssSelector("#submit")).click();//确认Alert alert = driver.switchTo().alert();alert.accept();//driver.close();}public void March(){driver.findElement(By.cssSelector("#match-button"));}
}

上述脚本存在隐式等待时间问题,我们尽量做到写出更好的测试脚本,这个需要积累经验后进行优化

自动化检测登录和匹配等功能正常，无Bug;

四、测试总结

4.1 测试目标

确保五子棋游戏的基本功能正常运行，包括落子、判断胜负、悔棋等操作。

检查游戏在不同浏览器下的兼容性。

测试游戏的界面显示是否清晰、友好。

4.2 测试范围

功能测试

正常落子：测试每个可落子点是否能准确落子，并且不会出现错误提示或异常情况。

胜负判断：在不同的五子连珠情况（横、竖、斜）下，是否能正确判断胜负。

界面测试

棋盘显示：棋盘线条是否清晰，棋子显示是否正常，是否存在遮挡或显示错误的情况。

按钮功能：开始游戏、重新开始、悔棋等按钮的位置是否合理，点击响应是否及时。

游戏提示：如轮到哪方落子、胜负结果提示等是否准确显示

兼容性测试

在主流浏览器（如Chrome、Firefox、Safari、Edge）上测试游戏的运行情况，包括界面显示和功能操作。

4.3 测试结果