Adakah yang tahu apakah mungkin untuk mengambil tangkapan layar menggunakan Selenium WebDriver? (Catatan: Bukan Selenium RC)

Jawa

Ya itu mungkin. Contoh berikut di Jawa:

WebDriver driver = new FirefoxDriver();
driver.get("http://www.google.com/");
File scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
// Now you can do whatever you need to do with it, for example copy somewhere
FileUtils.copyFile(scrFile, new File("c:\\tmp\\screenshot.png"));

Python

Setiap WebDriver memiliki .save_screenshot(filename)metode. Jadi untuk Firefox, bisa digunakan seperti ini:

from selenium import webdriver

browser = webdriver.Firefox()
browser.get('http://www.google.com/')
browser.save_screenshot('screenie.png')

Yang membingungkan, ada .get_screenshot_as_file(filename)metode yang juga melakukan hal yang sama.

Ada juga metode untuk: .get_screenshot_as_base64()(untuk menanamkan dalam html) dan .get_screenshot_as_png()(untuk mengambil data biner).

dan Perhatikan bahwa WebElements memiliki .screenshot()metode yang berfungsi serupa, tetapi hanya menangkap elemen yang dipilih.

C #

public void TakeScreenshot()
{
    try
    {            
        Screenshot ss = ((ITakesScreenshot)driver).GetScreenshot();
        ss.SaveAsFile(@"D:\Screenshots\SeleniumTestingScreenshot.jpg", System.Drawing.Imaging.ImageFormat.Jpeg);
    }
    catch (Exception e)
    {
        Console.WriteLine(e.Message);
        throw;
    }
}

JavaScript (Selenium-Webdriver)

driver.takeScreenshot().then(function(data){
   var base64Data = data.replace(/^data:image\/png;base64,/,"")
   fs.writeFile("out.png", base64Data, 'base64', function(err) {
        if(err) console.log(err);
   });
});

Rubi

require 'rubygems'
require 'selenium-webdriver'

driver = Selenium::WebDriver.for :ie 
driver.get "https://www.google.com"   
driver.save_screenshot("./screen.png")

lebih banyak jenis dan opsi file tersedia dan Anda dapat melihatnya di takes_screenshot.rb

Jawa

Saya mengatasi masalah ini. Anda dapat menambahkannya RemoteWebDriveruntuk memberikan semua antarmuka yang diimplementasikan oleh driver proksi:

WebDriver augmentedDriver = new Augmenter().augment(driver); 
((TakesScreenshot)augmentedDriver).getScreenshotAs(...); //works this way

PHP (PHPUnit)

Menggunakan ekstensi PHPUnit_Selenium versi 1.2.7:

class MyTestClass extends PHPUnit_Extensions_Selenium2TestCase {
    ...
    public function screenshot($filepath) {
        $filedata = $this->currentScreenshot();
        file_put_contents($filepath, $filedata);
    }

    public function testSomething() {          
        $this->screenshot('/path/to/screenshot.png');
    }
    ...
}

C #

public Bitmap TakeScreenshot(By by) {
    // 1. Make screenshot of all screen
    var screenshotDriver = _selenium as ITakesScreenshot;
    Screenshot screenshot = screenshotDriver.GetScreenshot();
    var bmpScreen = new Bitmap(new MemoryStream(screenshot.AsByteArray));

    // 2. Get screenshot of specific element
    IWebElement element = FindElement(by);
    var cropArea = new Rectangle(element.Location, element.Size);
    return bmpScreen.Clone(cropArea, bmpScreen.PixelFormat);
}

Jawa

public String captureScreen() {
    String path;
    try {
        WebDriver augmentedDriver = new Augmenter().augment(driver);
        File source = ((TakesScreenshot)augmentedDriver).getScreenshotAs(OutputType.FILE);
        path = "./target/screenshots/" + source.getName();
        FileUtils.copyFile(source, new File(path)); 
    }
    catch(IOException e) {
        path = "Failed to capture screenshot: " + e.getMessage();
    }
    return path;
}

Jython

import org.openqa.selenium.OutputType as OutputType
import org.apache.commons.io.FileUtils as FileUtils
import java.io.File as File
import org.openqa.selenium.firefox.FirefoxDriver as FirefoxDriver

self.driver = FirefoxDriver()
tempfile = self.driver.getScreenshotAs(OutputType.FILE)
FileUtils.copyFile(tempfile, File("C:\\screenshot.png"))

Java (Kerangka Robot)

Saya menggunakan metode ini untuk mengambil screenshot.

void takeScreenShotMethod(){
    try{
        Thread.sleep(10000)
        BufferedImage image = new Robot().createScreenCapture(new Rectangle(Toolkit.getDefaultToolkit().getScreenSize()));
        ImageIO.write(image, "jpg", new File("./target/surefire-reports/screenshot.jpg"));
    }
    catch(Exception e){
        e.printStackTrace();
    }
}

Anda dapat menggunakan metode ini di mana pun diperlukan.

Jawa

Tampaknya tidak ada di sini - mengambil tangkapan layar elemen tertentu di Jawa:

public void takeScreenshotElement(WebElement element) throws IOException {
    WrapsDriver wrapsDriver = (WrapsDriver) element;
    File screenshot = ((TakesScreenshot) wrapsDriver.getWrappedDriver()).getScreenshotAs(OutputType.FILE);
    Rectangle rectangle = new Rectangle(element.getSize().width, element.getSize().height);
    Point location = element.getLocation();
    BufferedImage bufferedImage = ImageIO.read(screenshot);
    BufferedImage destImage = bufferedImage.getSubimage(location.x, location.y, rectangle.width, rectangle.height);
    ImageIO.write(destImage, "png", screenshot);
    File file = new File("//path//to");
    FileUtils.copyFile(screenshot, file);
}

C #

using System;
using OpenQA.Selenium.PhantomJS;
using System.Drawing.Imaging;

namespace example.com
{
    class Program
    {
        public static PhantomJSDriver driver;

        public static void Main(string[] args)
        {
            driver = new PhantomJSDriver();
            driver.Manage().Window.Size = new System.Drawing.Size(1280, 1024);
            driver.Navigate().GoToUrl("http://www.example.com/");
            driver.GetScreenshot().SaveAsFile("screenshot.png", ImageFormat.Png);
            driver.Quit();
        }
    }
}

Membutuhkan NuGetPackages:

1. PhantomJS 2.0.0
2. Selenium. Dukungan 2.48.2
3. Selenium.WebDriver 2.48.2

Diuji dengan .NETFramework v4.5.2

Jawa

Saya tidak bisa mendapatkan jawaban yang diterima untuk bekerja, tetapi sesuai dengan dokumentasi WebDriver saat ini , berikut ini berfungsi dengan baik untuk saya dengan Java 7 pada OS X 10.9:

import java.io.File;
import java.net.URL;

import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.remote.Augmenter;
import org.openqa.selenium.remote.DesiredCapabilities;
import org.openqa.selenium.remote.RemoteWebDriver;

public class Testing {

   public void myTest() throws Exception {
       WebDriver driver = new RemoteWebDriver(
               new URL("http://localhost:4444/wd/hub"),
               DesiredCapabilities.firefox());

       driver.get("http://www.google.com");

       // RemoteWebDriver does not implement the TakesScreenshot class
       // if the driver does have the Capabilities to take a screenshot
       // then Augmenter will add the TakesScreenshot methods to the instance
       WebDriver augmentedDriver = new Augmenter().augment(driver);
       File screenshot = ((TakesScreenshot)augmentedDriver).
               getScreenshotAs(OutputType.FILE);
   }
}

Ruby (Mentimun)

After do |scenario| 
    if(scenario.failed?)
        puts "after step is executed"
    end
    time = Time.now.strftime('%a_%e_%Y_%l_%m_%p_%M')

    file_path = File.expand_path(File.dirname(__FILE__) + '/../../../../../mlife_screens_shot')+'/'+time +'.png'

    page.driver.browser.save_screenshot file_path
end

Given /^snapshot$/ do
    time = Time.now.strftime('%a_%e_%Y_%l_%m_%p_%M')

    file_path = File.expand_path(File.dirname(__FILE__) + '/../../../../../mlife_screens_shot')+'/'+time +'.png'
    page.driver.browser.save_screenshot file_path
end

Rubi

time = Time.now.strftime('%a_%e_%Y_%l_%m_%p_%M_%S')
file_path = File.expand_path(File.dirname(__FILE__) + 'screens_shot')+'/'+time +'.png'
#driver.save_screenshot(file_path)
page.driver.browser.save_screenshot file_path

PHP

public function takescreenshot($event)
  {
    $errorFolder = dirname(dirname(__FILE__)) . DIRECTORY_SEPARATOR . "ErrorScreenshot";

    if(!file_exists($errorFolder)){
      mkdir($errorFolder);
    }

    if (4 === $event->getResult()) {
      $driver = $this->getSession()->getDriver();
      $screenshot = $driver->getWebDriverSession()->screenshot();
      file_put_contents($errorFolder . DIRECTORY_SEPARATOR . 'Error_' .  time() . '.png', base64_decode($screenshot));
    }
  }

PowerShell

Set-Location PATH:\to\selenium

Add-Type -Path "Selenium.WebDriverBackedSelenium.dll"
Add-Type -Path "ThoughtWorks.Selenium.Core.dll"
Add-Type -Path "WebDriver.dll"
Add-Type -Path "WebDriver.Support.dll"

$driver = New-Object OpenQA.Selenium.PhantomJS.PhantomJSDriver

$driver.Navigate().GoToUrl("https://www.google.co.uk/")

# Take a screenshot and save it to filename
$filename = Join-Path (Get-Location).Path "01_GoogleLandingPage.png"
$screenshot = $driver.GetScreenshot()
$screenshot.SaveAsFile($filename, [System.Drawing.Imaging.ImageFormat]::Png)

Pengemudi lain ...

$driver = New-Object OpenQA.Selenium.Chrome.ChromeDriver
$driver = New-Object OpenQA.Selenium.Firefox.FirefoxDriver
$driver = New-Object OpenQA.Selenium.IE.InternetExplorerDriver
$driver = New-Object OpenQA.Selenium.Opera.OperaDriver

Python - Screenshot of Element:

Ini adalah pertanyaan yang cukup lama dan memiliki banyak jawaban. Namun sepertinya mengambil tangkapan layar dari elemen web tertentu menggunakan Python tidak ada di sini.

lokasi

Elemen web memiliki posisinya sendiri di halaman dan umumnya diukur dalam piksel x dan y dan dikenal sebagai koordinat (x, y) elemen. Dan objek lokasi berisi dua nilai.

1. location ['x'] - mengembalikan koordinat 'x' elemen
2. location ['y'] - mengembalikan koordinat 'y' dari elemen

ukuran

Seperti lokasi, setiap WebElement memiliki lebar dan tinggi; Tersedia sebagai objek ukuran.

1. size ['width'] - mengembalikan 'width' elemen
2. size ['height'] - mengembalikan 'tinggi' elemen

Dengan menggunakan (x, y) koordinat dan lebar, nilai tinggi kita dapat memotong gambar dan menyimpannya dalam file.

from selenium import webdriver
from PIL import Image

driver = webdriver.Firefox(executable_path='[Browser Driver Path]')
driver.get('https://www.google.co.in')

element = driver.find_element_by_xpath("//div[@id='hplogo']")

location = element.location
size = element.size

driver.save_screenshot("/data/image.png")

x = location['x']
y = location['y']
width = location['x']+size['width']
height = location['y']+size['height']

im = Image.open('/data/WorkArea/image.png')
im = im.crop((int(x), int(y), int(width), int(height)))
im.save('/data/image.png')

Catatan: Diambil dari http://allselenium.info/capture-screenshot-element-using-python-selenium-webdriver/

Ada beberapa metode seleniumini Jawa dan ular sancaklien untuk mengambil tangkapan layar menggunakanselenium-webdriver

Metode Jawa

Berikut adalah berbagai metode Java untuk mengambil tangkapan layar :

• Menggunakan getScreenshotAs()dari TakesScreenshot Interface:

  • Blok Kode:

    package screenShot;
    
    import java.io.File;
    import java.io.IOException;
    
    import org.apache.commons.io.FileUtils;
    import org.openqa.selenium.OutputType;
    import org.openqa.selenium.TakesScreenshot;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.firefox.FirefoxDriver;
    import org.openqa.selenium.support.ui.ExpectedConditions;
    import org.openqa.selenium.support.ui.WebDriverWait;
    
    public class Firefox_takesScreenshot {
    
        public static void main(String[] args) throws IOException {
    
            System.setProperty("webdriver.gecko.driver", "C:\\Utility\\BrowserDrivers\\geckodriver.exe");
            WebDriver driver =  new FirefoxDriver();
            driver.get("https://login.bws.birst.com/login.html/");
            new WebDriverWait(driver, 20).until(ExpectedConditions.titleContains("Birst"));
            File scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
            FileUtils.copyFile(scrFile, new File(".\\Screenshots\\Mads_Cruz_screenshot.png"));
            driver.quit();
        }
    }
    

  • Tangkapan layar:

• Jika halaman web adalah jquery diaktifkan Anda dapat menggunakanashotdari pazone / ashot library:

  • Blok Kode:

    package screenShot;
    
    import java.io.File;
    import javax.imageio.ImageIO;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.firefox.FirefoxDriver;
    import org.openqa.selenium.support.ui.ExpectedConditions;
    import org.openqa.selenium.support.ui.WebDriverWait;
    
    import ru.yandex.qatools.ashot.AShot;
    import ru.yandex.qatools.ashot.Screenshot;
    import ru.yandex.qatools.ashot.shooting.ShootingStrategies;
    
    public class ashot_CompletePage_Firefox {
    
        public static void main(String[] args) throws Exception {
    
            System.setProperty("webdriver.gecko.driver", "C:\\Utility\\BrowserDrivers\\geckodriver.exe");
            WebDriver driver =  new FirefoxDriver();
            driver.get("https://jquery.com/");
            new WebDriverWait(driver, 20).until(ExpectedConditions.titleContains("jQuery"));
            Screenshot myScreenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(100)).takeScreenshot(driver);
            ImageIO.write(myScreenshot.getImage(),"PNG",new File("./Screenshots/firefoxScreenshot.png"));
            driver.quit();
        }
    }
    

  • Tangkapan layar:

• Menggunakan selenium-shutterbugdari perpustakaan assertthat / selenium-shutterbug :

  • Blok Kode:

    package screenShot;
    
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.firefox.FirefoxDriver;
    import com.assertthat.selenium_shutterbug.core.Shutterbug;
    import com.assertthat.selenium_shutterbug.utils.web.ScrollStrategy;
    
    public class selenium_shutterbug_fullpage_firefox {
    
        public static void main(String[] args) {
    
            System.setProperty("webdriver.gecko.driver", "C:\\Utility\\BrowserDrivers\\geckodriver.exe");
            WebDriver driver =  new FirefoxDriver();
            driver.get("https://www.google.co.in");
            Shutterbug.shootPage(driver, ScrollStrategy.BOTH_DIRECTIONS).save("./Screenshots/");
            driver.quit();
        }
    }
    

  • Tangkapan layar:

Metode Python

Berikut adalah berbagai metode Python untuk mengambil tangkapan layar :

• Menggunakan save_screenshot()metode:

  • Blok Kode:

    from selenium import webdriver
    
    driver = webdriver.Chrome(r'C:\Utility\BrowserDrivers\chromedriver.exe')
    driver.get("http://google.com")
    driver.save_screenshot('./Screenshots/save_screenshot_method.png')
    driver.quit()
    

  • Tangkapan layar:

• Menggunakan get_screenshot_as_file()metode:

  • Blok Kode:

    from selenium import webdriver
    
    driver = webdriver.Chrome(r'C:\Utility\BrowserDrivers\chromedriver.exe')
    driver.get("http://google.com")
    driver.get_screenshot_as_file('./Screenshots/get_screenshot_as_file_method.png')
    driver.quit()
    

  • Tangkapan layar:

• Menggunakan get_screenshot_as_png()metode:

  • Blok Kode:

    from selenium import webdriver
    
    driver = webdriver.Chrome(r'C:\Utility\BrowserDrivers\chromedriver.exe')
    driver.get("http://google.com")
    screenPnG = driver.get_screenshot_as_png()
    #Crop it back to the window size (it may be taller)
    box = (0, 0, 1366, 728)
    im = Image.open(BytesIO(screenPnG))
    region = im.crop(box)
    region.save('./Screenshots/get_screenshot_as_png_method.png', 'PNG', optimize=True, quality=95)
    driver.quit()
    

  • Tangkapan layar:

Python

Anda dapat mengambil gambar dari windows menggunakan driver web python. Gunakan kode di bawah ini halaman mana yang perlu menangkap tangkapan layar

driver.save_screenshot('c:\foldername\filename.extension(png,jpeg)')

Jawa

public  void captureScreenShot(String obj) throws IOException {
    File screenshotFile=((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
    FileUtils.copyFile(screenshotFile,new File("Screenshots\\"+obj+""+GetTimeStampValue()+".png"));
}

public  String GetTimeStampValue()throws IOException{
    Calendar cal = Calendar.getInstance();       
    Date time=cal.getTime();
    String timestamp=time.toString();
    System.out.println(timestamp);
    String systime=timestamp.replace(":", "-");
    System.out.println(systime);
    return systime;
}

Dengan menggunakan dua metode ini, Anda dapat mengambil screenshot dengan tanggal dan waktu juga.

Jawa

Menggunakan RemoteWebDriver, setelah menambah Node dengan kemampuan tangkapan layar, saya akan menyimpan tangkapan layar seperti:

void takeScreenShotMethod(){
    try{
        Thread.sleep(10000);
        long id = Thread.currentThread().getId();
        BufferedImage image = new Robot().createScreenCapture(new Rectangle(
            Toolkit.getDefaultToolkit().getScreenSize()));
        ImageIO.write(image, "jpg", new File("./target/surefire-reports/"
            + id + "/screenshot.jpg"));
    }
    catch( Exception e ) {
        e.printStackTrace();
    }
}

Anda dapat menggunakan metode ini di mana pun diperlukan. Lalu, saya berasumsi Anda dapat menyesuaikan style sheet dari maven-surefire-report-plugin di surefire-reports / html / custom.css sehingga laporan Anda menyertakan tautan ke tangkapan layar yang benar untuk setiap pengujian?

Jawa

String yourfilepath = "E:\\username\\Selenium_Workspace\\foldername";

// take a snapshort
File snapshort_file = ((TakesScreenshot) mWebDriver)
        .getScreenshotAs(OutputType.FILE);
// copy the file into folder

FileUtils.copyFile(snapshort_file, new File(yourfilepath));

Semoga ini bisa menyelesaikan masalah Anda

C #

public static void TakeScreenshot(IWebDriver driver, String filename)
{
    // Take a screenshot and save it to filename
    Screenshot screenshot = ((ITakesScreenshot)driver).GetScreenshot();
    screenshot.SaveAsFile(filename, ImageFormat.Png);
}

Selen

captureEntirePageScreenshot | /path/to/filename.png | background=#ccffdd

C #

Anda dapat menggunakan potongan / fungsi kode berikut untuk mengambil tangkapan layar dengan selenium:

    public void TakeScreenshot(IWebDriver driver, string path = @"output")
    {
        var cantakescreenshot = (driver as ITakesScreenshot) != null;
        if (!cantakescreenshot)
            return;
        var filename = string.Empty + DateTime.Now.Hour + DateTime.Now.Minute + DateTime.Now.Second + DateTime.Now.Millisecond;
        filename = path + @"\" + filename + ".png";
        var ss = ((ITakesScreenshot)driver).GetScreenshot();
        var screenshot = ss.AsBase64EncodedString;
        byte[] screenshotAsByteArray = ss.AsByteArray;
        if (!Directory.Exists(path))
            Directory.CreateDirectory(path);
        ss.SaveAsFile(filename, ImageFormat.Png);
    }

Anda dapat mencoba API AShot. Inilah tautan github untuk hal yang sama.

https://github.com/yandex-qatools/ashot

Beberapa tes di sini ...

https://github.com/yandex-qatools/ashot/tree/master/src/test/java/ru/yandex/qatools/elementscompare/tests

JAWA

Metode untuk Mengambil Tangkapan Layar untuk kegagalan di Selenium dengan TestName dan Timestamp ditambahkan.

public class Screenshot{        
    final static String ESCAPE_PROPERTY = "org.uncommons.reportng.escape-output";
    public static String imgname = null;

    /*
     * Method to Capture Screenshot for the failures in Selenium with TestName and Timestamp appended.
     */
    public static void getSnapShot(WebDriver wb, String testcaseName) throws Exception {
      try {
      String imgpath=System.getProperty("user.dir").concat("\\Screenshot\\"+testcaseName);
      File f=new File(imgpath);
      if(!f.exists())   {
          f.mkdir();
        }   
        Date d=new Date();
        SimpleDateFormat sd=new SimpleDateFormat("dd_MM_yy_HH_mm_ss_a");
        String timestamp=sd.format(d);
        imgname=imgpath+"\\"+timestamp+".png";

        //Snapshot code
        TakesScreenshot snpobj=((TakesScreenshot)wb);
        File srcfile=snpobj.getScreenshotAs(OutputType.FILE);
        File destFile=new File(imgname);
        FileUtils.copyFile(srcfile, destFile);

      }
      catch(Exception e) {
          e.getMessage();
      }
   }

C # (Ranorex API)

public static void ClickButton()
{
    try
    {
        // code
    }
    catch (Exception e)
    {
        TestReport.Setup(ReportLevel.Debug, "myReport.rxlog", true);
        Report.Screenshot();
        throw (e);
    }
}