Як зробити знімок екрана Selenium веб-драйвер

Щоб налаштувати через Maven:

• Перейдіть до https://mvnrepository.com/artifact/ru.yandex.qatools.ashot/ashot
• Наразі натисніть останню версію. Це 1.5.4
• Скопіюйте код залежності та додайте його до файлу pom.xml

• Збережіть файл, і Maven додасть jar до вашого шляху збірки
• І тепер ви готові!!!

Щоб налаштувати вручну без будь-якого інструменту залежностей

1. Перейдіть до https://mvnrepository.com/artifact/ru.yandex.qatools.ashot/ashot
2. Наразі натисніть останню версію. Це 1.5.4
3. Натисніть на банку, завантажте та збережіть її на своїй машині

4. Додайте файл jar у шлях збірки:
5. In Eclipse, клацніть правою кнопкою миші на проекті -> перейдіть до властивостей -> Build Path -> Libraries -> Add External jar
6. Виберіть файл jar
7. Застосувати та закрити

Зробіть знімок екрана на всю сторінку за допомогою AShot API

Крок 1) Створіть об’єкт Ashot і викличте метод takeScreenshot(), якщо вам потрібен лише знімок екрана для сторінки розміру екрана.

Screenshot screenshot = new Ashot().takeScreenshot(driver);

Але якщо вам потрібен знімок екрана сторінки, більший за розмір екрана, викличте метод shootingStrategy(), перш ніж викликати метод takeScreenshot(), щоб налаштувати політику. Потім викличте метод takeScreenshot(), передаючи веб-драйвер, наприклад,

Screenshot screenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(1000)).takeScreenshot(driver);

Тут 1000 — це час прокручування в мілісекундах, тому для створення знімка екрана програма прокручуватиме кожні 1000 мс.

Крок 2): Тепер візьміть зображення зі знімка екрана та запишіть його у файл. Ви можете вказати тип файлу як jpg, png тощо.

ImageIO.write(screenshot.getImage(), "jpg", new File(".\\screenshot\\fullimage.jpg"));

Створення повного знімка екрана сторінки, розмір якої перевищує розмір екрана.

приклад: Ось приклад створення знімка екрана на всю сторінку https://demo.guru99.com/test/guru99home/ і збережіть у файл «screenshot.jpg».

Завдяки використанню класу ShootingStrategy API Ashot ми зможемо захопити повне зображення сторінки, розмір якої перевищує розмір екрана.

Ось код скріншота в програмі selenium:

package Guru99;

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

public class TestScreenshotUsingAshot {

public static void main(String[] args) throws IOException {
	
System.setProperty("webdriver.chrome.driver", "c:\\chromedriver.exe");
WebDriver driver  = new ChromeDriver();	

driver.get("https://demo.guru99.com/test/guru99home/");
driver.manage().window().maximize();
		
Screenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(1000)).takeScreenshot(driver);

ImageIO.write(screenshot.getImage(), "jpg", new File("c:\\ElementScreenshot.jpg"));
	
	}

}

Зробити скріншот певного елемента сторінки

приклад: Ось приклад створення скріншота елемента з логотипом Guru 99 https://demo.guru99.com/test/guru99home/ і збережіть у файлі «ElementScreenshot.jpg».

Ось код знімка екрана в селені:

package Guru99;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import ru.yandex.qatools.ashot.AShot;
import ru.yandex.qatools.ashot.Screenshot;
import ru.yandex.qatools.ashot.shooting.ShootingStrategies;
public class TestElementScreenshotUsingAshot {
public static void main(String[] args) throws IOException {
	
System.setProperty("webdriver.chrome.driver", "c:\\chromedriver.exe");
WebDriver driver  = new ChromeDriver();	

driver.get("https://demo.guru99.com/test/guru99home/");
driver.manage().window().maximize();
		
// Find the element to take a screenshot

WebElement element = driver.findElement(By.xpath ("//*[@id=\"site-name\"]/a[1]/img"));

// Along with driver pass element also in takeScreenshot() method.

Screenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(1000)).takeScreenshot(driver,element);

ImageIO.write(screenshot.getImage(), "jpg", new File("c:\\ElementScreenshot.jpg"));
	}
}

Порівняння зображень за допомогою AShot

package Guru99;

import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import ru.yandex.qatools.ashot.AShot;
import ru.yandex.qatools.ashot.Screenshot;
import ru.yandex.qatools.ashot.comparison.ImageDiff;
import ru.yandex.qatools.ashot.comparison.ImageDiffer;

public class TestImageComaprison {

    public static void main(String[] args) throws IOException {

        System.setProperty("webdriver.chrome.driver", "C:\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();
        driver.get("https://demo.guru99.com/test/guru99home/");

        // Find the element and take a screenshot

        WebElement logoElement = driver.findElement(By.xpath("//*[@id=\"site-name\"]/a[1]/img"));
        Screenshot logoElementScreenshot = new AShot().takeScreenshot(driver, logoElemnent);

        // read the image to compare

        BufferedImage expectedImage = ImageIO.read(new File("C:\\Guru99logo.png"));

        BufferedImage actualImage = logoElementScreenshot.getImage();

        // Create ImageDiffer object and call method makeDiff()

        ImageDiffer imgDiff = new ImageDiffer();
        ImageDiff diff = imgDiff.makeDiff(actualImage, expectedImage);

        if (diff.hasDiff() == true) {
            System.out.println("Images are same");

        } else {
            System.out.println("Images are different");
        }
        driver.quit();
    }
}

Підсумки

• Ashot API є безкоштовною програмою від Yandex.
• Це утиліта для створення скріншотів Selenium.
• Це допоможе вам зробити знімок екрана окремого WebElement на різних платформах, як-от браузери настільних ПК, iOS Simulator Mobile Safari, Android Браузер емулятора.
• Він може зробити знімок екрана сторінки, розмір якої перевищує розмір екрана.
• Цю функцію було видалено в Selenium версії 3, тому Ashot API є хорошим варіантом.
• Нею можна прикрасити скріншоти.
• Він забезпечує порівняння скріншотів.