Ашот не делает скриншот правильного элемента

Question

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

Я также пробовал другой код снятия скриншота,

Screenshot screenshot = new AShot().takeScreenshot(driver,driver.findElement(By.xpath(webElementXpath)));

, но он выдавал ошибку, которую я смог исправить, прочитав эту ссылку: https://github.com/pazone/ashot/issues/93, а затемЯ использовал следующий код:

WebElement myWebElement = driver.findElement(By.xpath("//center/table/tbody/*"));
        Screenshot fpScreenshot = new AShot()
                .coordsProvider(new WebDriverCoordsProvider()).takeScreenshot(driver,myWebElement);

         ImageIO.write(fpScreenshot.getImage(),"PNG",new File("/Users/sanatkumar/eclipse-workspace/com.ScreenshotUtility/Screenshots/error.png"));

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

Обратите внимание, что моя таблица не полностью видна на веб-странице, вручную я должен прокрутить вниз, чтобы просмотреть всю таблицу.мне нужно написать другой код, чтобы получить полный снимок экрана с таблицей ??

также мой веб-сайт основан на угловых настройках, которые я пытаюсь автоматизировать с помощью Java-селена.причина, по которой я это делаю, заключается в том, что в транспортире я не нахожу никаких API, таких как Ashot.если кто-нибудь знает об этом, пожалуйста, дайте мне знать.

Answer 1

Эта функциональность возможна с Protractor, также требуя модуля NPM, такого как «сравнение изображений транспортира».Если вы хотите захватить связанные посты на боковой панели, например, вы можете использовать следующий код.

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

Spec File

describe('simple test', () => {
    it('will save image', async () => {
        await browser.get("/12054327/ashot-ne-delaet-skrinshot-pravilnogo-elementa");
        await browser.driver.sleep(10 * 1000);

        let related_questions_sidebar = element(by.className('module sidebar-related'));
        await browser.executeScript('arguments[0].scrollIntoView();', related_questions_sidebar);
        await browser.driver.sleep(3 * 1000);

        // saveElement
        await browser.protractorImageComparison.saveElement(related_questions_sidebar, 'sidebar-image');
    });
});

Conf.js- в вашем OnPrepare

onPrepare: async () => {
    // await jasmine.getEnv().addReporter(new dbReporter());
    const protractorImageComparison = require('protractor-image-comparison');
    browser.protractorImageComparison = new protractorImageComparison(
        {
            baselineFolder: './screen-compare/baselines/',
            screenshotPath: './screen-compare/screenshots/'
        }
    ); 
); 

Изображение сохранено

Answer 2

Добавив ShootingStrategy, я смог захватить только элемент формы с атрибутом id = "post-form" внизу этой страницы.

Из документации на https://github.com/pazone/ashot

Различные веб-драйверы делают снимки экрана по-разному.Некоторые WebDrivers предоставляют скриншот всей страницы, в то время как другие обрабатывают только область просмотра.

...

В ShootingStrategies есть встроенные стратегии для различных вариантов использования.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import ru.yandex.qatools.ashot.AShot;
import ru.yandex.qatools.ashot.Screenshot;
import ru.yandex.qatools.ashot.shooting.ShootingStrategies;
import javax.imageio.ImageIO;
import java.io.File;

public class Main
{
    public static void main(String args[]) throws Exception
    {
        System.setProperty("webdriver.gecko.driver", "./geckodriver");
        System.setProperty("webdriver.firefox.bin", "/usr/bin/firefox");
        WebDriver driver = new FirefoxDriver();
        driver.get("/12054327/ashot-ne-delaet-skrinshot-pravilnogo-elementa");
        Thread.sleep(2000);
        WebElement webElement = driver.findElement(By.id("post-form"));
        Screenshot screenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(100)).takeScreenshot(driver,webElement);
        ImageIO.write(screenshot.getImage(),"PNG",new File("/home/dan/ElementScreenshot.png"));
        Thread.sleep(2000);
        driver.quit();
    }
}

Выходы: