【项目测试】共享博客系统

已于 2024-08-27 01:55:57 修改
阅读量922 收藏 26
点赞数 24
文章标签： java selenium
于 2024-08-27 01:51:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/quanydi/article/details/141567324
版权

一、项目背景

共享博客系统是一个简单的Web网站项目，使用前后端分离技术来实现的。该项目由博客登录页面、博客列表页、博客详情页、博客编辑页来构建而成的。该项目已经部署到了云服务器中，可以在线上模拟实现登录、查看博客列表、查看博客详情、编辑和删除博客、发布博客、注销账号等一系列功能。

二、项目功能

  • 登陆页面：在登陆页面是用来实现登录功能，这里的账号和密码已经提前写入到了数据库当中。此页面中可以跳转到博客列表页和博客编辑页，登录成功时就会自动跳转到博客列表页
  • 博客列表页：在博客列表页是可以查看所有编辑过的博客记录和发布时间，并可以查看登陆的用户名称，此页面中存在主页，写博客，查看全文等标签，可以跳转到博客详情页，博客编辑页
  • 博客详情页：在博客详情页可以查看博客标题和完整的博客内容，此页面中存在主页，写博客，可以跳转到博客列表页，博客编辑页，而且存在编辑和删除标签，实现博客的更新和删除
  • 博客编辑页：在博客编辑页可以输入标题和博客内容后可以进行发布，发布后会跳转到博客列表页。此页面中存在主页标签，可以跳转到博客列表页

三、对项目进行测试

对项目进行测试时需要从功能测试，性能测试，界面测试，安全测试，易用性测试，界面测试，网络测试来进行测试，但是在共享博客系统主要是围绕着功能测试来实现的

1. 功能测试

先采用手工测试，对登录功能、查看博客列表功能、查看博客详情功能、编辑和删除博客功能、发布博客功能、注销账号功能来测试，排查已有的问题。

脑图

测试用例：
在这里插入图片描述

部分操作步骤

1.1 测试登录操作

登录界面
登陆界面

  • 账号+密码 正确
    在这里插入图片描述
    预期结果：正常跳转界面
    在这里插入图片描述

  • 账号密码为空
    预期结果：登录失败
    在这里插入图片描述

  • 账号或密码错误
    预期结果：登陆失败
    在这里插入图片描述

1.2 测试发布博客

博客编辑页
在这里插入图片描述

  • 编辑博客时标题不为空，内容不为空，点击发布博客按钮
    预期结果：发布成功，跳转到博客列表页并显示在博客列表页
    在这里插入图片描述
  • 当标题为空，内容不为空，点击发布博客按钮
    预期结果：发布失败
    实际结果：发布成功
    在这里插入图片描述

1.3 测试展示博客

  • 登录成功下

预期结果：展示成功
在这里插入图片描述
在这里插入图片描述

  • 登录异常情况下

预期结果：展示博客失败 提示登陆失败
在这里插入图片描述

1.4 测试注销功能

在这里插入图片描述

  • 点击注销功能
    预期结果：返回到登录页面，尝试展示博客时显示未能登录
    在这里插入图片描述
    在这里插入图片描述

2. 使用Selenium进行自动化测试

通过使用Selenium通过定位元素的Selector,和屏幕截图等方式来进行自动化测试操作，实现对项目的进一步完善。主要的测试点围绕着登录功能、查看博客列表功能、查看博客详情功能、编辑和删除博客功能、发布博客功能、注销账号功能来测试，并进行查找和修复已有Bug来完善自己的项目。

脑图

测试用例：
在这里插入图片描述

2.1 代码编写步骤

  1. 添加相关依赖pom.xml
  2. 创建一个公共类来同意进行创建驱动和屏幕截图，并创建隐式等待确保可以由足够的时间来查找元素、
  3. 创建一个Run来统一进行代码测试
  4. 创建一个NotLogin类，专门对没有进行登录时对博客列表页，博客详情页，博客发布页来进行测试
  5. 使每一个页面为为一个测试类，成功登录情况下在各个测试类中进行测试用例的编写

2.1.1添加相关依赖pom.xml

<dependencies>
        <dependency>
            <groupId>io.github.bonigarcia</groupId>
            <artifactId>webdrivermanager</artifactId>
            <version>5.8.0</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-java</artifactId>
            <version>4.0.0</version>
        </dependency>
    </dependencies>

2.1.2 创建公共类

  • 统一创建驱动对象
  • 统一实现屏幕截图功能，注意文件格式，以及命名方式
  • 实现隐式等待，对查找元素统一等待2秒

代码

package common;

import io.github.bonigarcia.wdm.WebDriverManager;
import org.apache.commons.io.FileUtils;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;

import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.time.Duration;

//创建驱动对象，等待，屏幕截图
public class Utils {
    public static WebDriver driver;//全局变量
    public static int Admin;
    public static WebDriver create(){
        if(driver == null) {
            WebDriverManager.chromedriver().setup();
            ChromeOptions options = new ChromeOptions();
            //允许访问所有链接
            options.addArguments("--remote-allow-origins=*");
            driver = new ChromeDriver(options);

            //等待-- 查找每个元素时都等待2秒
            driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(2));
        }
        return driver;
    }
    public Utils() {//未登录用
        driver = create();
    }
    public Utils(String url) {//传url
        //创建驱动对象
        driver = create();
        driver.get(url);
    }

    //屏幕截图
    public void getScreen(String filename) throws IOException {
        //./src/test/img
        //                /2024-XX-XX
        //                            /test01/170025.png
        //                /2024-XX-XX
        //                            /test05/580031.png
        SimpleDateFormat s1 = new SimpleDateFormat("yyyy-MM-dd");
        SimpleDateFormat s2 = new SimpleDateFormat("HHmmssSS");
        String dirTime = s1.format(System.currentTimeMillis());
        String fileTime = s2.format(System.currentTimeMillis());
        String file = "./src/test/img" + "" + dirTime + "/" + filename + "/" + fileTime + ".png";
        File f = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
        FileUtils.copyFile(f,new File(file));
    }
}
2.1.3测试NotLogin类
  • 测试：未登录时博客列表页是否提示弹窗，提示没有登陆并返回到登陆页面
  • 测试：未登录时博客详情页是否提示弹窗，提示没有登陆并返回到登陆页面
  • 测试：未登录时是否可以正常访问博客发布页

运行结果

在这里插入图片描述
代码：

public class NotLogin extends Utils {
    String listUrl = "http://111.229.29.41:8080/blog_list.html";
    String Detail = "http://111.229.29.41:8080/blog_detail.html";
    String edit = "http://111.229.29.41:8080/blog_edit.html";

    public void notLoginList() throws IOException, InterruptedException {
        driver.get(listUrl);
        /*出现弹窗错误---不使用
        getScreen(Thread.currentThread().getStackTrace()[1].getMethodName());出现弹窗错误
        Thread.sleep(2000);*/
        Thread.sleep(2000);
        //出现弹窗
        Alert alert = driver.switchTo().alert();
        alert.accept();
    }
    public void notLoginDetail() throws IOException, InterruptedException {
        driver.get(Detail);
        /*出现弹窗错误---不使用
        getScreen(Thread.currentThread().getStackTrace()[1].getMethodName());出现弹窗错误
        Thread.sleep(2000);*/
        Thread.sleep(2000);
        //出现弹窗
        Alert alert = driver.switchTo().alert();
        alert.accept();
    }

    public void notLoginEdit() throws IOException {
        getScreen(Thread.currentThread().getStackTrace()[1].getMethodName());
        driver.get(edit);
    }
}
2.1.4 测试登录页表页
  1. 创建驱动，并打开页面
  2. 测试页面是否正常打开
  3. 正常登录后测试多组元素
  4. 返回上一级目录并清空账号和密码
  5. 测试异常登录：用户名/密码错误的情况
    代码：
public class Login extends Utils {
    public static String url = "http://111.229.29.41:8080/blog_login.html";
    public Login() {
        super(url);
    }

    //登录页面正确
    public void loginRight() throws InterruptedException, IOException {
        //验证主页
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        //验证登录页面
        driver.findElement(By.cssSelector("body > div.container-login > div > h3"));
        //验证博客页面
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)"));
        //获取标题
        System.out.println(driver.getTitle());
        getScreen(Thread.currentThread().getStackTrace()[1].getMethodName());
        Thread.sleep(2000);
    }

    //登录成功
    public void loginSuc() throws InterruptedException, IOException {
        //输入账号；密码
        driver.findElement(By.cssSelector("#username")).sendKeys("lisi");
        driver.findElement(By.cssSelector("#password")).sendKeys("123456");
        driver.findElement(By.cssSelector("#submit")).click();
        //检验是否登录成功
        //1.查看标题
        driver.findElement(By.cssSelector("body > div.nav > span"));
        //2.查看主页标签
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        //3.查看查看全文标签
        driver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a"));
        Thread.sleep(2000);
        //获取标题
        System.out.println(driver.getTitle());
        //获取url
        String url = driver.getCurrentUrl();
        //断言
        assert url.equals("http://111.229.29.41:8080/blog_list.html");
        getScreen(Thread.currentThread().getStackTrace()[1].getMethodName());
        //返回上一页
        driver.navigate().back();
    }

    //登录失败
    public  void loginFail() throws InterruptedException, IOException {
        //刷新
        driver.navigate().refresh();
        driver.findElement(By.cssSelector("#username")).sendKeys("lisi");
        driver.findElement(By.cssSelector("#password")).sendKeys("123456");
        //检验是否登录成功
        //获取url
        System.out.println(driver.getCurrentUrl());
        getScreen(Thread.currentThread().getStackTrace()[1].getMethodName());
    }
}
2.1.5 测试博客列表页
  1. 测试博客列表页是否可以正常打开
  2. 正常显示博客列表页：测试多组元素
  3. 测试列表页是否可以正常跳转到博客详情页
  4. 测试跳转到的博客详情页内容是否正确

代码：

public class BlogList extends Utils {
    public BlogList() {
        super("http://111.229.29.41:8080/blog_list.html");
    }
    //登录成功
    //列表页显示成功
    public void listSuc() throws InterruptedException, IOException {
        //1.查看标题
        driver.findElement(By.cssSelector("body > div.nav > span"));
        //2.查看主页标签
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        //3.查看查看全文标签
        driver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a"));
        Thread.sleep(2000);
        //4.获取标题
        System.out.println(driver.getTitle());
        //5.断言url
        String url = driver.getCurrentUrl();
        assert url.equals("http://111.229.29.41:8080/blog_list.html");
        getScreen(Thread.currentThread().getStackTrace()[1].getMethodName());
    }

    //验证--查看全文是否正确
    public void listShowRight(){
        //验证是否跳转成功
        driver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a")).click();
        //----跳转成功
        //验证是否有标题
        driver.findElement(By.cssSelector("body > div.container > div.right > div > div.title"));
        //验证是否有账号名称
        String admin = driver.findElement(By.cssSelector("body > div.container > div.left > div > h3")).getText();
        //验证对自己账号可否有编辑，删除
        if(admin == "lisi"){
            driver.findElement(By.cssSelector("body > div.container > div.right > div > div.operating > button:nth-child(1)"));
            driver.findElement(By.cssSelector("body > div.container > div.right > div > div.operating > button:nth-child(2)"));
        }
        //验证收是否有主页
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        //验证标题
        String url = driver.getTitle();
        assert url.equals("博客详情页");
    }
}
2.1.6 测试登录页表页
  1. 测试详情页的正确打开：有blogId和没有blogId两种情况
  2. 测试有blogId时-测试多组元素
  3. 没有blogId-是否提示错误信息
public class Detail extends Utils {
    //详情页失败
    public void detailFail() throws IOException, InterruptedException {
        driver.get("http://111.229.29.41:8080/blog_detail.html");
        //出现弹窗
        Thread.sleep(2000);//执行太快缓俩秒
        Alert alert = driver.switchTo().alert();
        alert.accept();
    }
    //详情页成功
    public void detailSuc(){
        driver.get("http://111.229.29.41:8080/blog_list.html");
        driver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a")).click();
        //验证是否有标题
        driver.findElement(By.cssSelector("body > div.container > div.right > div > div.title"));
        //验证是否有账号名称
        String admin = driver.findElement(By.cssSelector("body > div.container > div.left > div > h3")).getText();
        //验证对自己账号可否有编辑，删除
        if(admin == "lisi"){
            driver.findElement(By.cssSelector("body > div.container > div.right > div > div.operating > button:nth-child(1)"));
            driver.findElement(By.cssSelector("body > div.container > div.right > div > div.operating > button:nth-child(2)"));
        }
        //验证收是否有主页
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        //验证标题
        String url = driver.getTitle();
        assert url.equals("博客详情页");
    }
}
2.1.7 测试博客发布页
  1. 测试编辑页是否可以显示–测试多组元素
  2. 测试博客是否可以正常发布
  3. 测试是否显示在博客列表页
  4. 关闭驱动对象

代码：

public class Edit extends Utils {
    public Edit(){
        super("http://111.229.29.41:8080/blog_edit.html");
    }
    public void EditRight(){
        driver.findElement(By.cssSelector("#submit"));
        driver.findElement(By.cssSelector("body > div.nav > span"));
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)"));
    }
    public void editSuc() throws InterruptedException {
        driver.findElement(By.cssSelector("#title")).sendKeys("测试");
        driver.findElement(By.cssSelector("#submit")).click();
        Thread.sleep(1000);
        //测试是否发布成功
        String title = driver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > div.title")).getText();
        assert title.equals("测试");
    }
}

执行代码：

public class Run {
    public static void main(String[] args) throws InterruptedException, IOException {
        Login login = new Login();
        login.loginRight();
        login.loginSuc();
        login.loginFail();
        BlogList blogList = new BlogList();
        blogList.listSuc();
        blogList.listShowRight();
        Detail detail = new Detail();
        detail.detailFail();
        detail.detailSuc();
        Edit edit = new Edit();
        edit.EditRight();
        edit.editSuc();
        Utils.driver.quit();
    }
}

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

自动化测试亮点以及难点

难点
在测试过程中出现一些意想不到的问题和Bug，需要花费时间来进行调整和完善，并在跳转和处理弹窗时需要强制等待，以便于代码可以正确识别，避免程序速度过快出现遗漏的请况

亮点：

  1. 只创建一次驱动，避免了资源浪费
  2. 使用了隐式等待，提高了自动化测试的稳定性
  3. 使登录异常和登录成功 分开进行测试，使代码变得更易观
  4. 使用了屏幕截图：方便问题的追溯以及问题的解决
小心翼翼...
关注
WEB前端 《VUE博客系统项目》
09-08
在博客系统中，可能有多个组件需要共享和修改同一份数据，如用户的登录状态、文章列表等。Vuex提供了一种集中化的状态仓库，使状态管理更加有序，避免了因组件间状态传递导致的混乱。 此外，Vue CLI是Vue.js的...
毕业设计基于区块链的安全文件共享系统源码+详细文档+全部资料（高分项目）.zip
05-18
毕业设计基于区块链的安全文件共享系统源码+详细文档+全部资料（高分项目）.zip本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习...
共享博客
青梅煮码
08-14 549
共享博客 个人开发的共享博客专注前端领域，感兴趣的小伙伴快来踩一踩啦！ 共享博客，顾名思义，即所有用户的博客产出共享在一个平台上，每个用户都拥有独立的账户和个人空间，每个用户可以自行管理个人在本平台的一切的信息。同时，用户们可以就谋篇博文或某个兴趣领域进行探讨、交流；促进个人技能领域的提升，亦或是挖掘兴趣领域，结交益友等。 青梅煮码-共享博客，目前基本功能完善，安全稳定运行，免注册学习交流，更多新功能体验还需后期发布，敬请期待，感谢您的谅解。 访问网址： 一点博客-青梅煮码-共享博客 ...
前端共享博客（前端导航,前端博客,前端博客推荐）
鹏仔工作室的秘密基地
06-09 537
title：前端共享博客url：前端共享博客关键词：共享博客,前端开发,前端博客,个人博客,网站制作,鹏仔先生,百变鹏仔,HTML,CSS,javascript,JS副标题：共享博客是一个关注前端开发、包含HTML、CSS、Javascript的前端开发独立博客博客主要针对前端的基础笔记记录，分享工作中遇到的问题。...
添加网络共享盘
神迹
03-09 1万+
磁盘盘或文件已经设置好共享   1、打开 ‘我的电脑’输入：\\192.168.21.211\e（前面2条斜杠不要忘记） 在回车即可看到共享文件或者磁盘   2、右键点击‘网络’下的192.168.21.211 的文件夹e右键选择 映射到网络驱动器   （以win 7为例 win 10 设置类似）   .       设置完成后可在我的电脑---网络
磁盘共享
sr_1114的博客
12-12 1395
在使用文件系统去实现共享时，文件系统将明文转化为二进制码，然后传输给服务端，再由文件系统将二进制码转化为明文，在进行数据保存的时侯，又要转化为二进制码。重复的转化一定会增加服务器的压力。所以为了解决这种问题，targetcli服务可以将磁盘进行共享，不需要转化那么麻烦，下来就一起学习如何将磁盘进行共享吧！ 一.磁盘共享 服务端配置：  1.首先创建一个5G的共享分区，如下：    刷新
基于Java+Springboot+vue高校资源共享交流平台设计和实现
java李阳勇的博客
03-17 12万+
高校资源共享交流系统主要功能设计：用户登录、注册、修改密码、首页信息展示、系统轮播图 、模糊搜索、收藏、点击数量统计、点赞、点踩、评论、详情、富文本图文上传、文件上传、下载、视频上传下载、文件资料、视频资料、公告信息、留言讨论区、加上一些基本的功能模块
个人博客系统毕业设计开题报告
皮小孩的博客
02-20 2万+
本文给出的是本科生个人博客系统的毕业设计开题报告，仅供参考！（具体模板和要求按照自己学校给的要求） 毕业设计开题报告一、选题意义二、博客系统概述三 、毕业设计研究方案四、功能结构图五、进度安排六、参考文献 一、选题意义 在网络技术逐渐渗入社会生活各个层面的今天，传统的交流方式也面临着变革，而网络博客则是一个很重要的方向。基于Web技术的网络考试系统可以借助于遍布全球的Internet进行，因此交流既可以是本地进行，也可以是异地进行，大大拓展了沟通与交流的灵活性。博客在现如今这个飞速发展的网络时代已经成为人们
博客目录与概览
热门推荐
冯·诺依曼
08-31 42万+
从即日起，我将开始开始着手写作《深入理解机器学习》分类下的文章。《深入理解机器学习》不仅仅把目光局限机器学习算法的推导与实现，更多的会将目光聚焦于从数学、统计学以及统计学习的角度来深入理解机器学习算法，除此之外，我还会讨论各个机器学习算法局限与瓶颈，纵横向比较各种机器学习算法的优劣等。在详细介绍机器学习算法的同时，我还会通过Python和Scala给出相关项目的实战代码。所以，想深入学习机器学习的..............................
20款免费项目管理系统推荐
柚橙论
11-21 4889
通过本篇文章您将了解：1、国内外20款最佳项目管理软件；2、使用免费项目管理工具可能面临的风险。
【腾讯云 Cloud Studio 实战训练营】沉浸式体验编写一个博客系统
全栈若城,专注知识分享
07-24 3万+
腾讯云 Cloud Studio 实战训练营提供了沉浸式的体验，让你可以亲身参与博客系统的编写。在这个训练营中，你将学习如何利用腾讯云的云服务和开发工具来构建一个完整的博客系统。 通过 Cloud Studio，你可以使用云端IDE进行代码编辑、调试和部署，无需担心本地环境的配置和限制。你可以实时预览和测试你的博客系统，并享受到云端开发带来的高效和便捷。
软件测试报告 博客系统.pdf
11-13
博客系统的测试报告的主要目的是检查博客系统是否能够正常使用，实现数据的共享和网友的互动交流。通过对博客系统的测试，可以学习到博客系统需要的功能模块，以及各个功能模块之间的关系。 二、测试项目需求 博客...
博客系统开发项目管理方案.pdf
07-03
博客系统开发项目管理方案 该项目旨在开发一个基于J2EE技术的多层结构博客系统，旨在提供一个...通过有效的项目管理，团队将努力打造一个符合市场需求、用户体验优良的博客系统，促进网络时代的个性化交流和信息共享。
blog.rar_blog_博客系统net
09-21
博客系统是一种在线出版和共享平台，允许用户发布个人或集体的日志、文章、照片和其他多媒体内容。在这个案例中，我们讨论的是一个使用ASP.NET技术构建的简单博客系统。ASP.NET是由微软开发的一种强大的Web应用程序...
【C++刷题】力扣-#121-买卖股票的最佳时机
最新发布
会写代码的饭桶
10-16 222
给定一个数组 prices，其中 prices[i] 表示第 i 天的股票价格。假设你可以在第 i 天买入并在第 j 天卖出股票（i ≤ j），设计一个算法来计算你所能获取的最大利润。注意你只能持有一股股票，并且你不能同时参与多笔交易（即在再次买入前必须卖出股票）。
基于SSM班级事务管理系统的设计
2401_87849773的博客
10-15 281
管理员账户功能包括：系统首页，个人中心，学生管理，班委管理，班会组织管理，健康档案管理，党员发展管理，党员培训管理，学生成绩管理。主要技术：Java,Spring,mybatis,mysql,jquery,html。班委账号功能包括：系统首页，学生管理，学生成绩管理，活动信息管理，班费通知管理。服务器：SpringBoot自带 apache tomcat。JDK版本：Java JDK1.8。数据库可视化工具： navicat。数据库版本： mysql5.7。开发系统：Windows。
2024.10月12日--- SpringMVC异常处理
whisper_Java 的博客
10-12 905
*** 用户【】 IP[]* 在【时间】* 操作【Controller.find】 发生如下异常*/@OverrideSystem.out.println("---------执行了自定义异常处理器------------");// 根据不同的异常类型，设置不同的响应状态码// 可以添加更多的自定义处理逻辑//}else {// 记录日志或其他处理逻辑// 可以将异常信息放入模型中供视图展示。
校园博客系统需求分析报告
"这篇文档是关于校园博客系统的需求分析报告，旨在明确系统开发的功能和性能需求，为设计、开发、项目管理和测试团队提供指导。报告详细介绍了系统的应用环境、功能规格、性能需求以及实现约束，同时也列出了相关...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值