个人博客系统测试报告

已于 2024-06-17 18:02:16 修改
阅读量664 收藏 19
点赞数 9
文章标签： junit maven java selenium
于 2024-06-06 14:54:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cj13106811623/article/details/139401890
版权

一.  项目背景

  1. 个人博客系统采用前后端分离的方法来实现，同时使用了数据库来存储相关的数据，同时将其部署到云服务器上。前端主要有四个页面构成：登录页、列表页、详情页以及编辑页，以上模拟实现了最简单的个人博客系统。其结合后端实现了以下的主要功能：登录、编辑博客、注销、删除博客、以及强制登录等功能。
  2. 但是该项目没有设计用户注册功能，只能提前在数据库中存储用户信息后经过校验登录；并且用户头像不能自己设定，在进行前端页面的书写过程中已经将头像的图片写为静态了；而用户信息中的文章数以及分类数也没有在后端中具体实现，直接在前端页面中写为了静态的。
  3. 该个人博客系统可以实现个人用户简单的博客记录，时间、标题、内容以及发布者等都可以进行详细地查看。。

 二. 项目功能

该个人博客系统主要实现了以下几个功能：登录、注销、写博客以及删除博客等功能。

  • 登录功能：用户名以及密码已经在后端写入了数据库，没有实现账户注册功能，即：用户名以及密码是已经存在的。登录成功后就会跳转到列表页面。在右上角存在主页和写博客两个按钮，但是在未登录情况下按下均只会跳转到登录页面。
  • 列表页面：可以在列表页查看有限数量的博客简介，其包括博客标题、发布时间以及内容概要。在左侧可以看到登录的用户以及文章数、分类数等的模块。在右上角有主页、写博客和注销三个功能：主页即列表页，写博客即博客编辑页，注销即注销用户，回到登录页面。
  • 详情页面：在列表页面点击“查看全文”按钮就会跳转到详情页，此时就可以看到该篇博客的完整内容。在右上角同样有主页、写博客、删除和注销四个功能：删除即删除该篇博客，删除之后就会跳转到列表页面，该篇博客就被成功删除。
  • 写博客：在登录之后的任意界面点击“写博客”之后就会进入博客编辑页面，此时就可以进行博客的编写，点击“发布文章”后就可以成功发布文章，此时就会跳转到列表页。

三. 博客自动化测试用例

四. 功能测试

1. 正常登录

2. 新增/编辑测试

3. 发布成功并查看详情页

4. 删除博客 

删除前的博客列表

删除后的博客列表

5. 注销: 点击注销后返回登录页 

五. 自动化测试 

1. 准备工作

1) 在IDEA创建Maven项目，安装驱动管理, 导入pom.xml相关依赖

<dependency>
        <groupId>io.github.bonigarcia</groupId>
            <artifactId>webdrivermanager</artifactId>
            <version>5.7.0</version>
        </dependency>

        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-java</artifactId>
            <version>3.141.59</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.10.1</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.13.2</version>
            <scope>compile</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.10.1</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-params</artifactId>
            <version>5.10.2</version>
            <scope>compile</scope>
        </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>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-api</artifactId>
            <version>5.10.2</version>
            <scope>compile</scope>
        </dependency>

2) 初始化浏览器驱动，因为在运行每个自动化测试用例之前都需要进行创建驱动，运行所有的测试方法结束之后来需要释放浏览器驱动，于是此时创建一个类来初始化浏览器驱动和释放浏览器 

package Blog;

import io.github.bonigarcia.wdm.WebDriverManager;
import org.junit.jupiter.api.AfterAll;
import org.junit.jupiter.api.BeforeAll;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;

public class InitAndEnd {
    static WebDriver webDriver ;
    @BeforeAll
    static void SetUp() {
        //驱动程序管理的⾃动化
        WebDriverManager.chromedriver().setup();
        ChromeOptions options = new ChromeOptions();

        //允许访问所有链接
        options.addArguments("--remote-allow-origins=*");

        webDriver = new ChromeDriver();
    }

    @AfterAll
    static void TearDown() {
        webDriver.quit();
    }
}

 2. 登录界面测试

    @Order(1)
    @ParameterizedTest
    @CsvFileSource(resources = "LoginSuccess.csv")
    public void LoginSuccess(String username, String password, String url) {

        //打开博客登录页面
        webDriver.get("http://127.0.0.1:8080/blog_login.html");
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        //输入账号zhangsan
        webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
        //输入密码123456
        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);
        //跳转到列表页
        //获取到当前页面的URL
        String cur_url = webDriver.getCurrentUrl();
        //如果URL:http://127.0.0.1:8080/blog_list.html 测试通过,反之不通过---->断言
        Assertions.assertEquals(url,cur_url);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        //列表页展示列表信息
        //用户名是zhangsan测试通过,反之不通过
        String cur_zhangsan = webDriver.findElement(By.cssSelector("body > div.container > div.left > div > h3")).getText();
        Assertions.assertEquals(username,cur_zhangsan);  //前面的值是预期,后面的是测试得到的值
    }

3. 博客列表界面测试

 /*
    * 校验博客列表页
    * */
    @Order(2)
    @Test
    public void BlogList(){
        //打开博客列表
        webDriver.get("http://127.0.0.1:8080/blog_list.html");
        //获取页面上所有的博客标题对应的元素
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        int title_num = webDriver.findElements(By.cssSelector(".title")).size();
        //如果元素不为0,测试通过
        Assertions.assertNotEquals(0,title_num);
    }

4. 博客详情界面测试

    /*
    * 博客详情页
    * URL
    * 博客标题
    * 页面title是"博客详情页"
    * */
    @Order(4)
    @ParameterizedTest
    @MethodSource("Generator")
    void BlogDetail(String expected_url, String expected_title, String expected_blog_title){
        //找到第一篇博客对应的查看全文按钮
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a")).click();

        //获取当前页面的URL
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        String cur_url = webDriver.getCurrentUrl();

        //获取当前页面title
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        String cur_title = webDriver.getTitle();

        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        //获取博客标题
        String cur_blog_title = webDriver.findElement(By.cssSelector("body > div.container > div.right > div > div.title")).getText();

        //校验
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        //Assertions.assertEquals(expected_url,cur_url);  //会报错,因为每次的博客URL中的博客ID都不一样
        Assertions.assertEquals(expected_title,cur_title);
        Assertions.assertEquals(expected_blog_title,cur_blog_title);
        if(cur_url.contains(expected_url)){
            System.out.println("博客URL测试通过");
        }else{
            System.out.println("测试不通过");
        }

    }

5. 博客编辑界面测试

1）写博客和发布博客进行效验

    /*
    * 写博客
    *
    * */
    @Order(3)
    @Test
    public void EditBlog() throws InterruptedException {
        //找到写博客按钮,点击
        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("#submit")).click();
        sleep(3000);

        //获取当前页面URL
        String cur_url = webDriver.getCurrentUrl();
        Assertions.assertEquals("http://127.0.0.1:8080/blog_list.html",cur_url);  //是否跳回列表页
    }

2）效验发布博客标题

    /*
    * 校验已发布博客标题
    * 校验已发布博客时间
    * */

    @Order(5)
    @Test
    public void BlogInfoChecked() {
        webDriver.get("http://127.0.0.1:8080/blog_list.html");
        //获取第一篇博客标题
        String first_blog_title = webDriver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > div.title")).getText();  //获取第一篇博客title
        //获取第一篇博客发布时间
        String first_blog_time = webDriver.findElement(By.xpath("/html/body/div[2]/div[2]/div[1]/div[2]")).getText();
        //校验博客标题是不是自动化测试
        Assertions.assertEquals("自动化测试",first_blog_title);
        //如果是2024-6-5年发布的,测试通过
        if (first_blog_time.contains("2024-06-06")) {
            System.out.println("时间测试通过");
        }else {
            System.out.println("当前时间是: " + first_blog_time);
            System.out.println("测试不通过");
        }
    }

5. 博客删除功能测试

    /*
    * 删除刚才发布的博客
    * 弹窗处理
    * */
    @Order(6)
    @Test
    public void DeleteBlog() throws InterruptedException {
        //打开博客列表页面
        webDriver.get("http://127.0.0.1:8080/blog_list.html");

        //点击查看全文按钮
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a")).click();

        //点击删除页面
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("body > div.container > div.right > div > div.operating > button:nth-child(2)")).click();
        sleep(2000);
        webDriver.switchTo().alert().accept();  //弹窗点击确认

        //校验是否删除-->检验博客列表页第一篇题目是不是之前发布的"自动化测试"
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        String first_blog_title = webDriver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > div.title")).getText();
        Assertions.assertNotEquals("自动化测试",first_blog_title);
    }

6. 注销功能测试

    /*
    * 注销
    * */
    @Order(7)
    @Test
    void Logout() {
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        //点击注销
        webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();

        //校验URL（登录）
        String cur_url = webDriver.getCurrentUrl();
        Assertions.assertEquals("http://127.0.0.1:8080/blog_login.html",cur_url);
        //校验提交按钮
        WebElement webElement = webDriver.findElement(By.cssSelector("#submit"));
        Assertions.assertNotNull(webElement);
    }

五.  整体自动化测试

东软吴彦祖
关注
  • 9
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
个人博客管理系统测试
StringKing的博客
02-20 1595
一、测试用例 二、提交BUG a)BUG 一 标题:写博客，不编辑博客标题，可以直接发表成功 1.版本号：V0009 2.测试环境：Chrome 浏览器 版本号 96.0.4664.45 操作系统：win10 3.测试数据 博客标题： 博客正文：这是一次普通的博客测试！ 4.测试步骤 （1）打开博客系统注册页面 （2）输入已经注册的用户名 （3）输入正确的密码并且登录 （4）点击首页头部，写博客 （5博客正...
博客管理软件测试过程报告
04-13
博客管理软件测试分析报告，供于测试的时候写分析报告使用
博客系统测试报告
qq_61139806的博客
10-21 565
通过上述的一系列操作，我们测试了博客列表页的导航栏和博客列表页的主体，在博客导航栏，左边的logo正常显示，logo旁边的“我的博客系统”正常显示，而且功能正常，右边的“主页”、“写博客”、“登录”均正常显示，并且功能正常；博客列表页的主体有两篇博客，第二篇博客下面有四个按钮：首页、上一页、下一页、末页。通过测试，我们发现博客的标题、发布博客的时间、博客的简介、查看全文按钮均正常显示，查看全文按钮功能正常。首页、上一页、下一页、末页四个按钮均正常显示且功能正常。
个人博客系统实验报告
07-21
个人博客系统实验报告 个人博客系统实验报告 个人博客系统实验报告 JSP写的 docx
个人博客系统项目测试报告
weixin_60778429的博客
03-23 1696
当在学习一项技能的时候，我们总会习惯通过博客来记录所学的知识点，方便后期遗忘时随时查看和快速复习。
【项目】个人博客测试报告
Xian meng在努力呐-的博客
03-13 2638
功能+自动化+性能测试（简易版）
博客系统——项目测试报告
CYK_byte的博客
02-27 1958
之前实现了一个博客系统，今天我们就一起来测试以下这个博客系统的功能和性能如何吧~
基于Python个人博客系统设计与实现 开题报告
杭州.黄老师
11-20 3507
基于Python个人博客系统设计与实现 开题报告
个人博客系统的测试报告
naititi的博客
05-22 1762
因为驱动的测试是要在最后一个测试类完成之后进行释放的，如果是使用@AfterAll注解，那么每次修改测试类的时候都会需要挪动驱动释放的位置，所以直接新建一个类作为驱动释放，此时只需要在测试套件中放到最后就行。1.打开谷歌浏览器，搜索框输入：http://43.139.215.203:8080/blog_add.html。1.打开谷歌浏览器，搜索框输入：http://43.139.215.203:8080/blog_add.html。④ 测试异常登录：用户名密码正确，确认密码为空；
个人博客系统毕业设计开题报告
皮小孩的博客
02-20 2万+
本文给出的是本科生个人博客系统的毕业设计开题报告，仅供参考！（具体模板和要求按照自己学校给的要求） 毕业设计开题报告一、选题意义二、博客系统概述三 、毕业设计研究方案四、功能结构图五、进度安排六、参考文献 一、选题意义 在网络技术逐渐渗入社会生活各个层面的今天，传统的交流方式也面临着变革，而网络博客则是一个很重要的方向。基于Web技术的网络考试系统可以借助于遍布全球的Internet进行，因此交流既可以是本地进行，也可以是异地进行，大大拓展了沟通与交流的灵活性。博客在现如今这个飞速发展的网络时代已经成为人们
基于python+Django+mysql网上个人博客系统设计与实现 开题报告参考
热门推荐
杭州.黄老师
02-18 7万+
基于python+Django+mysql网上个人博客系统设计与实现 开题报告参考毕设毕业设计，同时，国内外的研究者们也在不断探索和创新，推动个人博客系统的发展和进步。推动个人品牌建设：对于内容创作者和自媒体从业者来说，个人博客系统可以作为他们个人品牌建设的重要阵地，通过优质内容的持续输出，吸引和积累粉丝，提升影响力。创作者与自媒体的需求：对于内容创作者和自媒体从业者来说，一个优秀的个人博客系统能够提供更稳定、功能更丰富的平台，满足他们创作、分享、互动的需求。
个人博客项目报告 .docx
07-02
该项目报告详细介绍了构建一个个人博客系统的全过程，涵盖了需求分析、功能模块设计、数据库设计以及项目测试，旨在提供一个全面的后台管理系统，支持用户在前端进行文章浏览、留言互动，同时在后端进行文章管理和...
博客系统测试报告.pdf
04-26
博客系统测试报告 本测试报告的主要目的是对博客系统项目中所有的软件测试活动进行评估、总结测试活动的成功经验与不足，以便今后更好的开展测试工作。测试报告的预期读者是开发部经理、项目组所有人员、测试组人员...
个人博客系统需求分析报告.pdf
05-17
《个人博客系统需求分析》 个人博客系统是一个旨在构建开放架构、易于扩展和维护的在线交流平台，旨在为网络用户提供一个展示自我、分享思想、增进友谊的空间。系统目标明确，强调良好的人机交互界面，使得用户能...
博客系统测试用例
Anya-.-的博客
02-22 6025
简单对博客系统进行设计测试用例
junit mockito Base基类
07-18 354
编写单元测试时我们都习惯性减少重复代码以下基于spring mvc框架，需要手动pom导包BaseTest类用于启动上下文进行debug调试MockBaseTset类用于不启动上下文进行打桩mock。
spring整合mybatis,junit纯注解开发（包括连接druid报错的所有解决方法）
最新发布
luosuss的博客
07-20 415
项目大致结构： 第三步：在pom.xml中导入我们所需要的坐标 spring所依赖的坐标 mybatis所依赖的坐标 druid数据源坐标 数据库驱动依赖 第四步：编写SpringConfig配置类 第五步：编写数据源配置类（目的：返回一个数据源bean对象） 第六步：编写MybatisConfig配置类 第七步：编写dao层的接口文件 第八步：编写测试类 结果：我们先来打印一个这个studentMapper对象
XLua原理（一）
qq_25978293的博客
07-18 725
xlua原理深入分析
<link rel="alternate" href="/atom.xml" title="重新部署一个hexo个人博客测试" type="application/atom+xml">
07-11
您好！非常抱歉，我无法直接帮助您重新部署一个 Hexo 个人博客测试。作为一个文本生成模型，我无法执行实际的代码操作。但是，我可以为您提供一些指导来重新部署 Hexo 博客。 首先，您可以按照以下步骤重新部署 Hexo 个人博客： 1. 确保您已经安装了 Node.js 环境和 Git 工具。 2. 打开终端或命令提示符，并使用以下命令安装 Hexo： ```shell npm install -g hexo-cli ``` 3. 创建一个新的 Hexo 博客项目： ```shell hexo init myblog cd myblog npm install ``` 4. 配置 Hexo 博客： 在项目根目录下找到 `_config.yml` 文件，并根据您的需要进行配置。您可以设置博客标题、作者信息、主题等。 5. 创建新的文章： 使用以下命令创建新的文章： ```shell hexo new "My First Post" ``` 这将在 `source/_posts` 目录下创建一个名为 `my-first-post.md` 的 Markdown 文件。 6. 编辑文章： 使用 Markdown 编辑器或文本编辑器编辑新创建的文章文件，添加您的内容。 7. 预览博客： 使用以下命令启动本地服务器并预览博客： ```shell hexo server ``` 在浏览器中访问 `http://localhost:4000` 即可查看您的博客。 8. 部署博客： 当您准备好将博客部署到服务器或静态托管平台时，可以使用以下命令生成静态文件并部署： ```shell hexo generate hexo deploy ``` 请注意，部署步骤可能因您选择的部署方式而有所不同。您可以将博客部署到 GitHub Pages、Netlify 或其他托管平台，具体步骤请参考 Hexo 文档或所选托管平台的文档。 希望这些步骤对您有所帮助！如有任何问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值