博客系统web自动化测试

已于 2023-06-14 19:43:52 修改
阅读量506 收藏 1
点赞数
分类专栏： 其他 文章标签： junit selenium
于 2023-02-19 14:44:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67683346/article/details/129108303
版权

目录

一、项目简介

二、测试用例

三、测试过程

3.1 环境搭建

3.2 编写代码

3.2.1 博客登陆页面测试

3.2.2 博客列表页面测试

3.2.3 博客详情页面测试

3.2.4 博客编辑页面测试

四、测试评估

一、项目简介

        本项目是一个简易的个人博客系统，用户可以在登陆后查看其它用户的博客、编辑发布自己的博客、删除自己发布的博客等，用户只有在登录成功后，才可以使用该系统。

        项目主要功能：

                a) 用户登录、注销功能；

                b) 编辑、发布、查看、删除博客功能；

                c) 显示用户信息功能。

        主要技术栈：Java、MySQL、JDBC、Servlet、Tomcat、Jackson、单例模式

        本文主要针对该项目的UI编写测试用例，并进行自动化测试。

二、测试用例

三、测试过程

3.1 环境搭建

(1) 下载最新版本的Chrome浏览器、Chrome驱动

(2) 使用IDEA社区版(2021.3.2版本)创建Maven项目

(3) 在项目的pom.xml文件中引入selenium和Junit相关依赖：

    <dependencies>

        <!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java -->
        <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>

        <!--Junit依赖-->
        <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>

(4) 创建目录结构：

  

3.2 编写代码

3.2.1 博客登陆页面测试

public class BlogLoginTest extends AutoTestUtils {
    private static final ChromeDriver driver = getDriver();

    @BeforeAll
    public static void driverGet(){
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));
        driver.get("http://1.117.110.252:8080/blog_system2/blog_list.html");
    }

    /*
    检查登录页面打开是否正确
    检查点：用户名输入框、密码输入框、登录按钮元素是否存在
     */
    @Test
    public void testLoginPageLoadRight() throws IOException {
        driver.findElement(By.cssSelector("#username"));
        driver.findElement(By.cssSelector("#password"));
        driver.findElement(By.cssSelector("#login-btn"));
        getScreenShot(getClass().getName());
    }

    /*
    检查正常登录情况
    测试数据：
    1.账号：orange 密码：123
    2.账号：banana 密码：123
    检查点：是否跳转到博客列表页(查看全文按钮是否存在)
     */
    @ParameterizedTest
    @CsvSource({"orange,123","banana,123"})
    public void testLoginSuccess(String username,String password) throws IOException {
        //1.清空用户名输入框和密码输入框中的内容
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();
        //2.输入测试数据
        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#login-btn")).click();
        //3.检查登录成功后是否跳转到博客列表页
        driver.findElement(By.cssSelector("body > div.container > div.container-right > div:nth-child(1) > a"));
        getScreenShot(getClass().getName());
        //4.测试完一组数据后需要返回到登陆页面
        driver.navigate().back();
    }

    /*
    检查异常登录情况
    测试数据：
    1.账号：orange 密码：空字符串
    2.账号：空字符串 密码：123
    3.账号：apple 密码：666
    检查点：是否有登录失败的提示信息
     */
    @ParameterizedTest
    @CsvSource({"orange,\"\"","\"\",123","apple,666"})
    public void testLoginFail(String username,String password) throws IOException {
        //1.清空用户名输入框和密码输入框中的内容
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();
        //2.输入测试数据
        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#login-btn")).click();
        //3.检查登录失败后是否有登陆失败的提示信息
        String expect = "用户名或密码错误";
        String actual = driver.findElement(By.cssSelector("body")).getText();
        getScreenShot(getClass().getName());
        Assertions.assertEquals(expect,actual);
        //4.测试完一组数据后需要返回到登陆页面
        driver.navigate().back();
    }

//    @AfterAll
//    public static void driverQuit(){
//        driver.quit();
//    }
}

3.2.2 博客列表页面测试

@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogListTest extends AutoTestUtils {
    private static final ChromeDriver driver = getDriver();

    @BeforeAll
    public static void driverGet(){
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));
        driver.get("http://1.117.110.252:8080/blog_system2/blog_list.html");
    }

    /*
    检查登录成功后博客列表页是否加载正确
    检查点：是否有个人信息模块、查看全文按钮、写博客按钮
     */
    @Test
    @Order(1)
    public void testListPageLoadRight() throws IOException {
        driver.findElement(By.cssSelector("body > div.container > div.container-left > div"));
        driver.findElement(By.cssSelector("body > div.container > div.container-right > div:nth-child(1) > a"));
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)"));
        getScreenShot(getClass().getName());
    }

    /*
    检查在登录状态下能否从博客列表页进入博客详情页
    检查点：是否有博客详情模块
     */
    @Test
    @Order(2)
    public void testListToDetail() throws IOException {
        //1.找到查看全文按钮元素并点击
        driver.findElement(By.cssSelector("body > div.container > div.container-right > div:nth-child(1) > a")).click();
        //2.查看是否有博客详情模块
        driver.findElement(By.cssSelector("body > div.container > div.container-right"));
        getScreenShot(getClass().getName());
        //3.返回博客列表页
        driver.navigate().back();
    }

    /*
    检查在登录状态下能否从博客列表页进入博客编辑页
    检查点：是否有发布文章按钮元素
     */
    @Test
    @Order(3)
    public void testListToEdit() throws IOException {
        //1.找到写博客按钮元素并点击
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();
        //2.查看是否有发布文章按钮元素
        driver.findElement(By.cssSelector("#submit"));
        getScreenShot(getClass().getName());
        //3.返回博客列表页
        driver.navigate().back();
    }

    /*
    检查未登录时访问博客列表页情况
    检查点：是否返回到博客登录页(是否有登录输入框、密码输入框、登录按钮)
     */
    @Test
    @Order(4)
    public void testLogOutToList() throws IOException {
        //1.先注销当前登录用户
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
        //2.在浏览器中直接输入博客列表页的URL
        driver.get("http://1.117.110.252:8080/blog_system2/blog_list.html");
        //3.检查是否返回到博客登录页
        driver.findElement(By.cssSelector("#username"));
        driver.findElement(By.cssSelector("#password"));
        driver.findElement(By.cssSelector("#login-btn"));
        getScreenShot(getClass().getName());
        //注销后需要重新登录，用于其他类中的测试用例正常进行
        //a.清空用户名输入框和密码输入框中的内容
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();
        //b.输入正确的账号、密码
        driver.findElement(By.cssSelector("#username")).sendKeys("orange");
        driver.findElement(By.cssSelector("#password")).sendKeys("123");
        driver.findElement(By.cssSelector("#login-btn")).click();
    }

//    @AfterAll
//    public static void driverQuit(){
//        driver.quit();
//    }
}

3.2.3 博客详情页面测试

@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogDetailTest extends AutoTestUtils {
    private static final ChromeDriver driver = getDriver();

    @BeforeAll
    public static void driverGet(){
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));
        driver.get("http://1.117.110.252:8080/blog_system2/blog_detail.html?blogId=4");
    }

    /*
    检查在登录状态下查看博客详情，打开的页面是否正确
    检查点：是否有博客详情模块
     */
    @Test
    @Order(1)
    public void testDetailLoadRight() throws IOException {
        driver.findElement(By.cssSelector("#content"));
        getScreenShot(getClass().getName());
    }

    /*
    检查在登录状态下能否从博客详情页进入博客列表页
    检查点：是否有用户信息模块、博客列表模块
     */
    @Test
    @Order(2)
    public void testDetailToList() throws IOException {
        //1.找到并点击主页按钮进入博客列表页
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        //2.检查是否有用户信息模块、博客列表模块
        driver.findElement(By.cssSelector("body > div.container > div.container-left > div"));
        driver.findElement(By.cssSelector("body > div.container > div.container-right"));
        getScreenShot(getClass().getName());
        //3.返回博客详情页
        driver.navigate().back();
    }

    /*
    检查在未登录状态访问博客详情页情况
    检查点：是否返回到博客登录页(是否有用户名输入框、密码输入框、登录按钮)
     */
    @Test
    @Order(3)
    public void testLogOutToDetail() throws IOException {
        //1.找到并点击注销按钮
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
        //2.通过输入博客详情页URL来访问博客列表页
        driver.get("http://1.117.110.252:8080/blog_system2/blog_detail.html?blogId=4");
        //3.查找是否有用户名输入框、密码输入框、登录按钮
        driver.findElement(By.cssSelector("#username"));
        driver.findElement(By.cssSelector("#password"));
        driver.findElement(By.cssSelector("#login-btn"));
        getScreenShot(getClass().getName());
        //注销后需要重新登录，用于其他类中的测试用例正常进行
        //a.清空用户名输入框和密码输入框中的内容
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();
        //b.输入正确的账号、密码
        driver.findElement(By.cssSelector("#username")).sendKeys("orange");
        driver.findElement(By.cssSelector("#password")).sendKeys("123");
        driver.findElement(By.cssSelector("#login-btn")).click();
    }

//    @AfterAll
//    public static void driverQuit(){
//        driver.quit();
//    }
}

3.2.4 博客编辑页面测试

@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogEditTest extends AutoTestUtils {
    private static final ChromeDriver driver = getDriver();

    @BeforeAll
    public static void driverGet(){
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));
        driver.get("http://1.117.110.252:8080/blog_system2/blog_edit.html");
    }

    /*
    检查登录状态下进入博客编辑页情况
    检查点：是否有编辑博客模块、发布文章按钮
     */
    @Test
    @Order(1)
    public void testEditLoadRight() throws IOException {
        driver.findElement(By.cssSelector("#editor"));
        driver.findElement(By.cssSelector("#submit"));
        getScreenShot(getClass().getName());
    }

    /*
    检查登录状态下能否从博客编辑页进入博客列表页
    检查点：是否有用户信息模块、博客列表模块
     */
    @Test
    @Order(2)
    public void testEditToList() throws IOException {
        //1.找到并点击主页按钮回到博客列表页
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)")).click();
        //2.查看是否有用户信息模块、博客列表模块
        driver.findElement(By.cssSelector("body > div.container > div.container-left > div"));
        driver.findElement(By.cssSelector("body > div.container > div.container-left > div"));
        getScreenShot(getClass().getName());
        //3.返回博客编辑页
        driver.navigate().back();
    }

    /*
    查看在未登录状态进入博客编辑页情况
    检查点：是否回到博客列表也(是否有用户名输入框、密码输入框、登录按钮)
     */
    @Test
    @Order(3)
    public void testLogOutToEdit() throws IOException {
        //1.找到并点击注销按钮
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
        //2.通过输入博客编辑URL来访问博客列表页
        driver.get("http://1.117.110.252:8080/blog_system2/blog_edit.html");
        //3.查找是否有用户名输入框、密码输入框、登录按钮
        driver.findElement(By.cssSelector("#username"));
        driver.findElement(By.cssSelector("#password"));
        driver.findElement(By.cssSelector("#login-btn"));
        getScreenShot(getClass().getName());
        //注销后需要重新登录，用于其他类中的测试用例正常进行
        //a.清空用户名输入框和密码输入框中的内容
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();
        //b.输入正确的账号、密码
        driver.findElement(By.cssSelector("#username")).sendKeys("orange");
        driver.findElement(By.cssSelector("#password")).sendKeys("123");
        driver.findElement(By.cssSelector("#login-btn")).click();
    }

//    @AfterAll
//    public static void driverQuit(){
//        driver.quit();
//    }
}

四、测试评估

测试用例执行情况分析：

模块名称总用例实际执行用例通过失败未执行
博客登录页面66600
博客列表页面44400
博客详情页面33300
博客编辑页面33300

本次测试一共使用了16个测试用例，所有测试用例均正常通过，未发现bug

吃点橘子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
个人博客系统测试
wish_code_king的博客
03-07 1411
个人 博客链接：博客系统 | 登录 一、测试用例 二、BUG描述 三、自动化测试
个人博客管理系统测试
StringKing的博客
02-20 1554
一、测试用例 二、提交BUG a)BUG 一 标题:写博客，不编辑博客标题，可以直接发表成功 1.版本号：V0009 2.测试环境：Chrome 浏览器 版本号 96.0.4664.45 操作系统：win10 3.测试数据 博客标题： 博客正文：这是一次普通的博客测试！ 4.测试步骤 （1）打开博客系统注册页面 （2）输入已经注册的用户名 （3）输入正确的密码并且登录 （4）点击首页头部，写博客 （5博客正...
python+unittest框架生成HTML测试报告
12-21
1、下载HTMLTestReportCN、HTMLTestReportEN、HTMLTestRunner.py文件并把他放到python安装目录下的Lib里 具体的文件需要修改，因为这三个都是根据python2语法进行编写，我们需要把他转换成python3语法 分享下已经适配python3语法的下载链接： https://download.csdn.net/download/weixin_46457203/12352754 2、导入HTMLTestReportCN模块验证 import HTMLTestReportCN 没有爆红，说明模块已经成功导入 3、在unittest中使用HTMLT
Python Learning 列表的更多操作及示例代码
12-25
遍历列表-for循环 列表中存储的元素可能非常多，如果想一个一个的访问列表中的元素，可能是一件十分头疼的事。那有没有什么好的办法呢？当然有！使用 for循环 假如有一个食物名单列表，通过 for循环 将列表中的食物名称都打印出来 # 定义一个食物名单列表 foods = ['potato', 'tomato', 'noodles', 'apple', 'pizza'] # 循环访问foods列表 for food in foods: print(food) 输出： potato  tomato  noodles  apple  pizza for循环 将foods列表中的元素依次输
个人博客系统（测试报告）
最新发布
qq_66767167的博客
03-13 828
用户名以及密码已经在后端写入了数据库是已经存在的，登录成功后就会跳转到列表页面；执行用户注销操作后，也会回到登录页面。（2）测试用例展示a）界面b）输入正确的账号和密码（以用户"duanxiao123"为例）：预期结果：跳转到博客列表页。实际结果如下：c）输入错误的账号或密码预期结果：提示用户输入错误。可以在列表页（主页）查看有限数量的博客简介，其包括博客标题、发布时间以及内容概要。（2）测试用例展示a）列表页界面（显示博客数量不为0等）1.2.3写博客&&发布博客（1）介绍。
python验证码识别教程之滑动验证码
01-20
前言 上篇文章记录了2种分割验证码的方法，此外还有一种叫做”滴水算法”(Drop Fall Algorithm)的方法，但本人智商原因看这个算法看的云里雾里的，所以今天记录滑动验证码的处理吧。网上据说有大神已经破解了滑动验证码的算法，可以不使用selenium来破解，但本人能力不足还是使用笨方法吧。 基础原理很简单，首先点击验证码按钮后的图片是滑动后的完整结果，点击一下滑块后会出现拼图，对这2个分别截图后比较像素值来找出滑动距离，并结合selenium来实现拖拽效果。 至于selenium怎么安装就不说了，滑动验证码的一个难点就是要模拟人的拖拽行为，移动快了不行，慢了也不行。 这里以国家企
Python之PyUnit单元测试实例
12-24
本文实例讲述了Python之PyUnit单元测试，与erlang eunit单元测试很像，分享给大家供大家参考。具体方法如下： 1.widget.py文件如下： 复制代码 代码如下:#!/usr/bin/python # Filename:widget.py class Widget: def __init__(self, size = (40, 40)): self.size = size   def getSize(self): return self.size   def resize(self, width, height): if width < 0 or height < 0: r
Python +Selenium解决图片验证码登录或注册问题(推荐)
09-18
主要介绍了Python Selenium解决图片验证码登录或注册问题,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
测试完整的个人博客系统源代码
04-15
ASP测试完整的个人博客系统源代码 后台用户名密码：admin 站长信息在index.asp文件中修改 顶部菜单在inc目录下的tongtao.asp文件中修改 其他配置文件均可以在后台中修改 后台地址admin.asp 用户名admin密码admin
博客系统测试
m0_64825264的博客
08-23 205
背景：以一种新型做笔记的方式来记录学习中遇到的困难问题。概述：一个Web网站程序，你可以看到其他用户发布的博客，也可以登录自己的账号发布博客，也可以对自己的文章内容进行修改删除。相应技术栈：博客登录页：博客列表页（个人）（用户“dwj”为例）：博客详情页：博客博客编辑页：
个人博客系统项目测试
m0_48273471的博客
07-31 846
个人博客系统项目测试
处理Selenium3+python3定位鼠标悬停才显示的元素
09-18
主要介绍了Selenium3+python3--如何定位鼠标悬停才显示的元素 ，文中通过简单代码给大家介绍的非常详细,需要的朋友可以参考下
Selenium实现微博自动化运营之关注、点赞、评论功能
10-15
主要介绍了Selenium实现微博自动化运营：关注、点赞、评论,本文通过实例代码图文并茂的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
asp个人博客系统源代码（完美测试）
04-30
asp个人博客系统源代码 后台用户名密码：admin 站长信息在index.asp文件中修改 顶部菜单在inc目录下的tongtao.asp文件中修改 其他配置文件均可以在后台中修改
web自动化测试框架,已在实际项目中推广使用。功能：seleum模拟人对网页的操作
01-02
Web网页设计，包含HTML、CSS、JavaScript、CSS、Java、Ajax等技术，适合于Web网页开发大作业、期末作业、毕业设计，包含网页游戏、动态网页、静态网页、表白网页、商城、个人博客、新闻广告系统、程序猿赚钱平台等...
毕业设计：基于Python的博客系统的设计与实现.zip
01-13
适用于多个领域： Python在各种领域都有广泛的应用，包括Web开发、数据科学、人工智能、自动化测试、网络编程等。特别是在数据科学和人工智能领域，Python成为了主流的编程语言之一。 支持面向对象编程： Python...
java专题,教学资元 共159g
11-22
包含:socket网络编程及实战,系统学习docker,看的见的算法 7个经典应用诠释算法精髓,一站式学习Redis 从入门到高可用分布式实践,Spring Boot 2.0深度实践之核心技术篇,Scala ...Web自动化测试 Selenium基础到企业应用
蔡氏电路matlab仿真代码-SoftwareTesting-Learning:此页面包含一堆链接，这些链接指向与软件测试或其他主题相关的博客
05-26
蔡氏电路matlab仿真代码软件测试学习 此页面包含一堆链接，这些链接指向与软件测试或其他主题相关的博客文章，文章，视频，教程，...Web自动化框架]（Web自动化框架） 框架JavaScript，Node.js SDLC （博客文章）
CSBlog博客程序源码 V2 B081124
03-26
升级时至后台的基本配置里，把你的站点信息记下来，然后初始化一下就OK了，前提是去用户权限哪儿把初始化权限勾上。 默认的管理后台地址是：http://yourdomain/Manage/Login.aspx 用户名：cszi 密码：cszi.com 前台...
如何学习常用的自动化测试工具
06-09
2. 选择自动化测试工具：根据被测试系统的类型和技术栈、测试需求和预算等因素进行评估和选择，选择适合自己的自动化测试工具。 3. 学习工具基础知识：学习工具的基础知识，包括安装、配置、启动、界面等，掌握工具...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吃点橘子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值