“云端乐潮“音乐播放器Web项目的自动化测试

最新推荐文章于 2024-09-15 19:46:31 发布
最新推荐文章于 2024-09-15 19:46:31 发布
阅读量457 收藏 9
点赞数 4
分类专栏： Java 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67872788/article/details/140767931
版权

目录

1、项目简介

2、自动化测试

 2.1 编写测试用例

 2.2 封装公共API

2.3 编写"登录功能"自动化测试代码

2.4 编写"播放音乐" 自动化测试代码

2.5 编写"收藏音乐" 自动化测试代码

2.6 编写"删除音乐" 自动化测试代码

2.7 编写"上传音乐" 自动化测试代码

1、项目简介

    本项目是一个基于SpringMVC、SpringBoot、MyBatis实现的Web项目，该项目主要有 上传音乐、播放音乐、收藏音乐 三大功能。用户登录成功后，即可在这里尽情的享受"云端乐潮"！

2、自动化测试

    本次将在Junit + Selenium 的环境下对该Web项目进行自动化测试。

 2.1 编写测试用例

  

 2.2 封装公共API

       在编写自动化测试代码的过程中，会反复用到一些常量，如 页面的URL，浏览器驱动等，可以将其封装在一个类中，这样就可以在需要的时候直接调用相应的API，提高测试效率。

2.3 编写"登录功能"自动化测试代码

（1）检查页面的URL、元素是否完整

webDriver.get(Constants.LOGIN_URL);
        Constants.addImpWait();
        System.out.println("###[界面]-->测试开始!###");
        /**
         * 界面测试
         */
        //1.检查url
        String actUrl = webDriver.getCurrentUrl();
        String excUrl = Constants.LOGIN_URL;
        Assertions.assertEquals(excUrl,actUrl,"[登录页面]-->URL测试失败!");
        //2.检查页面元素是否完整
        //2.1 外框
        WebElement box = webDriver.findElement(By.cssSelector("#body > div"));
        Assertions.assertNotNull(box,"[登录外框]-->加载失败!");
        //2.2 欢迎信息
        WebElement text = webDriver.findElement(By.cssSelector("#body > div > h3"));
        Assertions.assertNotNull(text,"[欢迎信息]-->加载失败!");
        //2.3 输入框 及 提示信息("用户名：" "密码：")
        WebElement username = webDriver.findElement(By.cssSelector("#user"));
        WebElement password = webDriver.findElement(By.cssSelector("#password"));
        WebElement usernameText = webDriver.findElement(By.cssSelector("#body > div > div:nth-child(2) > label"));
        WebElement passwordText = webDriver.findElement(By.cssSelector("#body > div > div:nth-child(3) > label"));
        Assertions.assertEquals("用户名：",usernameText.getText(),"[用户名标签]-->加载失败!");
        Assertions.assertEquals("密码：",passwordText.getText(),"[密码标签]-->加载失败!");
        Assertions.assertNotNull(username,"[账号输入框]-->加载失败!");
        Assertions.assertNotNull(password,"[密码输入框]-->加载失败!");
        //2.4 登录按钮
        WebElement loginButton = webDriver.findElement(By.cssSelector("#submit"));
        Assertions.assertNotNull(loginButton,"[登录按钮]-->加载失败!");
        System.out.println("###[界面]-->测试通过!###");

 （2）输入错误的用户名或密码

/**
         * 功能测试
         */
        System.out.println("###[功能]-->测试开始!###");
        //1. 输入 错误的 用户名和密码
        username.sendKeys(Constants.WRONG_USERNAME);
        password.sendKeys(Constants.WRONG_PASSWORD);
        loginButton.click();
        //1.1 页面出现alert弹框，点击"确定"
        sleep(1000);
        webDriver.switchTo().alert().accept();
        Constants.addImpWait();
        //1.2 页面不跳转
        Assertions.assertEquals(excUrl,actUrl,"[错误的用户名和密码]-->URL不正确");
        Constants.addImpWait();

（3）用户名或密码为空

//2. 输入的 用户名或密码 为空
        loginButton.click();
        sleep(1000);
        webDriver.switchTo().alert().accept();
        Constants.addImpWait();
        //2.1 页面不跳转
        Assertions.assertEquals(excUrl,actUrl,"[错误的用户名和密码]-->URL不正确");

 （4）输入正确的用户名和密码

//3. 输入正确的 登录信息
        Constants.addImpWait();
        username.sendKeys(Constants.RIGHT_USERNAME);
        password.sendKeys(Constants.RIGHT_PASSWORD);
        loginButton.click();
        sleep(1000);
        webDriver.switchTo().alert().accept();

        //3.1 页面跳转
        Constants.addImpWait();
        Assertions.assertEquals(Constants.LIST_URL,webDriver.getCurrentUrl(),"[正确的的用户名和密码]-->URL不正确");
        System.out.println("###[功能]-->测试通过!###");

执行代码，【登录功能】测试结果：

2.4 编写"播放音乐" 自动化测试代码

Constants.addImpWait();
        System.out.println("******[播放音乐]-->测试开始!******");
        /**
         * 界面测试
         */
        System.out.println("###[界面]-->测试开始!###");
        //1.检查URL
        String excUrl = Constants.LIST_URL;
        String ActUrl = webDriver.getCurrentUrl();
        Assertions.assertEquals(excUrl,ActUrl,"[播放音乐]-->URL不正确!");
        Constants.addImpWait();
        //2.检查页面元素
        // 喜欢、删除、添加歌曲、删除选中、喜欢列表、播放歌曲
        WebElement love = webDriver.findElement(By.cssSelector("#info > tr:nth-child(1) > td:nth-child(5) > button:nth-child(2)"));
        Constants.addImpWait();
        WebElement remove = webDriver.findElement(By.cssSelector("#info > tr:nth-child(1) > td:nth-child(5) > button:nth-child(1)"));
        Constants.addImpWait();
        WebElement add = webDriver.findElement(By.cssSelector("#body > div.container > div:nth-child(3) > a:nth-child(2)"));
        Constants.addImpWait();
        WebElement removeMore = webDriver.findElement(By.cssSelector("#delete"));
        Constants.addImpWait();
        WebElement loveList = webDriver.findElement(By.cssSelector("#body > div.container > div:nth-child(3) > a:nth-child(1)"));
        Constants.addImpWait();
        WebElement playMusic = webDriver.findElement(By.cssSelector("#info > tr:nth-child(1) > td:nth-child(4) > button"));
        Constants.addImpWait();
        Assertions.assertNotNull(love,"[喜欢]-->元素为空!");
        Assertions.assertNotNull(remove,"[删除]-->元素为空!");
        Assertions.assertNotNull(removeMore,"[批量删除]-->元素为空!");
        Assertions.assertNotNull(loveList,"[喜欢列表]-->元素为空!");
        Assertions.assertNotNull(playMusic,"[播放音乐]-->查询元素为空!");
        Assertions.assertNotNull(add,"[添加音乐]-->元素为空!");

        System.out.println("###[界面]-->测试通过!###");

        /**
         * 功能测试
         */
        System.out.println("###[功能]-->测试开始!###");
        playMusic.click();
        sleep(15000);
        System.out.println("###[功能]-->测试通过!###");

        System.out.println("******[播放音乐]-->测试结束!******");

执行代码，【播放音乐】测试结果：

2.5 编写"收藏音乐" 自动化测试代码

System.out.println("******[收藏音乐]-->测试开始!******");
        /**
         * 界面测试
         */
        System.out.println("###[界面]-->测试开始!###");
        //1.点击 喜欢列表
        WebElement loveList = webDriver.findElement(By.cssSelector("#body > div.container > div:nth-child(3) > a:nth-child(1)"));
        loveList.click();
        sleep(2000);
        //2.检查URL
        String excUrl = Constants.LOVE_URL;
        Assertions.assertEquals(excUrl,webDriver.getCurrentUrl(),"[收藏音乐]-->URL不正确!");

        //3.检查页面元素
        // 喜欢、删除、添加歌曲、删除选中、喜欢列表、播放歌曲
        WebElement back = webDriver.findElement(By.cssSelector("body > div.container > div:nth-child(3) > a"));
        WebElement remove = webDriver.findElement(By.cssSelector("#info > tr:nth-child(1) > td:nth-child(4) > button"));
        Assertions.assertNotNull(back,"[回到首页]-->元素为空!");
        Assertions.assertNotNull(remove,"[移除]-->元素为空!");
        System.out.println("###[界面]-->测试通过!###");
        //4.回到 "音乐列表"页面
        back.click();
        Constants.addImpWait();
        /**
         * 功能测试
         */
        System.out.println("###[功能]-->测试开始!###");
        //1. 检查URL
        Assertions.assertEquals(Constants.LIST_URL,webDriver.getCurrentUrl(),"[回到首页]-->URL跳转失败!");
        sleep(1000);
        //2. 点击 "喜欢"
        webDriver.findElement(By.xpath("//*[@id=\"info\"]/tr[1]/td[4]/button[2]")).click();
        sleep(1000);
        webDriver.switchTo().alert().accept();
        //3.页面不跳转
        Assertions.assertEquals(Constants.LIST_URL,webDriver.getCurrentUrl(),"[收藏音乐]-->URL非法跳转!");
        System.out.println("###[功能]-->测试通过!###");

        System.out.println("******[收藏音乐]-->测试结束!******");

 执行代码，【收藏功能】测试结果：

2.6 编写"删除音乐" 自动化测试代码

System.out.println("******[删除音乐]-->测试开始!******");
        /**
         * 界面测试
         */
        System.out.println("###[界面]-->测试开始!###");
        //1. 检查URL
        Assertions.assertEquals(Constants.LIST_URL,webDriver.getCurrentUrl(),"[当前URL]-->URL不正确!");

        //2.检查页面元素
        //检查 删除、批量删除 元素
        WebElement remove = webDriver.findElement(By.cssSelector("#info > tr:nth-child(1) > td:nth-child(5) > button:nth-child(1)"));
        WebElement removeMore = webDriver.findElement(By.cssSelector("#delete"));
        Assertions.assertNotNull(remove,"[删除一首歌曲]-->元素为空!");
        Assertions.assertNotNull(removeMore,"[删除选中]-->元素为空!");
        System.out.println("###[界面]-->测试通过!###");
        /**
         * 功能测试
         */
        System.out.println("###[功能]-->测试开始!###");
        //1.删除一首音乐
        sleep(1000);
        webDriver.findElement(By.cssSelector("#info > tr:nth-child(3) > td:nth-child(5) > button:nth-child(1)")).click();
        sleep(1000);
        webDriver.switchTo().alert().accept();
        sleep(1000);
        //2. 删除多首音乐
        WebElement choice1 = webDriver.findElement(By.cssSelector("#\\36 "));
        WebElement choice2 = webDriver.findElement(By.cssSelector("#\\37 "));
        choice1.click();
        choice2.click();
        sleep(1000);
        webDriver.findElement(By.cssSelector("#delete")).click();
        sleep(1000);
        webDriver.switchTo().alert().accept();
        sleep(1000);

        System.out.println("###[功能]-->测试通过!###");
        System.out.println("******[删除音乐]-->测试结束!******");

执行代码，【删除音乐】测试结果：

2.7 编写"上传音乐" 自动化测试代码

System.out.println("******[上传音乐]-->测试开始!******");
        /**
         * 界面测试
         */
        System.out.println("###[界面]-->测试开始!###");
        //1. 检查URL
        Assertions.assertEquals(Constants.LIST_URL,webDriver.getCurrentUrl(),"[音乐列表URL]-->URL不正确!");
        //2.点击 添加歌曲
        WebElement add = webDriver.findElement(By.cssSelector("#body > div.container > div:nth-child(3) > a:nth-child(2)"));
        add.click();
        Constants.addImpWait();
        //3.再次检查URL
        Assertions.assertEquals(Constants.UPLOAD_URL,webDriver.getCurrentUrl(),"[上传音乐URL]-->URL跳转不正确!");

        //4.检查页面元素

        WebElement selectFile = webDriver.findElement(By.cssSelector("body > form > input[type=file]:nth-child(1)"));
        WebElement inputSinger = webDriver.findElement(By.cssSelector("body > form > label > input[type=text]"));
        Assertions.assertNotNull(selectFile,"[选择文件]-->元素为空!");
        Assertions.assertNotNull(inputSinger,"[输入框]-->元素为空!");
        System.out.println("###[界面]-->测试通过!###");
        
        System.out.println("******[上传音乐]-->测试结束!******");

 执行代码，【上传音乐】测试结果：

 以上就是本项目的测试流程和测试代码。

小黄hope
关注
专栏目录
〖Python APP 自动化测试实战篇⑩〗- app自动化总结与展望
易编橙 · 终身成长社群，相遇已是上上签！
07-09 4万+
该章节其实没有太多的内容，其实就是针对近期的 App 自动化的一些知识点的总结，以及未来的 App 自动化的未来领域我们可以往哪个方向发展。
类似postman的接口自动化测试工具，为什么都在用 apifox
qq_36474730的博客
07-05 2608
接口测试很多人都会用到 postman，但实际上，在当下国内测试流程中，postman 有很多功能不符合国人的操作习惯，本文介绍一个接口自动化测试工具，已经在很多公司的测试团队中大量使用，它的主要应用场景：接口设计： Apifox 接口文档遵循 OpenApi 3.0 (原 Swagger)、JSON Schema 规范的同时，提供了非常好用的可视化文档管理功能，零学习成本，非常高效。并且支持在线分享接口文档。接口调试： Postman 有的功能，比如环境变量、前置 / 后置脚本、Cookie/Sessio
云端远程Ubuntu系统进行无桌面Web浏览器自动化测试
华为云官方博客
07-10 1806
【摘要】 利用xvfb提供的显卡帧缓冲区，让浏览器以为有桌面，以达到无桌面系统下测试真实浏览器兼容性的目的。 自动化web界面测试往往需要验证真实浏览器的兼容性，但是云端系统往往并不提供图形化的桌面，所以自动化web界面测试在云端就成为一个问题。本文描述了一个技巧解决这个问题，其主要原理是利用xvfb提供的显卡帧缓冲区，让浏览器以为有桌面。 Install xvfb in ubuntu s...
软件测试好书推荐《自动化测试实践》30个项目测试案例分析
m0_56676641的博客
12-25 2094
本书是世界名著《Software TestAutomation》的姊妹篇，是自动化测试领域的至宝，是每一位测试人员都应该反复研读的一本书！它是Dorothy Gramham、Mark Fewster、LisaCrispin、AlanPage等30多位来自世界各地的自动化测试专家和大师的经验结晶，通过对30多个来自世界各行各业的经典测试案例的分析和研究，讲述了的自动化测试工具、技术、方法，以及自动化测试的实施、引导和管理，不仅包含大量实践，还包含很多失败的教训。让读者不仅能吸取前人留下的宝贵经验和远见卓识，
自动化测试方案对比
Mybells
02-28 2809
自动化测试方案对比 End-to-End Testing（端到端测试） 端到端（E2E）测试的主要目的是通过模拟真实的用户场景，验证被测系统及其组件的集成性和数据完整性，从最终用户的体验进行测试。 不需要知道业务代码，只需要模拟用户在真实环境的操作。 方案对比 目前了解到的3种方案都是使用端到端测试，第一种是cypress测试，第二种是matman+mockstar+whistle，第三种是CodeceptJS。 先了解下这三种方案具体使用流程，然后再对比下学习成本、上手难度、功能差异、githubstar
UI自动化测试潮流代表工具—testsigma 快速入门
热门推荐
白天像蚂蚁一样工作，晚上像蝴蝶一样生活
01-27 1万+
1. Testsigma概述 Testsigma 是一款 SaaS、AI 驱动的测试自动化软件，适用于 Web 和移动应用程序，可通过 左移方法实现持续测试，实现了无代码，脚本自我修复，自动定位缺陷等功能。 2. 优点 Saygoodbyeto multiple tools, frameworks, andcomplicated setups No complex setups. Works out of the box. 没有复杂的安装设置 End-to-en...
JAVA WEB云端办公自动化服务.zip
07-27
JAVA WEB云端办公自动化服务
Java企业面试题3
最新发布
m0_74972727的博客
09-15 316
1. break和continue的作用(智*图) break：用于完全退出一个循环（如 for, while）或一个 switch 语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。 continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在 for 循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。 2. if分支语句和switch分支语句的异同之处(智*图) 相同点：都是用来根据不同的条件执行不同的代码块。
上传文件到钉盘流程详解
jspyth的博客
09-14 570
本文详解如何通过钉钉的API实现上传文件到钉盘目录，代码通过JAVA实现。
【学习笔记】手写 Tomcat 三
LearnTech_123的博客
09-12 1090
响应动态资源不需要写文件名了，只需要写功能的名称即可。比如登录功能，可以定义名称为 doLogin
Gradle
xiaocaij_icai的博客
09-15 132
");
笔记：Centos Jdk Nginx 安装包安装命令
贰十六的博客
09-12 584
进入到usr中的src，把刚才下载的安装包拉进去。# ./configure 报错。# 将下面填写到配置最下方。# JDK 解压版 配置。# 进入环境变量配置。
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 885
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
spring security中几大组件的作用和执行顺序
阿信今天的代码没bug的博客
09-11 322
spirng security中的几大组件的差异和执行顺序
模拟面试后端开发复盘
Java小白的博客 致力分享每一天学到的知识
09-11 1148
一般来说系统的开发和设计思路的话，就是一般现在的项目基本上都是前后端分离架构来实现的，所以在项目的设计时，要分层次结构来划定。前后端分离架构中，前端一般是有专业的前端工程师来写的，因此我们步需要过分的关注前端，可以在github上找到相关的前端项目即可。
使用API有效率地管理Dynadot域名，查看域名服务器（NS）信息
Dynadot_tech的博客
09-12 1044
Dynadot是通过ICANN认证的域名注册商，自2002年成立以来，服务于全球108个国家和地区的客户，为数以万计的客户提供简洁，优惠，安全的域名注册以及管理服务。Dynadot.com提供的API是专为效率而构建的高级域名管理和获取工具包。使用Dynadot API，可以查看某一域名DNS设置的域名服务器（Name server）信息。
服装|基于Java+vue的服装定制系统(源码+数据库+文档)
weixin_66413741的博客
09-10 714
服装定制将是广大用户们不可忽视的一块。但是管理好服装定制又面临很多麻烦需要解决,我们可以发现服装定制方面的系统并不是相当普及,在服装定制方面的可以有许多改进。即服装定制系统慢慢的被人们关注。服装定制管理方面的任务繁琐,以至于每年都在服装定制管理这方面投入较多的精力却效果甚微,
JAVA开源项目 在线视频教育平台 计算机毕业设计
as230627的博客
09-14 969
基于Vue.js和SpringBoot的在线视频教育平台是一个功能丰富的系统，它包括管理后台和用户网页端，为管理员、普通用户和教师角色提供了不同的功能。在管理后台，管理员可以进行用户管理，包括用户信息的增删改查。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值