网站产品内容在数据库,网站HTML怎么做链接,暴雪公司,sem网络推广公司目录
前言
一、思维导图
二、代码编写
1.在pom.xml文件中添加相关依赖 2.自动化代码编写
三、代码测试
小结 前言
1. 针对商品信息管理项目进行测试#xff0c;商品信息管理项目主要有商品列表页、部门列表页、员工列表页#xff0c;主要功能#xff1a;对商品信息的…目录
前言
一、思维导图
二、代码编写
1.在pom.xml文件中添加相关依赖 2.自动化代码编写
三、代码测试
小结 前言
1. 针对商品信息管理项目进行测试商品信息管理项目主要有商品列表页、部门列表页、员工列表页主要功能对商品信息的增删改查的功能。对于商品信息管理的测试主要就是对主要功能进行测试按照页面以及测试用例的思维导图进行自动化脚本的编写及测试。
2.自动化测试一般步骤
1使用Xmind编写web自动化测试用例
2创建自动化项目根据测试用例实现脚本的编写及测试
一、思维导图
web自动化测试用例思维导图 二、代码编写
根据思维导图进行测试用例的代码编写每个页面一个测试类然后在各个测试类中进行测试用例的编写。注意公共属性需要单独放一个类方便进行代码复用。创建启动以及截图会频繁进行复用所以创建方法进行封装。注意添加隐式等待为了确保页面正确加载显示 1.在pom.xml文件中添加相关依赖
!--引入驱动管理依赖--
dependencygroupIdio.github.bonigarcia/groupIdartifactIdwebdrivermanager/artifactIdversion5.8.0/versionscopetest/scope/dependency
!--引入selenium依赖--
dependencygroupIdorg.seleniumhq.selenium/groupIdartifactIdselenium-java/artifactIdversion4.0.0/version
/dependency
!--引入屏幕截图依赖--
dependencygroupIdcommons-io/groupIdartifactIdcommons-io/artifactIdversion2.6/version
/dependency
2.自动化代码编写
代码只展示主要部分
1.创建驱动对象和截屏会频繁使用将其封装成方法 // 创建驱动对象
void createDriver() {if (driver null) {// 1. 使用驱动管理程序打开谷歌浏览器驱动;WebDriverManager.chromedriver().setup();// 添加浏览器配置-创建的驱动对象允许浏览器访问所有链接ChromeOptions options new ChromeOptions();options.addArguments(--remote-allow-origins*);driver new ChromeDriver(options);}
}/*** 截屏并保存到指定目录下* 文件名格式./src/test/images/2025-01-29/FirstTest_130725.png*/
private void getScreenshot(String str) throws IOException {SimpleDateFormat sim1 new SimpleDateFormat(yyyy-MM-dd);// 日期 2025-01-29SimpleDateFormat sim2 new SimpleDateFormat(HHmmssSS);// 时间戳 13时07分25秒25毫秒String dirTime sim1.format(System.currentTimeMillis());// 日期目录 2025-01-29String fileTime sim2.format(System.currentTimeMillis());// 时间戳 13时07分25秒25毫秒
// ./src/test/images/2025-01-29/FirstTest_130725.pngString fileName ./src/test/images/dirTime /str _ fileTime .png;// 文件名System.out.println(截图文件名fileName fileName);// 拍截屏文件并保存到指定目录下File srcFile ((TakesScreenshot) driver).getScreenshotAs(OutputType.FILE);FileUtils.copyFile(srcFile, new File(fileName));
}
2. 测试商品搜索功能
测试页面能否正常打开测试能否依据名字查询商品信息测试能否依据品牌查询商品信息
/*** 测试 商品根据名字进行搜索的功能* throws IOException*/
void retrieveProduct() throws IOException, InterruptedException {createDriver();driver.get(http://localhost:90/#/product);// 获取商品页面中的输入框元素WebElement element driver.findElement(By.cssSelector(body div section section main form div:nth-child(1) div div input));// 输入框输入内容 床上桌element.sendKeys(床上桌);// 点击搜索按钮driver.findElement(By.cssSelector(body div section section main form div:nth-child(2) div button)).click();Thread.sleep(1000);// 截屏并保存到指定目录下getScreenshot(ProductPageTest);//显示商品的详细信息点击确定按钮driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(2) div div.el-dialog__footer div button.el-button.el-button--primary)).click();// 删除输入框中的内容 床上桌element.clear();driver.quit();
}
3.测试新增商品功能
测试新增商品按钮功能能否正常使用测试填写新增商品的所有信息能否新增成功测试填写部分新增商品的信息能否新增成功测试不填写新增商品信息能否新增成功
/*** 测试 新增商品* throws IOException* throws InterruptedException*/
void createProduct() throws IOException, InterruptedException {createDriver();driver.get(http://localhost:90/#/product);// 点击新增按钮driver.findElement(By.cssSelector(body div section section main div.el-row button)).click();// 获取 名字输入框元素WebElement nameInput driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(4) div div.el-dialog__body form div:nth-child(1) div div input));// 输入内容 插头nameInput.clear();nameInput.sendKeys(插头);// 获取 价格输入框元素WebElement priceInput driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(4) div div.el-dialog__body form div:nth-child(2) div div input));// 输入内容 100priceInput.clear();priceInput.sendKeys(100);// 获取 品牌输入框元素WebElement descInput driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(4) div div.el-dialog__body form div:nth-child(3) div div input));// 输入内容descInput.clear();descInput.sendKeys(公牛);// 获取库存输入框元素WebElement stockInput driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(4) div div.el-dialog__body form div:nth-child(4) div div input));// 输入内容 100stockInput.clear();stockInput.sendKeys(100);// 点击确定按钮driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(4) div div.el-dialog__footer div button.el-button.el-button--primary)).click();// 显示等待1秒直到确定按钮被点击然后刷新页面WebDriverWait wait new WebDriverWait(driver, Duration.ofSeconds(1));wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector(body div:nth-child(2) section section main div:nth-child(4) div div.el-dialog__footer div button.el-button.el-button--primary)));// 刷新页面driver.navigate().refresh();
// Thread.sleep(1000);// 截屏并保存到指定目录下getScreenshot(ProductPageTest);// 断言新增的商品是否存在
// WebElement product driver.findElement(By.xpath(//td[contains(text(),插头)]));
// assert product ! null;driver.quit();
}
4.测试修改商品信息功能
测试编辑按钮功能能否正常使用测试修改商品的所有信息能否修改成功测试修改商品的部分信息能否修改成功
/*** 测试 修改商品的价格* throws IOException* throws InterruptedException*/
void updateProduct() throws IOException, InterruptedException {createDriver();driver.get(http://localhost:90/#/product);
// Thread.sleep(1000);
// 隐式等待1秒driver.manage().timeouts().implicitlyWait(Duration.ofMillis(1000));// 点击编辑按钮driver.findElement(By.xpath(/html/body/div/section/section/main/div[4]/div[3]/table/tbody/tr[1]/td[5]/div/button[1])).click();// 获取 价格输入框元素WebElement priceInput driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(7) div div.el-dialog__body form div:nth-child(2) div div input));// 修改价格为 20priceInput.clear();priceInput.sendKeys(20);// 点击确定按钮driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(7) div div.el-dialog__footer div button.el-button.el-button--primary)).click();// 显示等待1秒直到确定按钮被点击然后刷新页面WebDriverWait wait new WebDriverWait(driver, Duration.ofSeconds(1));wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector(body div:nth-child(2) section section main div:nth-child(7) div div.el-dialog__footer div button.el-button.el-button--primary)));// 刷新页面driver.navigate().refresh();// 截屏并保存到指定目录下getScreenshot(ProductPageTest);// 断言修改后的价格是否正确
// WebElement product driver.findElement(By.xpath(//td[contains(text(),20)]));
// assert product ! null;driver.quit();
}
5.测试删除商品功能
测试删除按钮是否能够正常使用测试点击删除按钮再确认删除能否删除成功测试点击删除按钮再取消删除能否取消删除成功测试删除成功后刷新页面是否能够显示非删除数据
/*** 测试 删除商品* throws IOException* throws InterruptedException*/
void deleteProduct() throws IOException, InterruptedException {createDriver();driver.get(http://localhost:90/#/product);// 点击删除按钮driver.findElement(By.xpath(/html/body/div/section/section/main/div[4]/div[3]/table/tbody/tr[1]/td[5]/div/button[2])).click();// 点击确定按钮
// driver.findElement(By.cssSelector(body div:nth-child(2) section section main div:nth-child(6) div div.el-dialog__footer div button.el-button--primary)).click();// 显示等待1秒直到确定按钮被点击然后刷新页面WebDriverWait wait new WebDriverWait(driver, Duration.ofSeconds(1));wait.until(ExpectedConditions.elementToBeClickable(By.xpath(/html/body/div/section/section/main/div[4]/div[3]/table/tbody/tr[1]/td[5]/div/button[2])));// 刷新页面driver.navigate().refresh();// 截屏并保存到指定目录下getScreenshot(ProductPageTest);// 断言删除后的商品是否不存在
// WebElement product driver.findElement(By.xpath(//td[contains(text(),头)]));
// assert product null;driver.quit();
}
三、代码测试 所有测试用例通过但发现测试耗时有些长说明性能还有优化的空间。
小结
一定要关注测试用例的执行顺序问题对于页面的检查一定要到位如检查元素是否存在确保页面的正确性驱动关闭的位置要注意只有最后一个用例结束之后才进行关闭为了把所有的用例的执行结果保存下来方便后续查错或查看此时就需要进行该方法的定义即封装一个屏幕截图的方法注意屏幕截图保存的方式动态时间戳并进行时间格式化然后期望按照某种维度天、周以文件夹的方式进行保存在定位元素时当复制的cssSelector的值比较长时建议复制xpath因为cssSelector的值比较长就可能会导致定位元素失败可以适当关注用例执行时间如果时间过长就需要考虑是我们自己写的测试用例的问题还是程序真的有性能问题
