简朴博客系统测试报告

文章目录

一. 项目简介
二. 测试概要
三. 测试环境
四. 测试执行概况及功能测试
五. 发现的问题

一. 项目简介

简朴博客系统是采用前后端分离的方式来实现的，是基于 SpringFrameWork 和 MyBatis 框架实现的一个简易的博客发布网站，同时将其部署到了云服务器上。

目前博客系统主要实现了户的注册登录，文章的编写、发布，以及对自己文章的查看、修改、删除操作，个人文章列表及文章数统计这些；还可以分页显示所有作者汇总的文章列表，显示文章阅读量等。

使用 IDEA 开发，项目用到的技术有，SpringBoot， SpringMVC， MyBatis， MySQL， Redis， Lombok，HTML，CSS，JavaScript，jQuery 等。

二. 测试概要

测试对象：基于 SSM 项目的博客系统。

测试目的：校验博客项目功能是否符合自己的预期。

测试点：主要针对常用的主流程功能进行测试，如：注册、登录、汇总博客列表页、博客编辑页、个人博客列表页、导航栏组件等涉及到的功能。

测试方法和工具：主要是黑盒测试，自动化工具使用 Selenium 和 Junit。

三. 测试环境

硬件：Lenovo Yoga 14S 2021（R7-5800H/16GB/512GB/集显）。

浏览器：Google Chrome 版本 119.0.6045.160（正式版本）（64 位）。

操作系统：Windows 11。

测试工具：Selenium3 和 Junit5。

四. 测试执行概况及功能测试

1. 手工测试

1.1 手动测试用例编写

♨️注册页

在这里插入图片描述

♨️登录页

在这里插入图片描述

♨️个人博客列表页
在这里插入图片描述

♨️博客详情页

在这里插入图片描述

♨️博客编辑页
在这里插入图片描述

1.2 执行的部分测试用例

🍂登录页：界面能否正常加载，输入正确 / 错误的账号、密码是否能得到预期的响应。
1️⃣界面能否正常加载。
2️⃣账号正确，密码错误。
预期结果：弹窗提示：“出错了: 登录失败, 请重新操作! 用户名或密码错误! ”。
实际结果如下：

3️⃣账号正确，密码为空。
预期结果：弹窗提示：“请输入密码! ”。
实际结果如下：

4️⃣账号正确，密码正确。
预期结果：页面跳转至个人博客列表页。
实际结果如下：
个人博客列表页：检测界面是否符合预期，点击“查看全文”按钮是否能跳转到对应的博客详情页，点击“修改”按钮是否能跳转到博客编辑页并获取到待修改的标题和内容，点击“删除”按钮是否能成功删除文章，点击“注销”是否能退出登录。
1️⃣界面显示符合预期。

2️⃣点击“查看全文”按钮是否能跳转到对应的博客详情页。
预期结果：进入到对应的博客详情页，且能够正确加载文章内容。
实际结果如下：

3️⃣点击“修改”。
预期结果：点击修改后跳转到文章编辑页。
实际结果如下：

4️⃣点击“删除”。
预期结果：点击删除后文章被删除。
实际结果如下：
5️⃣点击“注销”是否能退出登录。
预期结果：点击注销后退出跳转到登录页面。
实际结果如下：

2. 自动化测试Selenium

2.1 编写测试用例

在这里插入图片描述

2.2 自动化测试代码

🍂引入依赖：selenium，commons-io，junit，suite，engine。

<dependencies>
    <!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java -->
    <dependency>
        <groupId>org.seleniumhq.selenium</groupId>
        <artifactId>selenium-java</artifactId>
        <version>3.141.59</version>
    </dependency>
    <dependency>
        <groupId>commons-io</groupId>
        <artifactId>commons-io</artifactId>
        <version>2.11.0</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.junit.jupiter/junit-jupiter-api -->
    <dependency>
        <groupId>org.junit.jupiter</groupId>
        <artifactId>junit-jupiter-api</artifactId>
        <version>5.9.2</version>
        <scope>test</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.junit.jupiter/junit-jupiter-params -->
    <dependency>
        <groupId>org.junit.jupiter</groupId>
        <artifactId>junit-jupiter-params</artifactId>
        <version>5.9.2</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.junit.platform/junit-platform-suite -->
    <dependency>
        <groupId>org.junit.platform</groupId>
        <artifactId>junit-platform-suite</artifactId>
        <version>1.9.1</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.junit.jupiter/junit-jupiter-engine -->
    <dependency>
        <groupId>org.junit.jupiter</groupId>
        <artifactId>junit-jupiter-engine</artifactId>
        <version>5.9.1</version>
    </dependency>
</dependencies>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

🍂初始化工具类InitAndEnd。

import org.apache.commons.io.FileUtils;
import org.junit.jupiter.api.AfterAll;
import org.junit.jupiter.api.BeforeAll;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;


import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.List;

public class InitAndEnd {
    static WebDriver webDriver;

    @BeforeAll
    static void SetUp() {
        // 创建 web 驱动
        webDriver = new ChromeDriver();
    }

    @AfterAll
    static void TearDown() {
        // 关闭 web 驱动
        webDriver.quit();
    }

    // 获取当前时间戳将截图按照时间保存
    public List<String> getTime() {
        // 文件夹以当天日期保存
        // 截图以当天日期-时间保存
        SimpleDateFormat sim1 = new SimpleDateFormat("yyyyMMdd");
        SimpleDateFormat sim2 = new SimpleDateFormat("yyyyMMdd-HHmmssSS");
        String dirname = sim1.format(System.currentTimeMillis());
        String filename = 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();
        String filename = "D:\\bit\\software_testing\\software-testing\\test-blog\\src\\main\\java\\com\\blog\\test" + list.get(0) + "\\" + str + "_" + list.get(1) + ".png";
        File srcfile = ((TakesScreenshot) webDriver).getScreenshotAs(OutputType.FILE);
        // 把屏幕截图生成的文件放到指定的路径
        FileUtils.copyFile(srcfile, new File(filename));
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

🍂常用功能主流程测试：

🍁LoginSuccess.csv。

admin, admin, http://47.113.217.156:8080/myblog_list.html
1

🍁RegCases。

import org.junit.jupiter.api.Assertions;
import org.junit.jupiter.api.Order;
import org.junit.jupiter.params.ParameterizedTest;
import org.junit.jupiter.params.provider.CsvSource;
import org.openqa.selenium.By;

import java.io.IOException;
import java.util.concurrent.TimeUnit;

import static java.lang.Thread.sleep;

public class RegCases extends InitAndEnd {
    @Order(1)
    @ParameterizedTest
    @CsvSource({"zhaoliu, 123, 123, http://47.113.217.156:8080/login.html"})
    void regSuccess(String username, String password, String againpassword, String login_url) throws InterruptedException, IOException {
        // 打开登录页
        webDriver.get(login_url);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 找到注册按钮并点击
        webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 输入注册的用户名和密码及确认密码
        webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
        webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
        webDriver.findElement(By.cssSelector("#password2")).sendKeys(againpassword);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 点击注册按钮
        webDriver.findElement(By.cssSelector("#submit")).click();
        sleep(3000);
        // 点击确认弹窗
        webDriver.switchTo().alert().accept();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 用新注册的账号进行登录
        // 输入账号 zhaoliu
        webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 输入密码 123
        webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 点击登录按钮
        webDriver.findElement(By.cssSelector("#submit")).click();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 刚注册的账号登录后没有文章，验证是否有 “创作” 按钮
        String butt = webDriver.findElement(By.cssSelector("#artListDiv > h3 > a")).getText();
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        Assertions.assertEquals("创作", butt);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

🍁BlogCases。

import org.junit.jupiter.api.*;
import org.junit.jupiter.params.ParameterizedTest;
import org.junit.jupiter.params.provider.*;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;

import java.io.IOException;
import java.util.concurrent.TimeUnit;
import java.util.stream.Stream;

import static java.lang.Thread.sleep;

@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogCases extends InitAndEnd {
    /**
     * 登录页：输入正确的账号，错误的密码，登录失败
     */
    @Order(1)
    @ParameterizedTest
    @CsvSource({"admin, 123", "zhangsan, 666"})
    void LoginAbnormal(String username, String password) throws InterruptedException, IOException {
        // 打开登录页
        webDriver.get("http://47.113.217.156:8080/login.html");
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 输入账号和密码
        webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 点击登录按钮
        webDriver.findElement(By.cssSelector("#submit")).click();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        sleep(300);
        //登录失败，出现弹窗
        //获取验证弹窗内容
        String text = webDriver.switchTo().alert().getText();
        String except = "出错了: 登录失败, 请重新操作! 用户名或密码错误！";
        webDriver.switchTo().alert().accept();
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        Assertions.assertEquals(except, text);
    }

    /**
     * 登录页：输入正确的账号，密码，登录成功
     */
    @Order(2)
    @ParameterizedTest
    @CsvFileSource(resources = "LoginSuccess.csv")
    void LoginSuccess(String username, String password, String blog_list_url) throws IOException, InterruptedException {
        System.out.println(username + " " +  " " +password + " " +  blog_list_url);
        // 打开登录页
        webDriver.get("http://47.113.217.156:8080/login.html");
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 输入账号 admin
        webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 输入密码 admin
        webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 点击登录按钮
        webDriver.findElement(By.cssSelector("#submit")).click();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        sleep(3000);
        // 登录成功，跳转到个人列表页
        // 获取到当前页面 url
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        String cur_url = webDriver.getCurrentUrl();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 如果 url == http://47.113.217.156:8080/myblog_list.html，测试通过，否则测试不通过
        Assertions.assertEquals(blog_list_url, cur_url);
    }

    /**
     * 个人博客列表页：admin 账户登录后博客数量不为 0
     */
    @Order(3)
    @Test
    void BlogList() throws IOException {
        // 打开个人博客列表页
        webDriver.get("http://47.113.217.156:8080/myblog_list.html");
        // 获取页面上所有博客标题对应的元素
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        int title_num = webDriver.findElements(By.cssSelector(".title")).size();
        // 如果元素数量不为 0，测试通过
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        Assertions.assertNotEquals(0 ,title_num);
    }

    /**
     * 个人博客列表页：查看全文
     * 博客详情页：
     * url
     * 博客标题
     * 页面 title 是 “博客详情”
     */
    public static Stream<Arguments> Generator() {
        return Stream.of(Arguments.arguments("http://47.113.217.156:8080/blog_content.html",
                "博客详情", "URL到页面: 探索网页加载的神秘过程"));
    }

    @Order(4)
    @ParameterizedTest
    @MethodSource("Generator")
    void BlogDetail(String expected_url, String expected_title, String expected_blog_title) throws IOException {
        // 打开个人博客列表页
        webDriver.get("http://47.113.217.156:8080/myblog_list.html");
        // 找到第一篇博客对应的查看全文按钮
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > a:nth-child(4)")).click();
        // 获取当前页面 url
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        String cur_url = webDriver.getCurrentUrl();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 获取当前页面 title
        String cur_title = webDriver.getTitle();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 获取博客标题
        String cur_blog_title = webDriver.findElement(By.cssSelector("#title")).getText();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        Assertions.assertEquals(expected_title, cur_title);
        Assertions.assertEquals(expected_blog_title, cur_blog_title);
        Assertions.assertTrue(cur_url.contains(expected_url));
    }

    /**
     * 博客编辑页：发布文章
     */
    @Order(5)
    @Test
    void EditBlog() throws InterruptedException, IOException {
        // 打开个人博客列表页
        webDriver.get("http://47.113.217.156:8080/myblog_list.html");
        // 找到写博客按钮，点击
        webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 通过 Js 进行输入
        ((JavascriptExecutor) webDriver).executeScript("document.getElementById(\"title\").value=\"自动化测试\"");
        sleep(3000);
        // 点击发布文章按钮
        webDriver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).click();
        sleep(3000);
        // 验证发布成功后的弹窗内容
        String cur_text = webDriver.switchTo().alert().getText();
        String expect_text = "文章添加成功! 是否继续添加文章? ";
        // 点击取消弹窗
        webDriver.switchTo().alert().dismiss();
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        Assertions.assertEquals(expect_text, cur_text);
    }

    /**
     * 汇总列表页：验证博客成功发布
     * 校验第一篇博客标题
     * 校验第一篇博客时间
     */
    @Order(6)
    @Test
    void BlogInfoChecked() throws IOException {
        webDriver.get("http://47.113.217.156:8080/blog_list.html");
        // 获取第一篇博客标题
        String first_blog_title = webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > div.title")).getText();
        // 获取第一篇博客发布时间
        String first_blog_time = webDriver.findElement(By.xpath("//*[@id=\"artListDiv\"]/div[1]/div[2]")).getText();
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        // 校验博客标题是不是自动化测试
        Assertions.assertEquals("自动化测试", first_blog_title);
        // 如果时间是 2023-11-18 年发布的，测试通过
        Assertions.assertTrue(first_blog_time.contains("2023-11-18"));
    }

    /**
     * 个人列表页：删除刚刚发布的博客
     */
    @Order(7)
    @Test
    void DeleteBlog() throws InterruptedException, IOException {
        // 打开个人博客列表页面
        webDriver.get("http://47.113.217.156:8080/myblog_list.html");
        // 点击删除按钮
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > a:nth-child(6)")).click();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        sleep(3000);
        webDriver.switchTo().alert().accept();
        // 删除后博客列表页第一篇博客标题不是 “自动化测试”
        String first_blog_title = webDriver.findElement(By.xpath("//*[@id=\"artListDiv\"]/div[1]/div[1]")).getText();
        // 校验当前博客标题不等于 “自动化测试”
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        Assertions.assertNotEquals(first_blog_title, "自动化测试");
    }

    //注销
    @Order(8)
    @Test
    void Logout() throws IOException {
        // 打开个人博客列表页面
        //点击注销
        webDriver.get("http://47.113.217.156:8080/myblog_list.html");
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
        webDriver.switchTo().alert().accept();
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        // 校验 url 注销后进入登录页
        String cur_url = webDriver.getCurrentUrl();
        String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
        getScreenShot(methodName);
        Assertions.assertEquals("http://47.113.217.156:8080/login.html", cur_url);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219

🍂RunSuite，通过 class 运行测试用例。

import org.junit.platform.suite.api.SelectClasses;
import org.junit.platform.suite.api.Suite;

@Suite
@SelectClasses({RegCases.class, BlogCases.class,})
public class RunSuite {
}
1
2
3
4
5
6
7

3. 测试结果

测试通过，整体的主流程业务操作是没有问题的。

测试截图如下：

五. 发现的问题

🎯手工测试过程中发现的问题。

🍂问题描述：

博客汇总页在未登录的情况下，点击“我的”按钮，结果不符合预期。

预期结果：直接跳转到登录页。

实际结果：有时候会出现弹窗提示错误，关闭弹窗后也不能直接跳转到登录页，需要刷新页面才能成功跳转。

🍂原因分析：

问题的根本原因可能在于异步请求的特性和后端拦截器的重定向，异步请求是非阻塞的，即在请求发送的过程中，代码会继续往下执行而不会等待请求完成。

在拦截器中使用response.sendRedirect进行重定向时，实际上是在响应中设置了一个重定向的状态，但对于异步请求而言，这个重定向的状态可能无法被正确处理，导致浏览器不会直接跳转到登录页，因为异步请求的结果是在JavaScript中处理的，而不是在浏览器地址栏中执行的。

这就导致了在异步请求中执行重定向时，可能会产生不确定的行为，因为重定向的结果可能无法按照预期顺序执行。

🍂造成问题的代码定位：

🍂解决方案：

修改前端代码，通过 JS 在 success 回调中判断返回的 res 中的code，如果是未登录状态，则手动跳转到登录页，以此来规避异步请求中可能产生的问题，确保在未登录时能够及时跳转到登录页。

🎯自动化程序编写过程碰到的问题：

一些自动化操作是不能在弹窗的情况下完成操作的（比如截图），如果在测试程序执行报unexpected alert open: {Alert text : ...}这种异常，那么就是你没有将弹窗关闭掉，可以使用 accept() 方法确认弹窗或者 dismiss() 取消弹窗后再执行相关操作。

相关阅读:
Go语言必知必会100问题-20 切片操作实战
 问题朋友【第二季】——八月打卡帖
 设计模式简介
 从流程优化到经营提效，法大大电子签全面助力智慧零售升级
 我真的不想再用mybatis和其衍生框架了选择自研亦是一种解脱
 国际结算重点完整版
 UE4 调用声音
 Java：文件相关操作
 Linux 安装Mysql 详细教程
 吴恩达2022机器学习——第二部分高级学习算法第二周笔记
原文地址：https://blog.csdn.net/Trong_/article/details/134477345