个人博客系统测试

文章目录

    • 一、项目介绍
    • 二、测试
      • 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;@BeforeAllstatic void SetUp() {System.setProperty("webdriver.chrome.driver", "C:\\Users\\ASUS\\AppData\\Local\\google\\Chrome\\Application\\chromedriver.exe");webDriver = new ChromeDriver(); //打开浏览器}@AfterAllstatic 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.输入账号田雨晴TipperwebDriver.findElement(By.cssSelector("#username")).sendKeys(username);webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);//3.输入密码123webDriver.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.获取到当前页面urlString 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. 列表博客数量测试
  @Testvoid 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();//获取当前页面urlwebDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);String cur_url = webDriver.getCurrentUrl();webDriver.manage().timeouts().implicitlyWait(3,TimeUnit.SECONDS);//获取当前页面titleString 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)@Testvoid 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)@Testvoid 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)@Testvoid 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);//校验登录urlString 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.rhkb.cn/news/262614.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Stable Diffusion 3的到来巩固了 AI 图像对抗 Sora 和 Gemini 的早期领先优势

Stable Diffusion 3的到来巩固了 AI 图像对抗 Sora 和 Gemini 的早期领先优势

Stability AI 将其更改为 Stable Diffusion 3。VentureBeat 报道称&#xff0c;Stability AI 的下一代旗舰 AI 图像生成模型将使用类似于 OpenAI 的 Sora 的扩散变压器框架。其当前模型仅依赖于扩散架构。虽然尚未发布&#xff0c;但您可以在等候名单中注册。 官方网址链接&am…
阅读更多...
＜Linux＞ 可重入函数 volatile关键字 以及SICHLD信号

＜Linux＞ 可重入函数 volatile关键字 以及SICHLD信号

目录 一、可重入函数 &#xff08;一&#xff09;引入 &#xff08;二&#xff09;可重入函数的判断 二、volatile关键字 &#xff08;一&#xff09;概念 &#xff08;二&#xff09;关于编译器的优化的简单讨论 三、SIGCHLD信号 一、可重入函数 &#xff08;一&#…
阅读更多...
CSS 面试题汇总

CSS 面试题汇总

CSS 面试题汇总 1. 介绍下 BFC 及其应 参考答案&#xff1a; 参考答案&#xff1a; 所谓 BFC&#xff0c;指的是一个独立的布局环境&#xff0c;BFC 内部的元素布局与外部互不影响。 触发 BFC 的方式有很多&#xff0c;常见的有&#xff1a; 设置浮动overflow 设置为 auto、scr…
阅读更多...
3DIoUMatch: Leveraging IoU Prediction for Semi-Supervised 3D Object Detection

3DIoUMatch: Leveraging IoU Prediction for Semi-Supervised 3D Object Detection

3DIoUMatch: Leveraging IoU Prediction for Semi-Supervised 3D Object Detection 论文链接&#xff1a;https://arxiv.org/pdf/2012.04355.pdf 代码链接&#xff1a;https://github.com/yezhen17/3DIoUMatch 作者单位&#xff1a;Stanford University等 发表平台&#xff1a;…
阅读更多...
镜像的使用条件

镜像的使用条件

Q&#xff1a;老师&#xff0c;我怎么才能把做了一半的脸直接复制呢&#xff1f; A&#xff1a;镜像&#xff0c;但是镜像是有条件的 Q&#xff1a;镜像的使用条件有哪些呢&#xff1f; A&#xff1a; 1.对称面不能存在&#xff0c;必须是镂空的&#xff08;以哪个面做对称…
阅读更多...
【坑】Spring Boot整合MyBatis，一级缓存失效

【坑】Spring Boot整合MyBatis，一级缓存失效

一、Spring Boot整合MyBatis&#xff0c;一级缓存失效 1.1、概述 MyBatis一级缓存的作用域是同一个SqlSession&#xff0c;在同一个SqlSession中执行两次相同的查询&#xff0c;第一次执行完毕后&#xff0c;Mybatis会将查询到的数据缓存起来&#xff08;缓存到内存中&#xf…
阅读更多...
Error: A JNI error has occurred, please check your installation and try again

Error: A JNI error has occurred, please check your installation and try again

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…
阅读更多...
node.js使用multer在vue中实现图片上传

node.js使用multer在vue中实现图片上传

效果演示 点击上传选择要上传的图片。 上传成功会加载图片的缩略图。 此时&#xff0c;图片以保存在后端的静态目录中。 设计思路 vue中使用input标签上传图片&#xff0c;绑定change事件&#xff0c;事件负责把图片发送给后端&#xff0c;后端通过multer模块处理前端传来的…
阅读更多...
分散的产品开发团队

分散的产品开发团队

分散的产品开发团队指的是各个团队或成员在地理位置上分布在不同地方&#xff0c;通过互联网和现代通讯技术进行协作和沟通&#xff0c;以共同完成产品开发任务的团队模式。 这种团队模式的优势在于可以充分利用各地的人才资源&#xff0c;降低团队的管理和协作成本&#xff0…
阅读更多...
云图极速版限时免费活动

云图极速版限时免费活动

产品介绍 云图极速版是针对拥有攻击面管理需求的用户打造的 SaaS 应用&#xff0c;致力于协助用户发现并管理互联网资产攻击面。 实战数据 (2023.11.6 - 2024.2.23) 云图极速版上线 3 个月以来&#xff0c;接入用户 3,563 家&#xff0c;扫描主体 19,961 个&#xff0c;累计发…
阅读更多...
【开源】SpringBoot框架开发婚恋交友网站

【开源】SpringBoot框架开发婚恋交友网站

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 数据中心模块2.2 会员管理模块2.3 新闻管理模块2.4 相亲大会管理模块2.5 留言管理模块 三、系统设计3.1 用例设计3.2 数据库设计3.2.1 会员信息表3.2.2 新闻表3.2.3 相亲大会表3.2.4 留言表 四、系统展示五、核心代码5.…
阅读更多...
Java 学习和实践笔记（19）：this的使用方法

Java 学习和实践笔记（19）：this的使用方法

this用来指向当前对象的地址。 this的用法&#xff1a; 1&#xff09;在普通方法中&#xff0c;this总是指向调用该方法的对象。在普通方法中&#xff0c;它是作为一种隐式参数一直就存在着&#xff08;这句话的意思&#xff0c;就是其实在普通方法中&#xff0c;编译器一直就…
阅读更多...
计算机网络面经-TCP三次握手一文说清

计算机网络面经-TCP三次握手一文说清

目录 说一下TCP的三次握手&#xff1f; 为什么要三次握手&#xff1f;两次行不行&#xff1f;四次呢&#xff1f; 为什么建立连接是三次握手&#xff0c;关闭连接确是四次挥手呢&#xff1f; TCP四次挥手的过程&#xff1f; 如果已经建立了连接&#xff0c;但是客户端突然出…
阅读更多...
JavaWeb——004Maven SpringBootWeb入门

JavaWeb——004Maven SpringBootWeb入门

一、Maven 1、什么是maven&#xff1f; 2、Maven的作用是什么&#xff1f;&#xff08;3种&#xff09; 1.1、方便的依赖管理 依赖管理&#xff1a;有了Maven&#xff0c;我们就不用再手动导入Jar包了&#xff0c;我们只需要在配置文件当中&#xff0c;简单描述一下项目所需要…
阅读更多...
前端基础面试题

前端基础面试题

摘要&#xff1a;最近&#xff0c;看了下慕课2周刷完n道面试题&#xff0c;记录下... 1.请说明Ajax、Fetch、Axios三者的区别 三者都用于网络请求&#xff0c;但维度不同&#xff1a; Ajax&#xff08;Asynchronous Javascript ang XML&#xff09;&#xff0c;是一种在不重新…
阅读更多...
深入探索Linux：ACL权限、特殊位与隐藏属性的奥秘

深入探索Linux：ACL权限、特殊位与隐藏属性的奥秘

前言&#xff1a; 在Linux系统中&#xff0c;文件和目录的权限管理是一项至关重要的任务。它决定了哪些用户或用户组可以对文件或目录执行读、写或执行等操作。传统的Linux权限模型基于用户、组和其他的概念&#xff0c;但随着时间的推移&#xff0c;这种模型在某些情况下显得…
阅读更多...
Elasticsearch：基于 Langchain 的 Elasticsearch Agent 对文档的搜索

Elasticsearch：基于 Langchain 的 Elasticsearch Agent 对文档的搜索

在今天的文章中&#xff0c;我们将重点介绍如何使用 LangChain 提供的基础设施在 Python 中构建 Elasticsearch agent。 该 agent 应允许用户以自然语言询问有关 Elasticsearch 集群中数据的问题。 Elasticsearch 是一个强大的搜索引擎&#xff0c;支持词法和向量搜索。 Elast…
阅读更多...
【C++私房菜】面向对象中的简单继承

【C++私房菜】面向对象中的简单继承

文章目录 一、 继承基本概念二、派生类对象及派生类向基类的类型转换三、继承中的公有、私有和受保护的访问控制规则四、派生类的作用域五、继承中的静态成员 一、 继承基本概念 通过继承&#xff08;inheritance&#xff09;联系在一起的类构成一种层次关系。通常在层次关系的…
阅读更多...
Sora - 探索AI视频模型的无限可能-官方报告解读与思考

Sora - 探索AI视频模型的无限可能-官方报告解读与思考

一、引言 最近SORA火爆刷屏&#xff0c;我也忍不住找来官方报告分析了一下&#xff0c;本文将深入探讨OpenAI最新发布的Sora模型。Sora模型不仅仅是一个视频生成器&#xff0c;它代表了一种全新的数据驱动物理引擎&#xff0c;能够在虚拟世界中模拟现实世界的复杂现象。本文将重…
阅读更多...
Redis高性能原理

Redis高性能原理

redis大家都知道拥有很高的性能&#xff0c;每秒可以支持上万个请求&#xff0c;这里探讨下它高性能的原理。单线程架构和io多路复用技术。 一&#xff0c;单线程架构 单线程架构指的是命令执行核心线程是单线程的&#xff0c;数据持久化、同步、异步删除是其他线程在跑的。re…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023