Faça uma captura de canvas com o Selenium WebDriver

Alguém sabe se é possível fazer uma captura de canvas usando o Selenium WebDriver? (Nota: Não Selênio RC)

Java

Sim, é possível. O exemplo a seguir está em Java:

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

Cada WebDriver possui um .save_screenshot(filename) . Então, para o Firefox, pode ser usado assim:

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

Confusamente, existe também um método .get_screenshot_as_file(filename) que faz a mesma coisa.

Existem também methods para: .get_screenshot_as_base64() (para embutir em html) e .get_screenshot_as_png() (para recuperar dados binários).

Observe que WebElements tem um método .screenshot() que funciona de forma semelhante, mas captura apenas o elemento selecionado.

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; } } 

Rubi

 require 'rubygems' require 'selenium-webdriver' driver = Selenium::WebDriver.for :ie driver.get "https://www.google.com" driver.save_screenshot("./screen.png") 

mais tipos de arquivos e opções estão disponíveis e você pode vê-los em takes_screenshot.rb

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); }); }); 

PHP (PHPUnit)

Usa a versão 1.2.7 da extensão PHPUnit_Selenium:

 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'); } ... } 

Java

Eu tenho esse problema resolvido. Você pode aumentar o RemoteWebDriver para fornecer todas as interfaces implementadas pelo driver com proxy:

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

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); } 

Java

 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 (framework do robô)

Eu usei esse método para tirar a canvas.

 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(); } } 

Você pode usar este método sempre que necessário.

Java

Parece estar faltando aqui – tirando screenshot de um elemento específico em Java:

 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(); } } } 

Requer NuGetPackages:

  1. PhantomJS 2.0.0
  2. Selênio.Suporte 2.48.2
  3. Selenium.WebDriver 2.48.2

Testado com o .NETFramework v4.5.2

Java

Eu não consegui obter a resposta aceita para o trabalho, mas de acordo com a documentação atual do WebDriver , o seguinte funcionou bem para mim com o Java 7 no 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); } } 

Rubi (pepino)

 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) 

Outros drivers …

 $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

Você pode capturar a imagem das janelas usando o driver da web python. Use o código abaixo de qual página precisa para capturar a captura de canvas

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

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); } 

Java

 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; } 

Usando esses dois methods, você pode fazer uma captura de canvas com a data e a hora também.

Java

Usando o RemoteWebDriver, depois de aumentar o Node com capacidade de captura de canvas, eu armazenaria a imagem da seguinte forma:

 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(); } } 

Você pode usar este método sempre que necessário. Então, eu suponho que você pode personalizar a folha de estilo do maven-surefire-report-plugin em surefire-reports / html / custom.css para que seus relatórios incluam o link para a captura de canvas correta para cada teste?

Java

 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)); 

Espero que isso resolva seu problema

Selenese

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

C #

Você pode usar o trecho de código / function a seguir para capturar imagens com o 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); } 

Você pode experimentar a API do AShot. Aqui está o link do github para o mesmo.

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

Alguns dos testes aqui …

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

C # (API do Ranorex)

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

Python

 def test_url(self): self.driver.get("https://www.google.com/") self.driver.save_screenshot("test.jpg") 

Ele salvará a captura de canvas no mesmo diretório em que o script é salvo.

Java

Pensei que eu daria minha solução completa, pois há duas maneiras diferentes de obter uma captura de canvas. Uma é do navegador local e uma é do navegador remoto. Eu até incluo a imagem no relatório html

 @After() public void selenium_after_step(Scenario scenario) throws IOException, JSONException { if (scenario.isFailed()){ scenario.write("Current URL = " + driver.getCurrentUrl() + "\n"); try{ driver.manage().window().maximize(); //Maximize window to get full screen for chrome }catch (org.openqa.selenium.WebDriverException e){ System.out.println(e.getMessage()); } try { if(isAlertPresent()){ Alert alert = getAlertIfPresent(); alert.accept(); } byte[] screenshot; if(false /*Remote Driver flow*/) { //Get Screen shot from remote driver Augmenter augmenter = new Augmenter(); TakesScreenshot ts = (TakesScreenshot) augmenter.augment(driver); screenshot = ts.getScreenshotAs(OutputType.BYTES); } else { //get screen shot from local driver //local webdriver user flow screenshot = ((TakesScreenshot) driver).getScreenshotAs(OutputType.BYTES); } scenario.embed(screenshot, "image/png"); //Embed image in reports } catch (WebDriverException wde) { System.err.println(wde.getMessage()); } catch (ClassCastException cce) { cce.printStackTrace(); } } //seleniumCleanup(); } 

Selenide / Java

Aqui está como o projeto Selenide faz isso, tornando mais fácil do que qualquer outra maneira de fazê-lo:

 import static com.codeborne.selenide.Selenide.screenshot; screenshot("my_file_name"); 

Para Junit:

 @Rule public ScreenShooter makeScreenshotOnFailure = ScreenShooter.failedTests().succeededTests(); 

Para TestNG:

 import com.codeborne.selenide.testng.ScreenShooter; @Listeners({ ScreenShooter.class})