【测试】博客系统的测试报告

项目背景

个人博客系统采用了 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 {
}