Take screenshots during UI tests and upload them as artifacts

MathieuBuisson · Jul 16, 2017 · 804d767 · 804d767
1 parent 6c2ca3c
commit 804d767
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/PSCodeHealth.BuildSettings.ps1 b/PSCodeHealth.BuildSettings.ps1
@@ -56,4 +56,5 @@ $Settings = @{
     GitHubKey = $env:GitHub_Key
     Email = 'MathieuBuisson@users.noreply.github.com'
     Name = 'Mathieu Buisson'
+    ScreenshotPath = "$($env:TEMP)\*Screenshot.png"
 }
diff --git a/PSCodeHealth.build.ps1 b/PSCodeHealth.build.ps1
@@ -99,12 +99,23 @@ task Upload_Test_Results_To_AppVeyor {
     }
 }
 
+task Upload_Test_Screenshots_To_Appveyor {
+    Write-TaskBanner -TaskName $Task.Name
+
+    $ScreenShots = Get-ChildItem -Path $Settings.ScreenshotPath
+    Foreach ( $ScreenShot in $ScreenShots ) {
+        "Uploading file $($Screenshot.Name) as an Appveyor artifact"
+        Push-AppveyorArtifact $ScreenShot.FullName
+    }
+}
+
 task Test Unit_Tests,
     Fail_If_Failed_Unit_Test,
     Publish_Unit_Tests_Coverage,
     Integration_Tests,
     Fail_If_Failed_Integration_Test,
-    Upload_Test_Results_To_AppVeyor
+    Upload_Test_Results_To_AppVeyor,
+    Upload_Test_Screenshots_To_Appveyor
 
 task Analyze {
     Write-TaskBanner -TaskName $Task.Name

diff --git a/Tests/Integration/HtmlReport.Tests.ps1 b/Tests/Integration/HtmlReport.Tests.ps1
@@ -124,13 +124,17 @@ Describe 'HTML Report UI tests' {
     $Driver = New-Object OpenQA.Selenium.Chrome.ChromeDriver
     $Driver.Manage().Window.Maximize()
     $Driver.Navigate().GoToUrl($ReportUrl)
+    $summarySectionScreen = $Driver.GetScreenShot()
+    $summarySectionScreen.SaveAsFile("$($env:TEMP)\SummarySectionScreenshot.png", [OpenQA.Selenium.ScreenshotImageFormat]::Png)
 
     Context 'Given the "bestPractices" link in the sidebar has been clicked' {
 
         $Driver.FindElementByPartialLinkText(' Best Practices').Click()
         $bestPracticesSection = $Driver.FindElementById('bestPractices')
         $bestPracticesPerFunctionTable = $bestPracticesSection.FindElementsByCssSelector('div.table-responsive')
         $Button = $bestPracticesPerFunctionTable.FindElementByTagName('button')
+        $bestPracticesSectionScreen = $Driver.GetScreenShot()
+        $bestPracticesSectionScreen.SaveAsFile("$($env:TEMP)\BestPracticesSectionScreenshot.png", [OpenQA.Selenium.ScreenshotImageFormat]::Png)
 
         It 'Should make the "bestPractices" section active' {
 
@@ -182,6 +186,8 @@ Describe 'HTML Report UI tests' {
         $Driver.FindElementByLinkText('Maintainability').Click()
         $maintainabilitySection = $Driver.FindElementById('maintainability')
         $maintainabilityPerFunctionTable = $maintainabilitySection.FindElementsByCssSelector('div.table-responsive')
+        $maintainabilitySectionScreen = $Driver.GetScreenShot()
+        $maintainabilitySectionScreen.SaveAsFile("$($env:TEMP)\MaintainabilitySectionScreenshot.png", [OpenQA.Selenium.ScreenshotImageFormat]::Png)
 
         It 'Should make the "maintainability" section active' {
             Start-Sleep -Seconds 2
@@ -212,6 +218,8 @@ Describe 'HTML Report UI tests' {
         $testsSection = $Driver.FindElementById('tests')
         $testsTablePanels = $testsSection.FindElementsByClassName('tablePanel')
         $testsTableTitles = $testsTablePanels.FindElementsByClassName('panel-title')
+        $testsSectionScreen = $Driver.GetScreenShot()
+        $testsSectionScreen.SaveAsFile("$($env:TEMP)\TestsSectionScreenshot.png", [OpenQA.Selenium.ScreenshotImageFormat]::Png)
 
         It 'Should make the "Tests" section active' {
             Start-Sleep -Seconds 2