第二十三章Extent Reports -高级报告（ExtentReport的使用及解决CSS样式加载不出来的问题）

最新推荐文章于 2024-02-21 11:30:34 发布
最新推荐文章于 2024-02-21 11:30:34 发布
阅读量1.1k 收藏 3
点赞数 1
分类专栏： # Selenium3 WebDriver自动化测试Java 文章标签： 解决CSS样式加载不出来的问题 失败截图并加入到测试报告中 多个测试类生成一个测试报告
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BossHAO/article/details/119175724
版权

第二十三章Extent Reports -高级报告（ExtentReport的使用及解决CSS样式加载不出来的问题）

1.给 ExtentReport 添加样式等信息(解决CSS样式加载不出来的问题)
package ExtentFactory;

import java.io.File;
import java.util.Date;

import com.aventstack.extentreports.ExtentReports;
import com.aventstack.extentreports.ResourceCDN;
import com.aventstack.extentreports.reporter.ExtentHtmlReporter;
import com.aventstack.extentreports.reporter.configuration.ChartLocation;
import com.aventstack.extentreports.reporter.configuration.Theme;

public class ExtentFactory {
	public static ExtentReports getInstance() {

		Date date = new Date();
		String form = String.format("%tF", date);
		String hour = String.format("%tH", date);
		String minute = String.format("%tM", date);
		String second = String.format("%tS", date);
//		 生成的路径以及文件名
		final String OUTPUT_FOLDER = "G:/wangjing-test/test-output3/";
		final String FILE_NAME = "index" + form + hour + minute + second + ".html";

		// 文件夹不存在的话进行创建
		File reportDir = new File(OUTPUT_FOLDER);
		if (!reportDir.exists() && !reportDir.isDirectory()) {
			reportDir.mkdir();
		}

		ExtentHtmlReporter htmlReporter = new ExtentHtmlReporter(OUTPUT_FOLDER + FILE_NAME);
		// 设置静态文件的DNS
		htmlReporter.config().setResourceCDN(ResourceCDN.EXTENTREPORTS);
		// 怎么样解决cdn.rawgit.com访问不了的情况
//		htmlReporter.config().setResourceCDN(ResourceCDN.EXTENTREPORTS);
		htmlReporter.config().setDocumentTitle("标品页面功能自动化测试报告");
		htmlReporter.config().setReportName("标品冒烟测试--页面功能自动化测试报告");
		htmlReporter.config().setChartVisibilityOnOpen(true);
		htmlReporter.config().setTestViewChartLocation(ChartLocation.TOP);
		htmlReporter.config().setTheme(Theme.STANDARD);
		htmlReporter.config().setCSS(".node.level-1  ul{ display:none;} .node.level-1.active ul{display:block;}");
		htmlReporter.config().setEncoding("utf-8");
		ExtentReports extent = new ExtentReports();
		extent.attachReporter(htmlReporter);
		extent.setReportUsesManualConfiguration(true);
		extent.setSystemInfo("Selenium Version", "3.11.0");
		extent.setSystemInfo("Platform", "Windows");

		return extent;
	}
}
2.使用新构造的类创建报告，失败的时候截图并加入到测试报告中
package ScreenShots;

/**
 * @author 96510
 * @version 1.0
 * @date 2021/7/25
 */

import ExtentFactory.ExtentFactory;
import com.aventstack.extentreports.ExtentReports;
import com.aventstack.extentreports.ExtentTest;
import com.aventstack.extentreports.Status;
import org.openqa.selenium.By;
import org.openqa.selenium.NoSuchElementException;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.Assert;
import org.testng.ITestResult;
import org.testng.annotations.AfterMethod;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;
import utility.Screenshots1;

import java.io.IOException;
import java.text.SimpleDateFormat;

public class TestNG_Screenshots1 {
    String baseUrl;
    WebDriver driver;
    public static ExtentReports report;
    ExtentTest test;
    @BeforeClass
    public void beforeClass(){
        baseUrl = "https://mail.qq.com/";
        report = ExtentFactory.getInstance();
        test =report.createTest("Test01");
        driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.get(baseUrl);
        test.log(Status.INFO,"LoginDemo Opened!");
    }

    @Test
    public void loginTest() throws InterruptedException {
        driver.switchTo().frame("login_frame");
        driver.findElement(By.id("u")).sendKeys("965103066@qq.com");
        test.log(Status.INFO,"Enter User Name!");
        driver.findElement(By.id("p")).sendKeys("11111");
        test.log(Status.INFO,"Enter User Password!");
        driver.findElement(By.id("login_button")).click();
        test.log(Status.INFO,"Click login button!");
        Thread.sleep(3000);
        WebElement webElement = null;
        try {
            webElement = driver.findElement(By.id("useralias"));
        }catch (NoSuchElementException e){
            System.out.println(e.getMessage());
        }
        Assert.assertTrue(webElement!=null);
        test.log(Status.PASS,"登录成功！");
    }

    @AfterMethod
    public void tearDown(ITestResult testResult) throws IOException {
        if (testResult.getStatus()==ITestResult.FAILURE){
            SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式
            String path = Screenshots1.takeScreenshot(driver, testResult.getName());
            test.addScreenCaptureFromPath(path);
            test.log(Status.FAIL, "Verified Login failed");
        }
        driver.quit();
        report.flush();//刷新报告
    }
}

截图类：

package utility;

/**
 * @author 96510
 * @version 1.0
 * @date 2021/7/25
 */

import org.apache.commons.io.FileUtils;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;

import java.io.File;
import java.io.IOException;

public class Screenshots1 {
    public static String takeScreenshot(WebDriver driver,String fileName) throws IOException{
        fileName = fileName+".png";
        String directory = "G:\\wangjing-test\\Screenshots\\";
        File sourceFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
        FileUtils.copyFile(sourceFile, new File(directory+fileName));
        String destination = directory +fileName;
        return destination;
    }

}
3.多个测试类生成一个测试报告

配置xml运行 多个类，多个测试类需要使用同一个测试报告对象

<!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd" >
<suite name="Regression Test">
    <test name="Test01" preserve-order="false">
        <classes>
            <class name="ReporterLog.TestNG_Reports"></class>
            <class name="ScreenShots.TestNG_Screenshots2"></class>
        </classes>
    </test>
</suite>

package ScreenShots;

/**
 * @author 96510
 * @version 1.0
 * @date 2021/7/25
 */

import DataClass.Data;
import ExtentFactory.ExtentFactory;
import com.aventstack.extentreports.ExtentReports;
import com.aventstack.extentreports.ExtentTest;
import com.aventstack.extentreports.Status;
import org.openqa.selenium.By;
import org.openqa.selenium.NoSuchElementException;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.Assert;
import org.testng.ITestResult;
import org.testng.annotations.AfterMethod;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;
import utility.Screenshots1;

import java.io.IOException;
import java.text.SimpleDateFormat;

public class TestNG_Screenshots2 {
    String baseUrl;
    WebDriver driver;
    ExtentReports report;
    ExtentTest test;
    @BeforeClass
    public void beforeClass(){
        baseUrl = "https://mail.qq.com/";
//        report = ExtentFactory.getInstance();
        report = TestNG_Screenshots1.report;
        test =report.createTest("Test02");
        driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.get(baseUrl);
        test.log(Status.INFO,"LoginDemo Opened!");
    }

    @Test
    public void loginTest() throws InterruptedException {
        driver.switchTo().frame("login_frame");
        driver.findElement(By.id("u")).sendKeys("965103066@qq.com");
        test.log(Status.INFO,"Enter User Name!");
        driver.findElement(By.id("p")).sendKeys(Data.getPwd());
        test.log(Status.INFO,"Enter User Password!");
        driver.findElement(By.id("login_button")).click();
        test.log(Status.INFO,"Click login button!");
        Thread.sleep(3000);
        WebElement webElement = null;
        try {
            webElement = driver.findElement(By.id("useralias"));
        }catch (NoSuchElementException e){
            System.out.println(e.getMessage());
        }
        Assert.assertTrue(webElement!=null);
        test.log(Status.PASS,"登录成功！");
    }

    @AfterMethod
    public void tearDown(ITestResult testResult) throws IOException {
        if (testResult.getStatus()==ITestResult.FAILURE){
            SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式
            String path = Screenshots1.takeScreenshot(driver, testResult.getName());
            test.addScreenCaptureFromPath(path);
            test.log(Status.FAIL, "Verified Login failed");
        }
        driver.quit();
        report.flush();
    }
4.在POM中用ExtentReport

HomePage类 封装页面操作

package HomePage;

import DataClass.Data;
import com.aventstack.extentreports.ExtentReports;
import com.aventstack.extentreports.ExtentTest;
import com.aventstack.extentreports.Status;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;

/**
 * @author 96510
 * @version 1.0
 * @date 2021/7/27
 */
public class HomePageDemo {
    WebDriver driver = null;
    ExtentTest test;//构建是传入test，保证和测试执行类使用同一个test,日志信息打印到同一个test中

    public HomePageDemo(WebDriver driver, ExtentTest test) {
        this.driver = driver;
        this.test = test;
    }

    public void SendName() {
        driver.switchTo().frame("login_frame");
        driver.findElement(By.id("u")).sendKeys("965103066");
        test.log(Status.INFO, "Enter User Name!");
    }

    public void Sendpwd() {
        driver.findElement(By.id("p")).sendKeys(Data.getPwd());
        test.log(Status.INFO, "Enter User Password!");

    }

    public void click() {
        driver.findElement(By.id("login_button")).click();
        test.log(Status.INFO, "Click login button!");
    }

    public boolean findifcomein() {
        boolean flag = false;
        try {
            flag = driver.findElement(By.id("useralias")).getText().equals(Data.getName());
        } catch (Exception e) {
            System.out.println(e.getMessage());
        }
        return flag;
    }
}

执行操作，将结果写入测试报告

package HomePage;

/**
 * @author 96510
 * @version 1.0
 * @date 2021/7/25
 */

import ExtentFactory.ExtentFactory;
import com.aventstack.extentreports.ExtentReports;
import com.aventstack.extentreports.ExtentTest;
import com.aventstack.extentreports.Status;
import org.openqa.selenium.By;
import org.openqa.selenium.NoSuchElementException;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.Assert;
import org.testng.ITestResult;
import org.testng.annotations.AfterMethod;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;
import utility.Screenshots1;

import java.io.IOException;
import java.text.SimpleDateFormat;

public class TestNG_Screenshots00 {
    String baseUrl;
    WebDriver driver;
    public static ExtentReports report;
    ExtentTest test;
    HomePageDemo hp;

    @BeforeClass
    public void beforeClass() {
        baseUrl = "https://mail.qq.com/";
        report = ExtentFactory.getInstance();
        test = report.createTest("Test01");
        driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.get(baseUrl);
        test.log(Status.INFO, "LoginDemo Opened!");
    }

    @Test
    public void loginTest() throws InterruptedException {
        hp = new HomePageDemo(driver, test);
        hp.SendName();
        hp.Sendpwd();
        hp.click();
        Thread.sleep(3000);
        Assert.assertTrue(hp.findifcomein());
        test.log(Status.PASS, "登录成功！");
    }

    @AfterMethod
    public void tearDown(ITestResult testResult) throws IOException {
        if (testResult.getStatus() == ITestResult.FAILURE) {
            SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式
            String path = Screenshots1.takeScreenshot(driver, testResult.getName());
            test.addScreenCaptureFromPath(path);
            test.log(Status.FAIL, "Verified Login failed");
        }
        driver.quit();
        report.flush();
    }
}

两个类的日志信息在测试报告的同一个test里面

不戴眼镜的眼镜男
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ExtentReports的基本使用
u012055701的博客
10-14 4149
一、ExtentReports的介绍 ExtentReports用于生成测试报告，不仅界面美观、使用简单，还可以定制相应的样式。 二、测试代码 首先写一个测试类，包含了4个测试方法，为了展示测试报告的多样性，这里的方法不是都可以测试通过，有的还会抛出异常。 package com.tester.extend.demo; import org.testng.Assert; import org.t...
【TestNG】ExtentReports 官方说明文档翻译
anndy_的专栏
04-24 1343
extentReports基本用法 Basic Usage 初始化 Initializing Report 为了成功生成测试信息，需要启动并建立 Reporter （测试报告相关信息）和 ExtentReports 的关联。如果启动Reporter失败或未关联至ExtentReports类，在创建测试用例或将测试执行结果上传时，将提示 IllegalStateException 错误。 初始化...
自动化测试报告浅谈之ExtentReports
公众号：【伤心的辣条】
09-10 983
我们在进行自动化测试时，往往需要有相应的测试报告，比如junit,testng,reportng等等，有会有自带的测试报告，那为什么我要在这边提ExtentReports?首先，我们来看看其它几种测试报告是什么样子的 　 1、junit 2、testng 3、reportng 这些自带的报告不够美观，可读性差，这样的报告拿出去估计没人愿意看吧，当然我们只是谈以上几种报告，如果要得到非常美观的报告只能自己动手去做了，这就要有良好的编码功底。费话不多说我们再来看看今天要讲的ExtentReports，上图
TestNG与ExtentReport单元测试导出报告文档
最新发布
qwerasdctds的博客
02-21 611
目录1 通过实现ITestListener的方法添加Reporter log 1.1 MyTestListener设置 1.2 输出结果 2 TestNG与ExtentReporter集成 2.1 项目结构 2.2 MyExtentReportListener设置 2.3 单多Suite、Test组合测试 2.3.1 单Suite单Test 2.3.2 单Suite多Test 2.3.3 多Suite源代码：interface-test-framework.zip
ExtentReport生成报告时出现NoClassDefFoundError解决办法
在云端
05-11 623
记一次ExtentReport踩坑经历。 java.lang.NoClassDefFoundError:com/aventstack/extentreports/ExtentReporter解决办法。
ExtentReport:使用ExtentReport 与ExtentX 来搭建自动化测试报告系统
05-19
项目简介在TestNG 当中测试报告集成ExtentReport套件,但是在展示上有一点问题所以做了一些修改，想使其提供一套完整可用的ExtentReport 与ExtentXExtentReport 定制化 Suite->Test->Class->TestMethod 层次结构...
extent-reports-version-3-example:范围报告版本3使用TestNG的示例
05-14
范围报告版本3示例 扩展报告版本3带有TestNG文章链接的示例：即将在上
cuke6-extent-adapter-report:使用tentreports-cucumber6-adapter插件生成Cucumber-JVM版本6的范围报告
04-17
有关更多详细信息，请参阅
extent_report_template.html
11-18
httprunner生成测试报告的美化模板，extent_report_template.html，欢迎大家下载。
python版extent report测试报告
09-11
基于HTMLTestRuner改造，使用了Extent report的页面模板内容，使用方式和使用HTMLTestRuner方式一致。 在报告中展示截图：需要在对应的case中打印一下截图名称，截图名称以 screenshot_*.png 格式命名 具体请查看...
extentreports_2.41.2依赖包
02-10
extentreports version2 是完全免费的，离线报告自动生成。2.41.2是目前最新的一个版本。
Extent-Report使用
bigwangmengdi的博客
01-12 880
1、在pom.xml中引入3个依赖 <dependencies> <dependency> <groupId>com.relevantcodes</groupId> <artifactId>extentreports</artifactId> ...
测试开发 | 使用Extent report美化单元测试框架TestNG的报告
测试领域专家的博客
09-19 877
jUnit是Java领域事实上的单元测试框架标准，但是TestNG也有其特点，所以在单元测试或者自动化测试里面也占有一席之地，从google趋势上看，大体是3:1： 前面的文章我们提到，Allure作为开源的测试报告框架，原生提供了对TestNG的支持；Extent report作为另外一款常用报告框架，也通过适配器（extentreports-testng-adapter）的形式提供...
TestNG ExtentReports报告css/js样式加载问题解决方案
程序员小杨哥的博客
12-07 1091
使用testng框架+extentreports生成报告时，碰到css/js样式加载不出来，报告很丑的问题。本文介绍永久解决该问题的方案，再也不用担心报告样式问题~
Extentreports生成测试报告
weixin_40212225的博客
01-17 574
一、下载依赖包 <dependency> <groupId>com.relevantcodes</groupId> <artifactId>extentreports</artifactId> <version>2.41.1</version&gt...
优化ExtentReports报告--增加自定义配置信息
Tison的博客
11-14 905
1.config目录下新建MySystemInfo类 package config; import com.vimalselvam.testng.SystemInfo; import java.io.IOException; import java.io.InputStream; import java.util.HashMap; import java.util.Map; import ja...
ExtentReport的使用及解决样式加载不到问题
u013291552的博客
11-25 2875
ExtentReport用于生成测试报告，外观炫酷，并且涵盖信息非常全面。我们来学习下它的使用 extentReport官网：http://extentreports.com/ 一、配置依赖 首先在pom文件配置extentReport依赖 二、示例代码 引入ExtentReport后我们来编写一个示例，这里需要用到testng的断言，会使用常用的assertEquals方法，简单的...
TestNG监听器实现失败自动截图、重跑、自定义html结果文件功能
passionboyxie的专栏
01-14 1577
使用Testng框架搭建自动测试框架，经常会需要增加失败自动截图，以及失败重跑功能，下面介绍一下不修改Testng的源码，通过监听器的方式来实现自动截图、重跑、自定义Html结果文件功能。 自动截图功能 1、新建一个Java类继承TestListenerAdapter 2、重写onTestFailure、onTestSkipped等方法，在这些方法中加入截图操作 3、在testng.x
如何在ExtentReports添加错误的截图，美化测试报告
qq_39774230的博客
02-27 1594
如何在ExtentReports添加错误的截图 1.首先感谢https://www.jianshu.com/p/31a013bec5a5，虽然他做的是接口的自动化，我做的是UI自动化，但是在extenreports的配置文件上我借用了这位大神的。 先放一张我的效果图吧 ExtentReports是一个非常好的测试报告框架，自己在网上找了很久想把失败之后的截图加入测试报告中，后来查找ExtentR...
如何设置Environment --> Processing Extent --> Snap Raster
06-12
要设置Environment中Processing Extent下的Snap Raster变量，可以使用以下代码： ```python import arcpy # 设置Snap Raster为"my_raster" arcpy.env.snapRaster = "my_raster" ``` 上述代码中，首先导入arcpy...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值