个人博客系统测试

news2024/10/7 4:25:42

文章目录

    • 一、项目介绍
    • 二、测试
      • 1. 功能测试
      • 2. 自动化测试
        • (1)添加相关依赖
        • (2)新建包并在报下创建测试类
        • (3)亮点及难点

一、项目介绍

个人博客系统采用前后端分离的方法来实现,同时使用了数据库来存储相关数据。
前端主要有四个页面:登录页、列表页、详情页及编辑页。
后端实现了以下主要功能:登录、编辑博客、注销、强制登录等功能。
其中:

  1. 个人博客系统页面:
    【登录页面】
    在这里插入图片描述
    【博客列表页】
    在这里插入图片描述
    【博客编辑页】
    在这里插入图片描述

  2. 个人博客系统功能:
    ① 登录功能:用户名及密码已经在后端写入数据库中,没有实现账户注册功能。输入正确的账户密码后,点击登录按钮则会登录到博客列表页,否则登录失败。且设置了强制登录功能,如果在未登录状态下,点击右上角的主页或写博客按钮,则还是跳转到登录页面。
    ② 列表页面:可以在列表页查看博客的简介,其中包括博客标题,发布时间及博客内容概要;也可以在列表页查看用户登录情况;还可以点击右上角的主页、写博客、注销功能,其中,点击“主页”即博客详情页,点击写“博客”,则跳转到博客编辑页,点击“注销”则注销用户,回到登录页面。
    ③ 详情页面:在列表页面点击“查看全文按钮就会跳转到详情页”,此时就可以看到该篇博客的完整内容。在右上角童谣有主页、写博客、删除、注销四个功能:删除即删除博客,删除后会跳转到列表页面,该博客就成功被删除了。
    ④ 写博客:在登录后的任意界面点击“写博客”后,就会进入博客编辑页面,此时就可以进行博客的编写,点击“发布文章”后就可以成功的发布文章,此时就会跳转到列表页。

二、测试

1. 功能测试

  1. 部分测试用例:
    在这里插入图片描述
  2. 实际执行测试的部分截图:
    ① 正常登录
    在这里插入图片描述
    ② 登录失败页面
    在这里插入图片描述
    ③ 登录成功详情页
    在这里插入图片描述
    ④ 写博客
    在这里插入图片描述
    ⑤ 发布博客列表页
    在这里插入图片描述
    ⑥ 详情页
    在这里插入图片描述
    ⑦ 注销页面
    在这里插入图片描述

2. 自动化测试

(1)添加相关依赖

在pom.xml中添加相关依赖

<dependencies>
<!--        添加selenium依赖-->
        <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>
    </dependencies>

(2)新建包并在报下创建测试类
  1. 公共类
public class InitAndEnd {
    static WebDriver webDriver;
    @BeforeAll
    static void SetUp() {
        System.setProperty("webdriver.chrome.driver", "C:\\Users\\ASUS\\AppData\\Local\\google\\Chrome\\Application\\chromedriver.exe");
        webDriver = new ChromeDriver(); //打开浏览器
    }
    @AfterAll
    static void TearDown() {
        //webDriver.quit(); //退出浏览器
    }
 
}
  1. 登录页面测试
 @ParameterizedTest
    @CsvFileSource(resources = "LoginSuccess.csv")
    void LoginSuccess(String username,String password,String blog_list_url) {
        System.out.println(username + password + blog_list_url);

        //1.打开博客登录页面
        //webDriver.get("www.baidu.com");
       webDriver.get("http://127.0.0.1:8080/blog_system/login.html");
        //sleep(3000);改成智能/显示等待
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        //2.输入账号田雨晴Tipper
        webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        //3.输入密码123
        webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        //4.点击提交按钮
        webDriver.findElement(By.cssSelector("#submit")).click();
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        //跳转到列表页
        //5.获取到当前页面url
        String cur_url = webDriver.getCurrentUrl();
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        //6.如果uel=http://127.0.0.1:8080/blog_system/blog_list.html,测试通过,否则就不通过(断言)
        Assertions.assertEquals(blog_list_url,cur_url);
        //列表页展示用户信息是田雨晴Tipper
        //用户名是田雨晴Tipper测试通过,否则测试不通过
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        String cur_admin = webDriver.findElement(By.cssSelector("body > div.container > div.container-left > div > h3")).getText();
        Assertions.assertEquals(username,cur_admin);
        System.out.println("测试成功!");
    }

在 LoginSuccess.csv 中输入要测试的数据:
在这里插入图片描述

测试结果:
在这里插入图片描述
用户名及密码正确,则登录成功。
在这里插入图片描述
在这里插入图片描述

用户名或密码错误,则登录失败。
在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

  1. 博客详情页测试
 public static Stream<Arguments> Generator() {
        return Stream.of(Arguments.arguments("http://127.0.0.1:8080/blog_system/blog_detail.html?blogId=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.xpath("/html/body/div[2]/div[2]/div[1]/a")).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("body > div.container > div.container-right > h3")).getText();
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        //对比预期的值和执行的值
        Assertions.assertEquals(expected_url, cur_url);
        Assertions.assertEquals(expected_title,cur_title);
        Assertions.assertEquals(expected_blog_title,cur_blog_title);
    }

测试成功
在这里插入图片描述

  1. 写博客测试
  @Order(4)
    @Test
    void EditBolg() 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-input\").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_system/blog_list.html",cur_url);
    }

在这里插入图片描述

在这里插入图片描述

测试成功

  1. 校验已经发布的时间和标题测试
@Order(5)
    @Test
    void BlogInfoChecked() {
        webDriver.get("http://127.0.0.1:8080/blog_system/blog_list.html");
        //获取博客的标题
        String first_blog_title = webDriver.findElement(By.cssSelector("body > div.container > div.container-right > div:nth-child(1) > div.title")).getText();
        //获取第一篇博客的发布时间
        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-2-21发布的,测试通过
        if (first_blog_time.contains("2024-02-21")) {
            System.out.println("测试通过");
        } else {
            System.out.println("当前的时间是" + first_blog_time);
            System.out.println("测试不通过");
        }

    }

测试成功
在这里插入图片描述
7. 删除博客测试

@Order(6)
@Test
void DeleteBlog() {
	//打开博客列表页面
  webDriver.get("http://127.0.0.1:8080/blog_system/blog_detail.html?blogId=16");
  //点击全文按钮
  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("(删除按钮copyselector)")).click();
  webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
  //博客列表页 第一篇标题不是“自动化测试”
  webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
  String first_blog_title = webDriver.findElement(By.cssSelector("body > div.container > div.container-right > h3")).getText();
	//校验当前博客标题不等于“自动化测试”
  webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
  Assertions.asserNotEquals(first_blog_title,"自动化测试");

}
  1. 注销测试
@Order(7)
  @Test
    void Logout() {
        //获取注销按钮
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
        webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);
        //校验登录url
        String cur_url = webDriver.getCurrentUrl();
        Assertions.assertEquals("http://127.0.0.1:8080/blog_system/login.html",cur_url);
        //校验提交按钮
        WebElement webElement = webDriver.findElement(By.cssSelector("#submit"));
        Assertions.assertNotNull(webElement);


    }

测试成功
在这里插入图片描述

(3)亮点及难点

【亮点】

  • 该项目自动化测试是使用selenium4自动化测试工具和junit5单元测试框架结合来实现web自动化测试的。
  • 使用了junit5中提供的注解:避免生成过多的对象,造成资源和时间的浪费,提高了自动化的执行效率。
  • 只创建一次驱动对象,避免每个用例重复创建驱动对象造成时间和资源的浪费。
  • 使用参数化:保持用例的简洁,提高代码的可读性。
  • 使用测试套件:降低了测试人员的工作量,通过套件一次执行所有要运行的测试用例。
  • 使用了等待:提高了自动化的运行效率,提高了自动化的稳定性,减小误报的可能性。
  • 使用了屏幕截图:方便问题的追溯以及问题的解决。
  • 使用了无头模式:只注重结果,可以留出屏幕。

【难点】

主要就是在进行顺序划定以及导航方面存在遗漏或者错误的情况;另外对于页面登录过程中的内容清空也要格外注意,一定要进行清空;再者,可以进行隐式等待,确保页面加载完成,提高自动化的稳定性。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1467213.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【寸铁的刷题笔记】树、dfs、bfs、回溯、递归(二)

【寸铁的刷题笔记】树、dfs、bfs、回溯、递归(二) 大家好 我是寸铁&#x1f44a; 金三银四&#xff0c;树、dfs、bfs、回溯、递归是必考的知识点✨ 快跟着寸铁刷起来&#xff01;面试顺利上岸&#x1f44b; 喜欢的小伙伴可以点点关注 &#x1f49d; 上期回顾 感谢大家的支持&am…

【MySQL 探索之旅】初始MySQL数据库

&#x1f4da;博客主页&#xff1a;爱敲代码的小杨. ✨专栏&#xff1a;《Java SE语法》 | 《数据结构与算法》 | 《C生万物》 ❤️感谢大家点赞&#x1f44d;&#x1f3fb;收藏⭐评论✍&#x1f3fb;&#xff0c;您的三连就是我持续更新的动力❤️ &#x1f64f;小杨水平有…

【多线程】synchronized 关键字 - 监视器锁 monitor lock

synchronized 1 synchronized 的特性1) 互斥2) 可重入 2 synchronized 使用示例1) 修饰代码块: 明确指定锁哪个对象.2) 直接修饰普通方法: 锁的 SynchronizedDemo 对象3) 修饰静态方法: 锁的 SynchronizedDemo 类的对象 3 Java 标准库中的线程安全类 1 synchronized 的特性 1)…

代码随想录算法训练营第四十天|343. 整数拆分 96.不同的二叉搜索树

343. 整数拆分 链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 思路: 动态规划的题目虽然说是要先确定dp数组的含义&#xff0c;再确定递归公式&#xff0c;但是总感觉这两者是相辅相成的&#xff0c;是一起出来的&#xff0c;但是到此&#xff0c;dp数组…

第十二天-ppt的操作

目录 创建ppt文档 安装 使用 段落的使用 段落添加数据 段落中定义多个段落 自定义段落 ppt插入表表格 PPT插入图片 读取ppt 读取ppt整体对象 ​编辑 获取ppt文本 获取表格内容 创建ppt文档 安装 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple python…

ARM处理器有哪些工作模式和寄存器?各寄存器作用是什么?ARM异常中断处理流程?

《嵌入式工程师自我修养/C语言》系列——ARM处理器有哪些工作模式和寄存器&#xff1f;各寄存器作用是什么&#xff1f; 一、ARM处理器的工作模式及寄存器1.1 ARM处理器的工作模式1.2 ARM处理器中的寄存器 二、ARM 异常中断处理2.1 什么是异常&#xff1f;异常向量表是什么&…

自动化操作读写Excel —— xlrd 和 xlwt 模块参数说明与代码实战【第95篇—自动化操作读写Excel 】

自动化操作读写Excel —— xlrd 和 xlwt 模块参数说明与代码实战 在日常工作中&#xff0c;Excel表格是不可或缺的数据处理工具。为了提高工作效率&#xff0c;Python中的xlrd和xlwt模块为我们提供了强大的功能&#xff0c;使得自动化操作Excel变得更加简便。本文将介绍xlrd和…

SpringBoot -【BeanFactory】基础使用及应用场景

1.介绍 在 Spring 框架中&#xff0c;BeanFactory 是 Spring IoC 容器的核心接口&#xff0c;负责管理 bean 的创建、配置和装配。它是 Spring IoC 容器的基础。BeanFactory 接口定义了一系列方法&#xff0c;用于管理和访问容器中的 bean 对象。 BeanFactoryAware 用于在 Sp…

iOS调用系统已安装地图及内置地图实现

info.plist要添加scheme: 1.地图列表: NSArray *mapKeys=[[NSArray alloc] initWithObjects:@"com.autonavi.minimap",@"com.baidu.BaiduMap",@"com.google.android.apps.maps",@"com.tencent.map", nil]; NSArray *mapSchemes=[[NS…

劫持已经存在的DLL

这里找到一个成功加载的 这里先把原来程序正常的dll改名为libEGL1.dll&#xff0c;然后将我们自己的dll改名为libEGL.dll 然后再重新执行程序&#xff0c;这里同样是弹出了窗口

《教育教学论坛》期刊是什么级别?是核心期刊吗?是C刊吗?

​标题解答 问&#xff1a;《教育教学论坛》版面费&#xff1f; 答&#xff1a;VX:JDQJDQ444 问&#xff1a;《教育教学论坛》是核心期刊吗&#xff1f; 答&#xff1a;不是核心期刊 问&#xff1a;《教育教学论坛》是正规期刊吗&#xff1f; 答&#xff1a;是正规期刊 …

vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法

文章目录 1、原因2、思路3、解决方法3.1、使用alignTicks解决3.2、结合min和max属性去配置interval属性1、首先固定两边的分隔的段数。2、结合min和max属性去配置interval。 1、原因 刻度在显示时&#xff0c;分割段数不一样&#xff0c;导致左右的刻度线不一致&#xff0c;不…

【Java程序设计】【C00283】基于Springboot的校园志愿者管理系统(有论文)

基于Springboot的校园志愿者管理系统&#xff08;有论文&#xff09; 项目简介项目获取开发环境项目技术运行截图 项目简介 这是一个基于Springboot的校园志愿者管理系统 本系统分为系统功能模块、管理员功能模块以及志愿者功能模块。 系统功能模块&#xff1a;用户进入到系统…

Java的编程之旅27——继承

1.继承的简介 继承是面向对象编程中的一个重要概念&#xff0c;指的是一个类可以继承另一个类的属性和方法。被继承的类称为父类或基类&#xff0c;继承这个父类的类称为子类或派生类。 通过继承&#xff0c;子类可以继承父类的属性和方法&#xff0c;使得子类具有相似的行为…

CSS实现半边边框(只有边框的部分可见)

CSS实现半边边框&#xff08;只有边框的部分可见&#xff09; <div class"part box"><h1>内容</h1><!-- 绘出下面两个对角边框--><div class"part-footer"></div> </div>主要代码 .box {width: 100px;height:…

博睿数据率先发布HarmonyOS NEXT系统的应用异常观测SDK

近日&#xff0c;博睿数据作为业界领先的厂商&#xff0c;凭借对技术的深刻理解和前瞻性视野&#xff0c;率先发布支持HarmonyOS NEXT&#xff08;"纯血鸿蒙"&#xff09;系统的应用异常观测SDK&#xff0c;实现了应用异常的全面回溯。这一突破性技术将引领行业标准&…

为什么前端开发变得越来越复杂了?这可能是我们的错

前端训练营&#xff1a;1v1私教&#xff0c;终身辅导计划&#xff0c;帮你拿到满意的 offer。 已帮助数百位同学拿到了中大厂 offer。欢迎来撩~~~~~~~~ Hello&#xff0c;大家好&#xff0c;我是 Sunday。 最近有很多同学来问我&#xff1a;“Sunday 老师&#xff0c;前端学起…

从 0 开始在项目中引入 Element Plus

此前&#xff0c;已经写文章介绍了如何《从 0 开始创建 Vue 项目》&#xff0c;今天我们来说说&#xff0c;怎么在 Vue 项目中引入 Element Plus。 文章目录 一、简介二、准备三、安装 Element Plus四、快速上手五、自动导入总结 一、简介 Element Plus 是一个基于 Vue 3.0 重…

【实战篇】Redis单线程架构的优势与不足

前言 01 Redis中的多线程02 I/O多线程03 Redis中的多进程问题 04 结论 很多人都遇到过这么一道面试题&#xff1a;Redis是单线程还是多线程&#xff1f;这个问题既简单又复杂。说他简单是因为大多数人都知道Redis是单线程&#xff0c;说复杂是因为这个答案其实并不准确。 难道R…

uniapp腾讯地图JavaScript Api,H5端和原生APP端可用

因项目需要&#xff0c;在uniapp中集成使用腾讯地图&#xff0c;为了方便维护&#xff0c;希望通过一套代码实现H5和APP同时可用。H5显示相对简单&#xff0c;APP端比较麻烦&#xff0c;记录下实现过程 一、集成步骤 1.使用 renderjs script标签使用renderjs&#xff0c;因为…