项目背景
个人博客系统采用了 SSM 框架与 Redis 缓存技术的组合 ，为用户提供了一个功能丰富、性能优越的博客平台。
在技术架构上 ，SSM 框架确保了系统的稳定性和可扩展性。Spring 负责管理项目的各种组件 ，Spring MVC 实现了清晰的请求处理 和视图渲染 ， MyBatis 则高效地处理数据库操作。功能方面 ，用户可以轻松撰写、编辑和发布博客文章。
前端主要有 登录/注册、个人中心、操作博客的相关界面构成。
后端主要有 登录/注册、用户信息操作、博客等相关操作。
项目功能
- 注册功能：新用户需要填写用户名和密码，验证通过后需要把用户名和加密的密码存入数据库。
- 个人中心：注册/登录之后跳转到该页面，这个页面可以添加邮箱/Gitee/修改头像。同时还可以跳转到个人博客列表，或者博客广场。
- 添加邮箱：填入绑定的邮箱号之后，会收到一条验证码。当验证码通过后，就会绑定邮箱。同时把绑定的邮箱信息存入数据库。
- 修改邮箱：同添加邮箱。
- 添加Gitee：选择自己的Gitee链接，提交完成后会存入数据库。点击Gitee会跳转到个人首页。
- 修改Gitee：同添加Gitee。
- 我的博客：点击会跳到个人博客列表页。
- 博客广场：点击会跳到博客广场。
- 我的博客：只会显示自己写的博客。博客按照发布时间升序排列。只显示每篇博客的标题，发布时间，文章的前一部分的内容。可以通过查看全文查看整篇文章。可以通过修改来修改文章的内容。通过删除来删除选中的文章。
- 博客广场：与我的博客列表相似，只不过这里是全部人的博客。另外只有查看全文的显示。
- 写博客：当登录之后，就可以点击写博客进行博客的书写和发布。
- 注销：当登陆后可以点击注销进行退出。
测试
功能测试
用户
注册
登录
注销
头像
邮箱
Gitee
博客
个人广场
博客广场
查看博客
增加博客
修改博客
删除博客
自动化测试
引入依赖
<dependency>
<groupId>org.seleniumhq.selenium</groupId>
<artifactId>selenium-java</artifactId>
<version>4.0.0</version>
</dependency>
<!-- 保存屏幕截图需要用到的包-->
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.6</version>
</dependency>
<!-- 添加junit5依赖-->
<dependency>
<groupId>org.junit.jupiter</groupId>
<artifactId>junit-jupiter</artifactId>
<version>5.8.2</version>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.junit.platform</groupId>
<artifactId>junit-platform-suite</artifactId>
<version>1.8.2</version>
<scope>test</scope>
</dependency>创建公共类
import org.apache.commons.io.FileUtils;
import org.openqa.selenium.OutputType;
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;
import java.util.ArrayList;
import java.util.List;
public class AutoTestUtils {
// 为了降低代码冗余度，直接在这里实现代码的复用
public static ChromeDriver driver;
// 创建驱动对象
public static ChromeDriver createDriver() {
// 无头模式
ChromeOptions options = new ChromeOptions();
options.addArguments("-headless");
// 判断驱动对象是否已经创建
if(driver == null) {
// 无头模式
driver = new ChromeDriver(options);
// 默认的有头模式
// driver = new ChromeDriver();
// 创建隐式等待，确保页面渲染出来
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(6));
}
return driver;
}
/*
* 保存现场<截图>
* 把所有用例的执行结果进行保存
* 注意：保存的屏幕截图的名字应该是动态生成的，否则会进行图片的覆盖
*/
// 获取动态文件名
public List<String> getTime() {
SimpleDateFormat sim1 = new SimpleDateFormat("yyyyMMdd-HHmmssSS");
String fileName = sim1.format(System.currentTimeMillis());
// 希望文件按天的维度进行文件夹的分类保存
SimpleDateFormat sim2 = new SimpleDateFormat("yyyyMMdd");
String dirName = sim2.format(System.currentTimeMillis()); // 文件夹的名字
// 使用链表进行保存
List<String> list = new ArrayList<>();
list.add(dirName);
list.add(fileName);
return list;
}
// 为了区分是哪个用例返回的，可以加上用例的名称进行保存
public void getScreenShot(String str) throws IOException {
List<String> list = getTime();
// 文件保存路径：dirName+fileName
// ./指的是当前路径，这里来说就是BlogAutoTest目录下
// 如果目前期望的路径：./src/test/java/com/blogWebAutoTest/dirName/fileName
// 注意图片保存的路径以及名称！
String fileName = "./src/test/java/com/blogWebAutoTest/"
+ list.get(0) + "/" + str + "_" + list.get(1) + ".png"; // 保存的路径+名称
File scrFile = driver.getScreenshotAs(OutputType.FILE); // 获取到的屏幕截图
// 把屏幕截图生成的文件放到指定路径下
FileUtils.copyFile(scrFile,new File(fileName));
}
}具体测试
测试详情页
import com.blogWebAutoTest.common.AutoTestUtils;
import org.junit.jupiter.api.*;
import org.openqa.selenium.By;
import org.openqa.selenium.chrome.ChromeDriver;
import java.io.IOException;
import java.time.Duration;
// 博客详情页测试
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogDetailTest extends AutoTestUtils {
public static ChromeDriver driver = createDriver();
@BeforeAll
static void baseControl() {
driver.get("http://127.0.0.1:8370/myblog_list.html");
}
/*
* 详情页打开正确，但是因为没有blogId会出现Undefined
*/
@Test
@Order(1)
void undefindedTest() throws IOException {
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
String expect = "";
String fact = driver.findElement(By.xpath("/html/body/div[2]/div[2]/div/div[1]")).getText();
getScreenShot(getClass().getName());
Assertions.assertEquals(expect,fact);
}
/*
* 测试详情页正确打开[有blogId]
* 测试标题以及时间（必定有）
* 这里其实还有一种情况：不存在blogId
*/
@Test
@Order(2)
void blogDetailPageRight() throws IOException {
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
driver.get("http://127.0.0.1:8370/blog_content.html?id=9");
driver.findElement(By.cssSelector("body > div.container > div.container-right > div > h3"));
driver.findElement(By.cssSelector("body > div.container > div.container-right > div > div.date"));
driver.findElement(By.xpath("//*[@id=\"content\"]/p"));
getScreenShot(getClass().getName());
driver.findElement(By.xpath("/html/body/div[1]/a[1]")).click(); // 回到列表页
}
/*
* 测试“删除”按钮
* 删除后会跳回到列表页，然后与最上面的时间进行比对即可【不比较标题，因为标题可能为空】
* 这里是要删除第一篇博客
*/
@Test
@Order(3)
void deleteTest() throws IOException {
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
getScreenShot(getClass().getName());
driver.findElement(By.cssSelector("body > div.container > div.container-right > div:nth-child(1) > a")).click();
String before = driver.findElement(By.xpath("/html/body/div[2]/div[2]/div/div[1]")).getText();
driver.findElement(By.cssSelector("#delete_button")).click();
String after = driver.findElement(By.cssSelector("body > div.container > div.container-right > div:nth-child(1) > div.date")).getText();
getScreenShot(getClass().getName());
Assertions.assertNotEquals(before,after); // 比对不同
}
// 注意更改驱动释放位置（在最后一个类/测试用例之后）
@AfterAll
static void driverQuite() {
driver.quit();
}
}其他界面也是类似。
最后一起跑一下。
import org.junit.platform.suite.api.SelectClasses;
import org.junit.platform.suite.api.SelectPackages;
import org.junit.platform.suite.api.Suite;
// 测试套件运行
@Suite
@SelectClasses({BlogLoginTest.class, BlogListTest.class,BlogEditTest.class,BlogDetailTest.class,DriverQuiteTest.class})
public class runSuite {
}
