如何扩大范围报告捕获的屏幕快照的图像大小？

Question

我正在捕获失败时的屏幕截图，并且扩展报告显示它。当我在范围报告中单击捕获的屏幕截图时，它不是全屏。它的四周各短约1厘米。

如何增强它使其全屏显示？

Answer 1

您可以在extent-config.xml中更改css样式配置。 下面的示例更改了图像的宽度。

<!-- custom styles -->
<styles>
    <![CDATA[
        .featherlight-image {   border: 1px solid #f6f7fa;   cursor: zoom-in;    width: 75px; }
    ]]>
</styles>

检查报表中的css变量并根据需要调整图像。

Answer 2

对于范围报告v4，您可以使用htmlReporter

public ExtentHtmlReporter htmlReporter;


@BeforeTest
public void setExtentReport() {
    String reportUrl = System.getProperty("user.dir") + "/test-output/ExtentReportVersion4.html";
    htmlReporter = new ExtentHtmlReporter(reportUrl);
    String css = ".r-img {width: 100%;}";
    htmlReporter.config().setCSS(css);
}