个人博客系统测试

文章目录

    • 一、项目介绍
    • 二、测试
      • 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.mzph.cn/news/699070.shtml

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

相关文章

windows11本地深度学习环境搭建Anacond,keras,tensorflow,pytorch, jupyter notebook

前言 工欲善其事&#xff0c;必先利其器。 第一步 安装Anaconda 下载地址&#xff1a; https://www.anaconda.com/download 路径默认 这里都勾选上 然后会卡在这里&#xff0c;卡很久&#xff0c;不用管&#xff0c;等着就行 第二步 配置环境 conda env list 列出所有…

Redis可视化工具——RedisInsight

文章目录 1. 下载2. 安装3. RedisInsight 添加 Redis 数据库4. RedisInsight 使用 RedisInsight 是 Redis 官方出品的可视化管理工具&#xff0c;支持 String、Hash、Set、List、JSON 等多种数据类型的管理&#xff0c;同时集成了 RedisCli&#xff0c;可进行终端交互。 1. 下载…

电子器件系列63:焊带(光伏焊带)

光伏焊带&#xff0c;又称涂锡焊带。光伏焊带是光伏组件的重要组成部分&#xff0c;属于电气连接部件&#xff0c;应用于光伏电池片的串联或并联&#xff0c;发挥导电聚电的重要作用&#xff0c;以提升光伏组件的输出电压和功率。光伏焊带是光伏组件焊接过程中的重要材料&#…

ShardingSphere 5.x 系列【15】分布式主键生成器

有道无术,术尚可求,有术无道,止于术。 本系列Spring Boot 版本 3.1.0 本系列ShardingSphere 版本 5.4.0 源码地址:https://gitee.com/pearl-organization/study-sharding-sphere-demo 文章目录 1. 概述2. 配置3. 内置算法3.1 UUID3.2 Snowflake3.3 NanoId3.4 CosId3.5 Co…

美客多如何批量注册买家账号?

美客多在南美电商领域可是个大佬。它的实力强大&#xff0c;影响力广泛&#xff0c;被大家尊称为南美电商巨头。它的业务范围覆盖了整个拉丁美洲&#xff0c;特别是一些重要的国家&#xff0c;比如墨西哥、阿根廷、玻利维亚、巴西、智利和哥伦比亚&#xff0c;这些地方都有它的…

【开源】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.…

cookie伪造 [BSidesCF 2019]Kookie1

打开题目 提示用admin用户登录 尝试弱口令发现&#xff0c;登录失败 显示用admin&passwordadmin!进行登录 有发现说cookie&#xff0c;就尝试用cookie登录&#xff1a; f12编辑添加cookie重发包: 或者bp抓包 Cookie:usernameadmin 用admin登录成功 得到flag: 参考文章&…

Nmap详解

Nmap(Network Mapper,网络映射器)是一款开放源代码的网络探测和安 全审核工具。它被设计用来快速扫描大型网络&#xff0c;包括主机探测与发现、开放的端口情 况、操作系统与应用服务指纹识别、WAF 识别及常见安全漏洞。它的图形化界面是 Zenmap, 分布式框架为DNmap。 Nm…

TensorFlow2.x 精选笔记(1)数据基本操作与线性代数

学习参考&#xff1a; 动手学深度学习2.0Deep-Learning-with-TensorFlow-bookpytorchlightning 一、数组与张量 虽然张量看起来是复杂的对象&#xff0c;但它们可以理解为向量和矩阵的集合。理解向量和矩阵对于理解张量至关重要。 向量是元素的一维列表&#xff0c;向量是一…

C++的vector容器->基本概念、构造函数、赋值操作、容量和大小、插入和删除、数据存取、互换容器、预留空间

#include<iostream> using namespace std; #include <vector> //vector容器构造 void printVector(vector<int>& v) { for (vector<int>::iterator it v.begin(); it ! v.end(); it) { cout << *it << " "…

【人脸朝向识别与分类预测】基于LVQ神经网络

课题名称&#xff1a;基于LVQ神经网络的人脸朝向识别分类 版本日期&#xff1a;2024-02-20 运行方式&#xff1a;直接运行GRNN0503.m文件 代码获取方式&#xff1a;私信博主或 企鹅号:491052175 模型描述&#xff1a; 采集到一组人脸朝向不同角度时的图像&#xff0c;图像…

Python urllib、requests、HTMLParser

HTTP协议 HTTP 协议&#xff1a;一般指HTTP(超文本传输)协议。 HTTP是为Web浏览器和Web服务器之间的通信而设计的&#xff0c;基于TCP/IP通信协议嘞传递数据。 HTTP消息结构 客户端请求消息 客户端发送一个HTTP请求到服务器的请求消息包括以下格式 请求行(request line)请求…

LINUX读取RTC实时时钟时间

linux 读写RTC时间_linux rtc 读写-CSDN博客

Java知识点一

hello&#xff0c;大家好&#xff01;我们今天开启Java语言的学习之路&#xff0c;与C语言的学习内容有些许异同&#xff0c;今天我们来简单了解一下Java的基础知识。 一、数据类型 分两种&#xff1a;基本数据类型 引用数据类型 &#xff08;1&#xff09;整型 八种基本数…

Rust: reqwest库示例

一、异步处理单任务 1、cargo.toml [dependencies] tokio { version "1.0.0", features ["full", "tracing"] } tokio-util { version "0.7.0", features ["full"] } tokio-stream { version "0.1" }…

抖音爬虫批量视频提取功能介绍|抖音评论提取工具

抖音爬虫是指通过编程技术从抖音平台上获取视频数据的程序。在进行抖音爬虫时&#xff0c;需要注意遵守相关法律法规和平台规定&#xff0c;以确保数据的合法获取和使用。 一般来说&#xff0c;抖音爬虫可以实现以下功能之一&#xff1a;批量视频提取。这个功能可以用于自动化地…

大数据-数据可视化-环境部署vue+echarts+显示案例

文章目录 一、安装node.js1 打开火狐浏览器,下载Node.js2 进行解压3 配置环境变量4 配置生效二、安装vue脚手架1 下载vue脚手架,耐心等待。三、创建vue项目并启动1 创建2 启动四、下载echarts.js与axios.js到本地。五、图表显示demo【以下所有操作均在centos上进行】 一、安…

Python爬虫技术详解:从基础到高级应用,实战与应对反爬虫策略【第93篇—Python爬虫】

前言 随着互联网的快速发展&#xff0c;网络上的信息爆炸式增长&#xff0c;而爬虫技术成为了获取和处理大量数据的重要手段之一。在Python中&#xff0c;requests模块是一个强大而灵活的工具&#xff0c;用于发送HTTP请求&#xff0c;获取网页内容。本文将介绍requests模块的…

Java设计模式 | 简介

设计模式的重要性&#xff1a; 软件工程中&#xff0c;设计模式&#xff08;design pattern&#xff09;是对软件设计中普遍存在&#xff08;反复出现&#xff09;的各种问题&#xff0c;所提出的解决方案。 这个术语由埃里希 伽玛&#xff08;Erich Gamma&#xff09;等人在1…

在项目中应用设计模式的实践指南

目录 ✨✨ 祝屏幕前的您天天开心&#xff0c;每天都有好运相伴。我们一起加油&#xff01;✨✨ &#x1f388;&#x1f388;作者主页&#xff1a; 喔的嘛呀&#x1f388;&#x1f388; 引言 一. 单例模式&#xff08;Singleton Pattern&#xff09; 1、实现单例模式的方式 1…