Невозможно просмотреть снимок экрана в отчете об объеме

Question

Я использую POM с отчетом об экстентах, и все работает нормально, также при нажатии на снимок экрана, когда он открывается в большом размере, но в соответствии с требованием клиента ему нужен снимок экрана в большем размере без щелчка по нему.Я получил предложение от моего старшего, он сказал, что мне нужно удалить миниатюру, чтобы она отображалась в большем размере, а не там, где я нашел эту опцию.

<?xml version="1.0" encoding="UTF-8"?>
    <extentreports>
        <configuration>
            <!-- report theme -->
            <!-- standard, dark -->
            <theme>dark</theme>

            <!-- document encoding -->
            <!-- defaults to UTF-8 -->
            <encoding>UTF-8</encoding>

            <!-- protocol for script and stylesheets -->
            <!-- defaults to https -->
            <protocol>https</protocol>

            <!-- title of the document -->
            <documentTitle>Dimension Data Automation Reports</documentTitle>

            <!-- report name - displayed at top-nav -->
            <reportName>Dimension Data - </reportName>

            <!-- report headline - displayed at top-nav, after reportHeadline -->
            <reportHeadline>Test Automation Report</reportHeadline>

            <!-- global date format override -->
            <!-- defaults to yyyy-MM-dd -->
            <dateFormat>yyyy-MM-dd</dateFormat>

            <!-- global time format override -->
            <!-- defaults to HH:mm:ss -->
            <timeFormat>HH:mm:ss</timeFormat>

            <!-- custom javascript -->
            <scripts>
                <![CDATA[
                    $(document).ready(function() {

                    });
                ]]>
            </scripts>

            <!-- custom styles -->
            <styles>
                <![CDATA[

                ]]>
            </styles>
        </configuration>
    </extentreports>

    public class ExtentManager {
        private static ExtentReports extent;

        public static ExtentReports getInstance() {
            if (extent == null) {
                Date d = new Date();
                //String fileName = d.toString().replace(":", "_").replace(" ", "_") + ".html";
                String fileName="index"+".html";

                String reportPath = Constants.REPORTS_PATH + fileName;
                extent = new ExtentReports(reportPath, true, DisplayOrder.NEWEST_FIRST);
                extent.loadConfig(new File(System.getProperty("user.dir") + "/config/ReportsConfig.xml"));
                // optional
                extent.addSystemInfo("Selenium Version", "2.53.0").addSystemInfo(
                        "Environment", Constants.ENV).addSystemInfo("Qa","Shiva");
            }
            return extent;
        }
    }

Answer 1

Это можно сделать с помощью JavaScript. Используйте тег <scripts> для добавления приведенного ниже сценария

$(document).ready(function() {
    var imageElements = $('img.r-img');
    for (var i=0; i<imageElements.length; i++) {
        imageElements[i].setAttribute('style', 'width:25%;');
    }
});

Вы можете установить стиль для скриншота (элементы img) в соответствии с вашими потребностями.