使用ExtentReport生成报告，Selenium+maven+testNG
- 加入相关的依赖
View Code<!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java --> <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-java</artifactId> <version>2.53.1</version> </dependency> <!-- https://mvnrepository.com/artifact/org.testng/testng --> <dependency> <groupId>org.testng</groupId> <artifactId>testng</artifactId> <version>6.9.10</version> <!-- <scope>test</scope> --> </dependency> <!-- https://mvnrepository.com/artifact/com.relevantcodes/extentreports --> <dependency> <groupId>com.relevantcodes</groupId> <artifactId>extentreports</artifactId> <version>2.41.2</version> </dependency>
-
- 分别创建 ExtentReport.html，BaseTestForExtentReport.java，ExtentReportFactory.java
- ExtentReport.html可放置在项目根目录下（报告中的部分内容会根据生成的具体内容而改变，不碍事）
View Code<!DOCTYPE html> <html> <head> <!-- ExtentReports Library 2.41.1 | http://relevantcodes.com/extentreports-for-selenium/ | https://github.com/anshooarora/ Copyright (c) 2015, Anshoo Arora (Relevant Codes) | Copyrights licensed under the New BSD License | http://opensource.org/licenses/BSD-3-Clause Documentation: http://extentreports.relevantcodes.com --> <meta charset='UTF-8' /> <meta name='description' content='ExtentReports (by Anshoo Arora) is a reporting library for automation testing for .NET and Java. It creates detailed and beautiful HTML reports for modern browsers. ExtentReports shows test and step summary along with dashboards, system and environment details for quick analysis of your tests.' /> <meta name='robots' content='noodp, noydir' /> <meta name='viewport' content='width=device-width, initial-scale=1' /> <meta name='extentx' id='extentx' content='' /> <title> ExtentReports 2.0 </title> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'> <link href='https://cdn.rawgit.com/anshooarora/extentreports/6032d73243ba4fe4fb8769eb9c315d4fdf16fe68/cdn/extent.css' type='text/css' rel='stylesheet' /> <style> </style> </head> <body class='extent default standard hide-overflow'> <!-- nav --> <nav> <div class='logo-container blue darken-2'> <a class='logo-content' href='http://extentreports.relevantcodes.com'> <span>ExtentReports</span> </a> <a href='#' data-activates='slide-out' class='button-collapse hide-on-large-only'><i class='mdi-navigation-apps'></i></a> </div> <ul id='slide-out' class='side-nav fixed hide-on-med-and-down'> <li class='analysis waves-effect active'><a href='#!' class='test-view' onclick="_updateCurrentStage(0)"><i class='mdi-action-dashboard'></i>Test Details</a></li> <li class='analysis waves-effect'> <a href='#!' onclick="_updateCurrentStage(-1)" class='dashboard-view'><i class='mdi-action-track-changes'></i></i>Analysis</a> </li> </ul> <span class='report-name'>Automation Report</span> <span class='report-headline'></span> <ul class='right hide-on-med-and-down nav-right'> <li class='theme-selector' alt='Click to toggle dark theme. To enable by default, use js configuration $("body").addClass("dark");' title='Click to toggle dark theme. To enable by default, use js configuration $("body").addClass("dark");'> <i class='mdi-hardware-desktop-windows'></i> </li> <li> <span class='suite-started-time'>2017-07-28 10:44:39</span> </li> <li> <span>v2.41.1</span> </li> </ul> </nav> <!-- /nav --> <!-- container --> <div class='container'> <!-- dashboard --> <div id='dashboard-view' class='row'> <div class='time-totals'> <div class='col l2 m4 s6'> <div class='card suite-total-tests'> <span class='panel-name'>Total Tests</span> <span class='total-tests'> <span class='panel-lead'></span> </span> </div> </div> <div class='col l2 m4 s6'> <div class='card suite-total-steps'> <span class='panel-name'>Total Steps</span> <span class='total-steps'> <span class='panel-lead'></span> </span> </div> </div> <div class='col l2 m4 s12'> <div class='card suite-total-time-current'> <span class='panel-name'>Total Time Taken (Current Run)</span> <span class='suite-total-time-current-value panel-lead'>0h 0m 2s+599ms</span> </div> </div> <div class='col l2 m4 s12'> <div class='card suite-total-time-overall'> <span class='panel-name'>Total Time Taken (Overall)</span> <span class='suite-total-time-overall-value panel-lead'>0h 0m 2s+599ms</span> </div> </div> <div class='col l2 m4 s6 suite-start-time'> <div class='card accent green-accent'> <span class='panel-name'>Start</span> <span class='panel-lead suite-started-time'>2017-07-28 10:44:36</span> </div> </div> <div class='col l2 m4 s6 suite-end-time'> <div class='card accent pink-accent'> <span class='panel-name'>End</span> <span class='panel-lead suite-ended-time'>2017-07-28 10:44:39</span> </div> </div> </div> <div class='charts'> <div class='col s12 m6 l4 fh'> <div class='card-panel'> <div> <span class='panel-name'>Tests View</span> </div> <div class='panel-setting modal-trigger test-count-setting right'> <a href='#test-count-setting'><i class='mdi-navigation-more-vert text-md'></i></a> </div> <div class='chart-box'> <canvas class='text-centered' id='test-analysis'></canvas> </div> <div> <span class='weight-light'><span class='t-pass-count weight-normal'></span> test(s) passed</span> </div> <div> <span class='weight-light'><span class='t-fail-count weight-normal'></span> test(s) failed, <span class='t-others-count weight-normal'></span> others</span> </div> </div> </div> <div class='col s12 m6 l4 fh'> <div class='card-panel'> <div> <span class='panel-name'>Steps View</span> </div> <div class='panel-setting modal-trigger step-status-filter right'> <a href='#step-status-filter'><i class='mdi-navigation-more-vert text-md'></i></a> </div> <div class='chart-box'> <canvas class='text-centered' id='step-analysis'></canvas> </div> <div> <span class='weight-light'><span class='s-pass-count weight-normal'></span> step(s) passed </span> </div> <div> <span class='weight-light'><span class='s-fail-count weight-normal'></span> step(s) failed, <span class='s-others-count weight-normal'></span> others</span> </div> </div> </div> <div class='col s12 m12 l4 fh'> <div class='card-panel'> <span class='panel-name'>Pass Percentage</span> <span class='pass-percentage panel-lead'></span> <div class='progress light-blue lighten-3'> <div class='determinate light-blue'></div> </div> </div> </div> </div> <div class='system-view'> <div class='col l4 m12 s12'> <div class='card-panel'> <span class='label info outline right'>Environment</span> <table> <thead> <tr> <th>Param</th> <th>Value</th> </tr> </thead> <tbody> <tr> <td>User Name</td> <td>Administrator</td> </tr> <tr> <td>OS</td> <td>Windows 7</td> </tr> <tr> <td>Java Version</td> <td>1.8.0_31</td> </tr> <tr> <td>Host Name</td> <td>USER-20160621RS</td> </tr> </tbody> </table> </div> </div> </div> </div> <!-- /dashboard --> <!-- tests --> <div id='test-view' class='row _addedTable'> <div class='col _addedCell1'> <div class='contents'> <div class='card-panel heading'> <h5>Tests</h5> </div> <div class='card-panel filters'> <div> <a class='dropdown-button btn-floating btn-small waves-effect waves-light grey tests-toggle' data-activates='tests-toggle' data-constrainwidth='true' data-beloworigin='true' data-hover='true' href='#'> <i class='mdi-action-reorder'></i> </a> <ul id='tests-toggle' class='dropdown-content'> <li class='pass'><a href='#!'>Pass</a></li> <li class='fail'><a href='#!'>Fail</a></li> <li class='skip'><a href='#!'>Skip</a></li> <li class='divider'></li> <li class='clear'><a href='#!'>Clear Filters</a></li> </ul> </div> <div> <a class='btn-floating btn-small waves-effect waves-light grey' id='clear-filters' alt='Clear Filters' title='Clear Filters'> <i class='mdi-navigation-close'></i> </a> </div> <div> <a class='btn-floating btn-small waves-effect waves-light grey' id='enableDashboard' alt='Enable Dashboard' title='Enable Dashboard'> <i class='mdi-action-track-changes'></i> </a> </div> <div> <a class='btn-floating btn-small waves-effect waves-light blue enabled' id='refreshCharts' alt='Refresh Charts on Filters' title='Refresh Charts on Filters'> <i class='mdi-navigation-refresh'></i> </a> </div> <div class='search' alt='Search Tests' title='Search Tests'> <div class='input-field left'> <input id='searchTests' type='text' class='validate' placeholder='Search Tests...'> </div> <a href="#" class='btn-floating btn-small waves-effect waves-light grey'> <i class='mdi-action-search'></i> </a> </div> </div> <div class='card-panel no-padding-h no-padding-v no-margin-v'> <div class='wrapper'> <ul id='test-collection' class='test-collection'> <li class='collection-item test displayed active fail ' extentid='6e942abd-51ee-4fea-98c7-c55051c26086'> <div class='test-head'> <span class='test-name'>testLogin() </span> <span class='test-status label right outline capitalize fail'>fail</span> <span class='category-assigned hide '></span> </div> <div class='test-body'> <div class='test-info'> <span title='Test started time' alt='Test started time' class='test-started-time label green lighten-1 text-white'>2017-07-28 10:44:36</span> <span title='Test ended time' alt='Test ended time' class='test-ended-time label red lighten-1 text-white'>2017-07-28 10:44:38</span> <span title='Time taken to finish' alt='Time taken to finish' class='test-time-taken label blue-grey lighten-3 text-white'>0h 0m 2s+60ms</span> </div> <div class='test-desc'>登录QQ邮箱</div> <div class='test-attributes'> </div> <div class='test-steps'> <table class='bordered table-results'> <thead> <tr> <th>Status</th> <th>Timestamp</th> <th>Details</th> </tr> </thead> <tbody> <tr> <td class='status info' title='info' alt='info'><i class='mdi-action-info-outline'></i></td> <td class='timestamp'>10:44:36</td> <td class='step-details'>开始测试 :testLogin()</td> </tr> <tr> <td class='status info' title='info' alt='info'><i class='mdi-action-info-outline'></i></td> <td class='timestamp'>10:44:38</td> <td class='step-details'>结束测试:testLogin()</td> </tr> <tr> <td class='status fail' title='fail' alt='fail'><i class='mdi-navigation-cancel'></i></td> <td class='timestamp'>10:44:38</td> <td class='step-details'>测试失败: Unable to locate element: {"method":"xpath","selector":".//*[@id='SetInfo']/div[1]/a[3]"} Command duration or timeout: 29 milliseconds For documentation on this error, please visit: http://seleniumhq.org/exceptions/no_such_element.html Build info: version: '2.53.1', revision: 'a36b8b1cd5757287168e54b817830adce9b0158d', time: '2016-06-30 19:26:09' System info: host: 'USER-20160621RS', ip: '169.254.149.235', os.name: 'Windows 7', os.arch: 'amd64', os.version: '6.1', java.version: '1.8.0_31' Driver info: org.openqa.selenium.firefox.FirefoxDriver Capabilities [{applicationCacheEnabled=true, rotatable=false, handlesAlerts=true, databaseEnabled=true, version=46.0, platform=WINDOWS, nativeEvents=false, acceptSslCerts=true, webStorageEnabled=true, locationContextEnabled=true, browserName=firefox, takesScreenshot=true, javascriptEnabled=true, cssSelectorsEnabled=true}] Session ID: 976828ac-1caa-46a1-8368-b6a5f375e85d *** Element info: {Using=xpath, value=.//*[@id='SetInfo']/div[1]/a[3]}</td> </tr> </tbody> </table> <ul class='collapsible node-list' data-collapsible='accordion'> </ul> </div> </div> </li> </ul> </div> </div> </div> </div> <div id='test-details-wrapper' class='col _addedCell2'> <div class='contents'> <div class='card-panel details-view'> <h5 class='details-name'></h5> <div class='step-filters right'> <span class='btn-floating btn-small waves-effect waves-light blue' status='info' alt='info' title='info'><i class='mdi-action-info-outline'></i></span> <span class='btn-floating btn-small waves-effect waves-light green' status='pass' alt='pass' title='pass'><i class='mdi-action-check-circle'></i></span> <span class='btn-floating btn-small waves-effect waves-light red' status='fail' alt='fail' title='fail'><i class='mdi-navigation-cancel'></i></span> <span class='btn-floating btn-small waves-effect waves-light red darken-4' status='fatal' alt='fatal' title='fatal'><i class='mdi-navigation-cancel'></i></span> <span class='btn-floating btn-small waves-effect waves-light red lighten-2' status='error' alt='error' title='error'><i class='mdi-alert-error'></i></span> <span class='btn-floating btn-small waves-effect waves-light orange' alt='warning' status='warning' title='warning'><i class='mdi-alert-warning'></i></span> <span class='btn-floating btn-small waves-effect waves-light cyan' status='skip' alt='skip' title='skip'><i class='mdi-content-redo'></i></span> <span class='btn-floating btn-small waves-effect waves-light grey darken-2' status='clear-step-filter' alt='Clear filters' title='Clear filters'><i class='mdi-content-clear'></i></span> </div> <div class='details-container'> </div> </div> </div> </div> </div> <!-- /tests --> <!-- categories --> <!-- /categories --> <!-- exceptions --> <!-- /exceptions --> <!-- testrunner logs --> <!-- /testrunner logs --> </div> <!-- /container --> <!-- test dashboard counts setting --> <div id='test-count-setting' class='modal bottom-sheet'> <div class='modal-content'> <h5>Configure Tests Count Setting</h5> <input name='test-count-setting' type='radio' id='parentWithoutNodes' class='with-gap'> <label for='parentWithoutNodes'>Parent Tests Only (Does not include child nodes in counts)</label> <br> <input name='test-count-setting' type='radio' id='parentWithoutNodesAndNodes' class='with-gap'> <label for='parentWithoutNodesAndNodes'>Parent Tests Without Child Tests + Child Tests</label> <br> <input name='test-count-setting' type='radio' id='childNodes' class='with-gap'> <label for='childNodes'>Child Tests Only</label> </div> <div class='modal-footer'> <a href='#!' class='modal-action modal-close waves-effect waves-green btn'>Save</a> </div> </div> <!-- /test dashboard counts setting --> <!-- filter for step status --> <div id='step-status-filter' class='modal bottom-sheet'> <div class='modal-content'> <h5>Select status</h5> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-pass'> <label for='step-dashboard-filter-pass'>Pass</label> <br> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-fail'> <label for='step-dashboard-filter-fail'>Fail</label> <br> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-fatal'> <label for='step-dashboard-filter-fatal'>Fatal</label> <br> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-error'> <label for='step-dashboard-filter-error'>Error</label> <br> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-warning'> <label for='step-dashboard-filter-warning'>Warning</label> <br> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-skip'> <label for='step-dashboard-filter-skip'>Skipped</label> <br> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-info'> <label for='step-dashboard-filter-info'>Info</label> <br> <input checked class='filled-in' type='checkbox' id='step-dashboard-filter-unknown'> <label for='step-dashboard-filter-unknown'>Unknown</label> </div> <div class='modal-footer'> <a href='#!' class='modal-action modal-close waves-effect waves-green btn'>Save</a> </div> </div> <!-- /filter for step status --> <script src='https://cdn.rawgit.com/anshooarora/extentreports/6032d73243ba4fe4fb8769eb9c315d4fdf16fe68/cdn/extent.js' type='text/javascript'></script> <script>$(document).ready(function() { $('.logo span').html('ExtentReports'); });</script> <script> $(document).ready(function() { }); </script> </body> </html>
- BaseTestForExtentReport.java，
View Code
package com.lozz.base; import java.lang.reflect.Method; import org.apache.log4j.PropertyConfigurator; import org.openqa.selenium.WebDriver; import org.openqa.selenium.firefox.FirefoxDriver; import org.testng.IHookCallBack; import org.testng.IHookable; import org.testng.ITestResult; import org.testng.annotations.AfterMethod; import org.testng.annotations.AfterSuite; import org.testng.annotations.BeforeMethod; import org.testng.annotations.Test; import com.lozz.utils.Constant; import com.lozz.utils.ExtentReportFactory; import com.relevantcodes.extentreports.ExtentTest; import com.relevantcodes.extentreports.LogStatus; /** * @Title: BaseTestForExtentReport.java * @Package com.lozz.base * @Description: TODO(用一句话描述该文件做什么) * @date 2017年7月28日 上午9:35:36 * @version V1.0 */ public class BaseTestForExtentReport implements IHookable { protected WebDriver driver; final String AUT_URL = Constant.Url; protected ExtentTest testReporter; @BeforeMethod public void initDriver(Method method) { // TODO 配置 // PropertyConfigurator.configure("D:\\seleniumproject\\com.lozz.SeleniumProject\\log4j.properties"); driver = new FirefoxDriver(); driver.manage().window().maximize(); driver.get(AUT_URL); } @AfterMethod(alwaysRun = true) public void cleanUp(ITestResult result, Method method) { // TODO Auto-generated method stub String testName = getTestName(result); testReporter.log(LogStatus.INFO, "结束测试:" + testName); if (result.getStatus() == ITestResult.FAILURE) { testReporter.log(LogStatus.FAIL, "测试失败: " + result.getThrowable().getMessage()); } else if (result.getStatus() == ITestResult.SUCCESS) { testReporter.log(LogStatus.PASS, "测试通过"); } else if (result.getStatus() == ITestResult.SKIP) { testReporter.log(LogStatus.SKIP, "跳过测试"); } else { testReporter.log(LogStatus.ERROR, "执行测试时出错"); } testReporter = null; ExtentReportFactory.closeTest(testName); driver.close(); } /** * @param result * @return */ private String getTestName(ITestResult testResult) { // TODO Auto-generated method stub String name = testResult.getName(); Object[] parameters = testResult.getParameters(); StringBuilder testName = new StringBuilder(); testName.append(name); testName.append("("); for (int i = 0; i < parameters.length; i++) { testName.append("[" + parameters[i].toString() + "]"); if (i != parameters.length - 1) { testName.append(","); } } testName.append(")"); return testName.toString(); } @AfterSuite public void afterSuite() { // TODO Auto-generated method stub ExtentReportFactory.closeReport(); } public void run(IHookCallBack callBack, ITestResult testResult){ String description = testResult.getMethod().getConstructorOrMethod().getMethod().getAnnotation(Test.class).description(); String testName = getTestName(testResult); ExtentReportFactory.getTest(testName,description); testReporter = ExtentReportFactory.getTest(); testReporter.log(LogStatus.INFO, "开始测试 :"+ testName); System.out.println("执行的方法: "+ testName); callBack.runTestMethod(testResult); } }
- ExtentReportFactory.java
View Code
package com.lozz.utils; import java.util.HashMap; import java.util.Map; import com.relevantcodes.extentreports.DisplayOrder; import com.relevantcodes.extentreports.ExtentReports; import com.relevantcodes.extentreports.ExtentTest; /** * @Title: ExtentReportFactory.java * @Package com.lozz.utils * @Description: TODO(用一句话描述该文件做什么) * @date 2017年7月28日 上午9:16:15 * @version V1.0 */ public class ExtentReportFactory { public static ExtentReports reporter; public static Map<Long, String> threadToExtentTestMap = new HashMap<Long, String>(); public static Map<String, ExtentTest> nameToTestMap = new HashMap<String, ExtentTest>(); private synchronized static ExtentReports getExtentReport() { if (reporter == null) { reporter = new ExtentReports("ExtentReport.html", true, DisplayOrder.NEWEST_FIRST); } return reporter; } public synchronized static ExtentTest getTest(String testName, String testDescription) { if (!nameToTestMap.containsKey(testName)) { Long threadID = Thread.currentThread().getId(); ExtentTest test = getExtentReport().startTest(testName, testDescription); nameToTestMap.put(testName, test); threadToExtentTestMap.put(threadID, testName); } return nameToTestMap.get(testName); } public synchronized static ExtentTest getTest(String testName) { return getTest(testName, ""); } public synchronized static ExtentTest getTest() { Long threadID = Thread.currentThread().getId(); if (threadToExtentTestMap.containsKey(threadID)) { String testName = threadToExtentTestMap.get(threadID); return nameToTestMap.get(testName); } return null; } public synchronized static void closeTest(String testName) { if (!testName.isEmpty()) { ExtentTest test = getTest(testName); getExtentReport().endTest(test); } } public synchronized static void closeTest(ExtentTest test) { if (test != null) { getExtentReport().endTest(test); } } public synchronized static void closeTest() { ExtentTest test = getTest(); closeTest(test); } public synchronized static void closeReport() { if (reporter != null) { reporter.flush(); reporter.close(); } } }
2.另外一种方法：
- 同样是在maven的pom文件中添加相同的依赖
- 添加extent-config.xml用来配置报告的相关样式
View Code
<?xml version="1.0" encoding="UTF-8"?> <extentreports> <configuration> <theme>standard</theme> <encoding>UTF-8</encoding> <protocal>https</protocal> <documentTitle>自动化测试报告 - v1.0.0</documentTitle> <reportName>api自动化测试报告</reportName> <reportHeadline> - v1.0.0</reportHeadline> <dataFormat>yyyy-MM-dd</dataFormat> <timeFormat>HH:mm:ss</timeFormat> <scripts> <![CDATA[ $(document).ready(function(){ }); ]]> </scripts> <styles> <![CDATA[ ]]> </styles> </configuration> </extentreports>
在类文件中配置报告的相关内容
转载，还请说明来源
