how to fix the ExtentReport.html without css styple
See the highlight, add htmlReporter.config().setResourceCDN(ResourceCDN.EXTENTREPORTS);
private void init(List<XmlSuite> xmlSuites) { String suiteName = xmlSuites.get(0).getName(); ExtentHtmlReporter htmlReporter = new ExtentHtmlReporter(OUTPUT_FOLDER + FILE_NAME); htmlReporter.config().setDocumentTitle("ExtentReports: " + suiteName); htmlReporter.config().setReportName(suiteName); htmlReporter.config().setTestViewChartLocation(ChartLocation.TOP); htmlReporter.config().setTheme(Theme.STANDARD); htmlReporter.config().setChartVisibilityOnOpen(true); htmlReporter.config().setEncoding("utf-8"); //Fix the report with css stype htmlReporter.config().setResourceCDN(ResourceCDN.EXTENTREPORTS);
extent = new ExtentReports(); extent.attachReporter(htmlReporter); extent.setReportUsesManualConfiguration(true); }
After that, rerun the test, and open the report, it shows the css style as below.
|