でスクリーンショットを撮る方法 Selenium webdriver

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. jar をクリックし、ダウンロードしてマシンに保存します

4. jar ファイルをビルド パスに追加します。
5. In Eclipse、プロジェクトを右クリック -> プロパティに移動 -> ビルドパス -> ライブラリ -> 外部 jar の追加
6. jarファイルを選択します
7. 適用して閉じる

AShot API を使用してページ全体のスクリーンショットをキャプチャする

ステップ1） 画面サイズのページのスクリーンショットだけが必要な場合は、Ashot オブジェクトを作成し、takeScreenshot() メソッドを呼び出します。

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

ただし、画面サイズより大きいページのスクリーンショットが必要な場合は、ポリシーを設定するために takeScreenshot() メソッドを呼び出す前に、shootingStrategy() メソッドを呼び出します。 次に、Webdriver を渡すメソッド 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」に保存します。

Ashot API の ShootingStrategy クラスを使用することで、画面サイズより大きなページの全体画像をキャプチャできるようになります。

以下は 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」に保存します。

以下は 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 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.
• デスクトップ ブラウザ、iOS シミュレータ、モバイル Safari、 Android エミュレータブラウザ。
• 画面サイズより大きいページのスクリーンショットを撮ることができます。
• この機能は Selenium バージョン 3 で削除されたため、Ashot API が適切なオプションとなります。
• スクリーンショットを装飾することができます。
• スクリーンショットの比較を提供します。