博客系统--测试报告

本博文主要针对个人实现的项目《博客系统》去进行功能测试、自动化测试、性能测试，并记录总结

项目背景

博客系统采用前后端不分离的方法来实现，同时使用了数据库来存储相关的数据，且已将其部署到云服务器上。前端主要有五个页面构成：登录页，文章列表页，文章详情页，文章编辑（修改）页和文章发布页。以上模拟实现了最简单的博客系统。其实现了以下的主要功能：登录、新增文章、对自己文章的删改查、查看他人文章、注销登录并使用Jwt完成了令牌登录校验等功能。
但该项目没有注册账号，点赞文章，筛选文章等功能，且用户没法自行设置头像

项目功能

该博客系统主要实现了以下几个功能：登录、注销、回到主页（文章列表页）、写文章、修改/删除自己的文章、查看文章详情、且支持MD编辑器。

• 登录功能：由于没有注册功能，用户名以及密码只能在数据库写死，直接输入给出的用户名和密码登录即可。但是在未登录（如：Token过期）情况下按下点击任意按钮或刷新页面均会跳转到登录页面。
• 注销功能：用户在任意界面点击右上角“注销”按钮，回到登录页面。
• 回到主页（文章列表页）功能：用户在任意界面点击右上角“主页”按钮，进入文章列表页。
• 写博客功能：用户在任意界面点击右上角“写文章”按钮，进入写文章页面。
• 修改/删除博客功能：用户在查看自己写的文章时会显示“编辑”和“删除”按钮，点击“编辑”按钮会进入编辑页面，点击“更新文章”按钮会提示“修改成功”，再点击“确认”按钮后会自动跳转至文章列表页并展示更新的内容；点击“删除”按钮会提示“删除成功”，再点击“确认”按钮后会自动跳转至文章列表页，且刚才查看的文章已不再展示。
• 查看博客功能：用户在文章列表页可以看到每篇文章下面都有“查看全文>>”按钮，点击该按钮进入文章详情页，页面包括文章作者信息，文章第一次发布的时间等。

功能测试

①登录功能测试

由于没有实现注册功能，所以我们的用户名和密码都是在数据库里写死的，所以只能用系统原始的数据进行登录

执行步骤: 访问网站-> 输入用户名及密码 ->单击"提交"

测试过程部分截图：

输入用户名为空：
输入不存在的用户：

②发布博客功能测试

不填写标题，发布失败：

③删除文章功能测试

从前端看的话，如果我们登录的用户并不是该篇博客的作者，是不会显示 编辑 和 删除 这两个按钮的，但是此处可以进行思维扩展：我们也是可以通过其他工具去向后端发送请求执行删除文章操作的，此处就发现了一处bug。

可以看到此处我们登录的是 lisi 用户，在前端展示和我们预期的一样，隐藏了编辑和删除按钮，但是当我们用Postman进行后端接口测试的时候却发现了问题：

我们用 lisi 账户登录后所携带的令牌去删除作者是 zhangsan 的博客，后端居然请求成功了，再到数据库里查看数据，发现博客已经被逻辑删除了，这样的情况相当于我拿着自己家的钥匙开了别人家的门，所以此处肯定是不安全的，应该进行代码层面上的逻辑校验

④功能测试总结：

用户登录测试用例表

发布文章测试用例表

删除文章测试用例表

自动化测试

现采用Selenium搭配Junit一些Api对博客系统设计UI自动化测试用例,
主要针对核心功能： 用户登录、博文的查看及删除、用户注销登录 功能进行测试

自动化代码 码云：

由于该项目很早前就部署在服务器上了，并且服务器配置实在过低，会导致我们在进行自动化时有些资源很难加载完全，但经过很多遍测试发现在执行自动化测试的时候只要代码逻辑正确，代码还是能够跑的通的

本次自动化测试主要执行以下逻辑：用户错误登录->用户正确登录->用户发表博客->用户查看博客->用户删除博客用户注销

①前置准备

//工具类封装
public class Utils {
    public static WebDriver driver;

    public static WebDriver createDriver(){
        if (driver == null){
            //浏览器配置
            WebDriverManager.edgedriver().setup();
            EdgeOptions options = new EdgeOptions();
            //允许访问所有链接
            options.addArguments("--remote-allow-origins=*");
            options.setPageLoadStrategy(PageLoadStrategy.NORMAL);

            driver = new EdgeDriver(options);
            //设置隐式等待
            WebDriver.Timeouts wait = driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));
        }
        return driver;
    }

    public Utils(String url){
        driver = createDriver();
        driver.get(url);

    }

}

package tests;

import common.Utils;
import org.openqa.selenium.Alert;
import org.openqa.selenium.By;
import org.openqa.selenium.UnhandledAlertException;

import java.io.IOException;
//博客测试类
public class BlogTest extends Utils {

    private static String blog_system = "http://120.26.87.94:8080/blog_list.html";
    public BlogTest() {
        super(blog_system);
    }

    /**
     * 失败登录
     * @throws IOException
     * @throws UnhandledAlertException
     * @throws InterruptedException
     */
    public void LoginFail() throws IOException, UnhandledAlertException, InterruptedException {

        driver.findElement(By.cssSelector("#username")).sendKeys("zhangsan");
        driver.findElement(By.cssSelector("#password")).sendKeys("1234");

        driver.findElement(By.cssSelector("#submit")).click();
        Thread.sleep(2000);
        String alertText = "";

        Alert alert = driver.switchTo().alert();

        alertText = alert.getText();
        Thread.sleep(2000);
        alert.accept();
        
        assert alertText.equals("密码错误");
        driver.navigate().refresh();
    }

    /**
     * 成功登录
     * @throws IOException
     */
    public void LoginSuccess() throws IOException {

        //清空输入框
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();

        //输入正确的用户名和密码
        driver.findElement(By.cssSelector("#username")).sendKeys("zhangsan");
        driver.findElement(By.cssSelector("#password")).sendKeys("123456");
        driver.findElement(By.cssSelector("#submit")).click();

        //查看注销按钮
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)"));
        //查看url
        String expect = driver.getTitle();

        assert expect.equals("博客列表页");

    }

    /**
     * 编辑博客
     * @throws InterruptedException
     */
    public void EditSuc() throws InterruptedException {

        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();


        String blogTitle = "Edit Test";

        driver.findElement(By.cssSelector("#title")).sendKeys(blogTitle);
        Thread.sleep(2000);

        driver.findElement(By.cssSelector("#submit")).click();
        Thread.sleep(2000);


        String title = driver.getTitle();

        assert title.equals("博客列表页");
    }


    /**
     * 查看博客
     */
    public void ViewBlog() throws InterruptedException {
        driver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a")).click();
        Thread.sleep(2000);
    }

    /**
     * 注销用户
     */
    public void Logout(){
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
        driver.quit();
    }

    /**
     * 删除博客
     * @throws InterruptedException
     */
    public void DeleteBlog() throws InterruptedException {
        driver.findElement(By.cssSelector("body > div.container > div.right > div > div.operating > button:nth-child(2)")).click();
        Thread.sleep(2000);
        Alert alert = driver.switchTo().alert();
        alert.accept();


    }


}

执行我们编写的自动化代码

自动化脚本执行界面：

性能测试

我们此处使用Jmeter提供的梯度压测功能对博客系统进行压测，由于服务器实在过于脆弱，此处将只设置20个线程数，以及一分钟的持续压测时间，对我们系统的 登录、查询博客列表、查询用户信息、查询作者信息以及添加博客这几个接口进行压测

配置好线程组之后我们在使用命令提示符，启动我们保存好的 .jmx 格式文件，并将其输出的测试报告文件及日志保存到我们指定的目录

按回车键执行以后，我们过一会就能在指定目录下查看其生成的性能测试报告了

双击生成的html文件，查看jmeter生成的性能测试报告了


可以看到我们发送的很多请求都调用失败了

可以看到基本都是一种异常

后来翻阅网上资料找到了解决方法：https://javaziliao.com/post/5948.html