目录

一，项目背景

二，项目功能

三，测试计划

3.1 测试用例的设计

3.2 功能测试

1.正常登录

2.正常写博客测试 （输入完整的标题和内容）

3.发布博客之后跳转到详情页观察是否有刚发布的博客

4.删除博客观察列表的博客数量是否减少 

5.修改博客 

 6.注销，注销成功后回到登陆页面

四，自动化测试 

4.1 使用Selenium进行测试的步骤

1.根据项目的核心功能编写测试用例

2.创建自动化项目，根据测试用例书写测试脚本 

4.2 编写脚本进行自动化测试

1.登录功能测试

2.博客列表页数量不为0测试

3.添加博客功能测试

4.博客详情页功能测试

5.删除博客功能测试

6.博客注销功能测试

---

测试代码链接：spring: spring学习中的相关代码测试 - Gitee.com

项目访问链接（已部署）：登陆页面（账号：admin 密码：123）

一，项目背景

1. BlogPark采用了前后端分离的方法来实现的，同时使用了MySQL、Redis进行数据的存储，并将其部署到了云服务器上。前端有8个页面构成：登陆注册、添加博客、博客编辑、博客详情、热榜博客、全部博客列表、个人博客列表以及个人中心。
2. 在一般的博客项目上进行了许多的扩展：
   1. 使用邮箱注册以及验证码登录
   2. 使用Redis缓存共享session及热榜博客信息
   3. 使用线程池定时进行热榜的更新
   4. 使用@Async实现异步进行数据鞥带读写操作
   5. 使用扫描线程进行敏感词的过滤并记录日志
   6. 使用Hutool工具进行密码的加盐机密处理
   7. 使用资源路径映射访问本地资源
   8. 使用正则表达式对返回给前端的MD格式的数据去除关键字
   9. ......

二，项目功能

针对BlogPark里面的诸多功能，这里对其一些核心功能进行了功能测试以及自动化测试，涉及到的功能有：登录、注销、写博客以及删除博客等功能。

1. 登录功能：用户名以及密码已经在后端写入了数据库，没有实现账户注册功能，即：用户名以及密码是已经存在的。登录成功后就会跳转到列表页面。
2. 列表页面：可以在列表页查看有限数量的博客简介，其包括博客标题、发布时间以及内容概要。在左侧可以看到登录的用户以及文章数、分类数等的模块。在右上角有主页、写博客和注销三个功能：主页即列表页，写博客即博客编辑页，注销即注销用户，回到登录页面。
3. 详情页面：在列表页面点击“查看全文”按钮就会跳转到详情页，此时就可以看到该篇博客的完整内容。在右上角同样有主页、写博客、删除和注销四个功能：删除即删除该篇博客，删除之后就会跳转到列表页面，该篇博客就被成功删除。
4. 写博客：在登录之后的任意界面点击“写博客”之后就会进入博客编辑页面，此时就可以进行博客的编写，点击“发布文章”后就可以成功发布文章，此时就会跳转到列表页。

三，测试计划

3.1 测试用例的设计

3.2 功能测试

1.正常登录

2.正常写博客测试 （输入完整的标题和内容）

3.发布博客之后跳转到详情页观察是否有刚发布的博客

4.删除博客观察列表的博客数量是否减少 

5.修改博客 

 6.注销，注销成功后回到登陆页面

四，自动化测试 

4.1 使用Selenium进行测试的步骤

1.根据项目的核心功能编写测试用例

2.创建自动化项目，根据测试用例书写测试脚本 

前提：如果使用的是Java语言进行自动化测试的话，需要创建一个Maven的工程，并添加相关的测试依赖：

<!--        添加selenium依赖--><dependency><groupId>org.seleniumhq.selenium</groupId><artifactId>selenium-java</artifactId><version>4.0.0</version></dependency>

4.2 编写脚本进行自动化测试

1.登录功能测试

    @Order(1)@ParameterizedTest@CsvFileSource(resources = "/LoginSuccess.csv")void LoginSuccess(String username,String password,String blog_list_url) throws InterruptedException {//打开博客登录页面webDriver.get("http://localhost:8080/login.html");Thread.sleep(1000);//输入账号adminwebDriver.findElement(By.cssSelector("#username")).sendKeys(username);//输入密码123webDriver.findElement(By.cssSelector("#password")).sendKeys(password);//点击提交按钮跳转到列表页webDriver.findElement(By.cssSelector("#submit")).click();Thread.sleep(1000);//获取列表页的urlString curUrl = webDriver.getCurrentUrl();//获取当前页的url是不是博客列表页,获取到则代表测试通过,否则测试不通过Thread.sleep(1000);Assertions.assertEquals(blog_list_url,curUrl);Thread.sleep(1000);}

LoginSuccess.csv文件内容：admin,123,http://localhost:8080/myblog_list.html

2.博客列表页数量不为0测试

    @Order(2)@Testvoid BlogList() throws InterruptedException {//打开博客列表页webDriver.get("http://localhost:8080/myblog_list.html");Thread.sleep(1000);//获取页面上所有博客标题对应的元素int title_num = webDriver.findElements(By.cssSelector(".title")).size();//如果元素数量不为0,测试通过Assertions.assertNotEquals(0,title_num);}

3.添加博客功能测试

    @Order(3)@Testvoid EditBlog() throws InterruptedException {//找到写博客按钮,点击webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();Thread.sleep(1000);//找到输入框输入标题//通过JS脚本进行输入((JavascriptExecutor)webDriver).executeScript("document.getElementById(\"title\").value=\"自动化测试\"");Thread.sleep(1000);//点击发布webDriver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).click();Thread.sleep(1000);//使用弹窗操作Alert alert = webDriver.switchTo().alert();alert.dismiss();Thread.sleep(1000);}

4.博客详情页功能测试

    @Order(4)@ParameterizedTest@MethodSource("generator")void BlogDetail(String expected_url,String expected_title,String expected_blogTitle) throws InterruptedException {//找到第一篇博客对应的查看全文按钮webDriver.findElement(By.cssSelector("#artlist > div:nth-child(1) > a:nth-child(4)")).click();Thread.sleep(1000);//获取当前页面urlString curUrl = webDriver.getCurrentUrl();Thread.sleep(1000);//获取当前页面titleString curTitle = webDriver.getTitle();Thread.sleep(1000);//获取博客标题String curBlogTitle = webDriver.findElement(By.cssSelector("#title")).getText();Thread.sleep(1000);Assertions.assertEquals(expected_title,curTitle);Assertions.assertEquals(expected_blogTitle,curBlogTitle);if(curUrl.contains(expected_url)) {System.out.println("测试通过");} else {System.out.println(curUrl);System.out.println("测试不通过");}}public static Stream<Arguments> generator() {return Stream.of(Arguments.arguments("http://localhost:8080/blog_content.html?id=","博客正文","自动化测试"));@Order(5)@Testvoid BlogInfoChecked() {webDriver.get("http://localhost:8080/myblog_list.html");// 获取第一篇博客标题String first_blog_title = webDriver.findElement(By.cssSelector("#artlist > div:nth-child(1) > div.title")).getText();// 获取第一篇博客发布时间String first_blog_time = webDriver.findElement(By.xpath("//*[@id=\"artlist\"]/div[1]/div[2]")).getText();// 校验博客标题是不是自动化测试Assertions.assertEquals("自动化测试", first_blog_title);// 如果时间是2023-6-12年发布的，测试通过if(first_blog_time.contains("2023-06-12")) {System.out.println("测试通过");} else {System.out.println("当前时间是：" + first_blog_time);System.out.println("测试不通过");}}}

5.删除博客功能测试

    @Order(6)@Testvoid DeleteBlog() throws InterruptedException {//打开博客列表页webDriver.get("http://localhost:8080/myblog_list.html");Thread.sleep(1000);//点击删除按钮webDriver.findElement(By.cssSelector("#artlist > div:nth-child(1) > a:nth-child(6)")).click();Alert alert = webDriver.switchTo().alert();alert.accept();Thread.sleep(1000);Alert alert1 = webDriver.switchTo().alert();alert1.accept();//博客列表页第一篇博客标题不是"自动化测试"String first_blog_title = webDriver.findElement(By.xpath("//*[@id=\"artlist\"]/div[1]/div[1]")).getText();Thread.sleep(1000);//校验第一篇博客的标题不等于"自动化测试"Assertions.assertNotEquals(first_blog_title,"自动化测试");}

6.博客注销功能测试

    @Order(7)@Testvoid logout() throws InterruptedException {webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();Alert alert = webDriver.switchTo().alert();alert.accept();Thread.sleep(1000);//进行url校验String curUrl = webDriver.getCurrentUrl();Thread.sleep(1000);Assertions.assertEquals("http://localhost:8080/blog_list.html",curUrl);}