Use screenshots files instead of screenshots bytes to generate report. …

…getgauge/gauge#1476
getgauge · Nov 19, 2019 · 0911da5 · 0911da5
1 parent c0ca86f
commit 0911da5
Show file tree

Hide file tree

Showing 29 changed files with 187 additions and 153 deletions.
diff --git a/env/env.go b/env/env.go
@@ -32,6 +32,7 @@ import (
 const (
 	DefaultReportsDir           = "reports"
 	GaugeReportsDirEnvName      = "gauge_reports_dir" // directory where reports are generated by plugins
+	ScreenshotsDirName          = "screenshots_dir"   // directory where reports are generated by plugins
 	OverwriteReportsEnvProperty = "overwrite_reports"
 	UseNestedSpecs              = "use_nested_specs"
 	SaveExecutionResult         = "save_execution_result"

diff --git a/generator/_testdata/dummyReportTheme/views/partials.tmpl b/generator/_testdata/dummyReportTheme/views/partials.tmpl
@@ -175,8 +175,8 @@
       {{if .FailureScreenshot}}
         <div class="screenshot-container">
           <div class="screenshot">
-            <a href="data:image/png;base64,{{.FailureScreenshot}}" rel="lightbox">
-              <img src="data:image/png;base64,{{.FailureScreenshot}}" class="screenshot-thumbnail" />
+            <a href="../images/{{.FailureScreenshotFile}}" rel="lightbox">
+              <img src="../image/{{.FailureScreenshotFile}}" class="screenshot-thumbnail" />
             </a>
           </div>
         </div>
@@ -232,8 +232,8 @@
     {{range .}}
       {{if .}}
         <div class="screenshot">
-          <a href="data:image/png;base64,{{.}}" rel="lightbox">
-            <img src="data:image/png;base64,{{.}}" class="screenshot-thumbnail" />
+          <a href="../images/{{.}}" rel="lightbox">
+            <img src="../images/{{.}}" class="screenshot-thumbnail" />
           </a>
         </div>
       {{end}}
@@ -407,11 +407,11 @@
         </h4>
         <pre class="stacktrace">{{.StackTrace | escapeHTML | encodeNewLine}}</pre>
       </div>
-      {{ if .FailureScreenshot}}
+      {{ if .FailureScreenshotFile}}
         <div class="screenshot-container">
           <div class="screenshot">
-            <a href="data:image/png;base64,{{.FailureScreenshot}}" rel="lightbox">
-              <img src="data:image/png;base64,{{.FailureScreenshot}}" class="screenshot-thumbnail" />
+            <a href="../images/{{.FailureScreenshotFile}}" rel="lightbox">
+              <img src="../images/{{.FailureScreenshotFile}}" class="screenshot-thumbnail" />
             </a>
           </div>
         </div>
@@ -458,7 +458,7 @@
         {{template "stepFailureDiv" .}}
     {{end }}
     {{template "messageDiv" .Messages}}
-    {{template "screenshotDiv" .Screenshots}}
+    {{template "screenshotDiv" .ScreenshotFiles}}
   {{end}}
   {{if .AfterStepHookFailure}}
     {{ template "hookFailureDiv" .AfterStepHookFailure }}

diff --git a/generator/_testdata/expectedE2E/before_suite_fail.html b/generator/_testdata/expectedE2E/before_suite_fail.html
@@ -106,8 +106,8 @@ <h2 class="project">Project: Gauge Project</h2>
                     </div>
                     <div class="screenshot-container">
                         <div class="screenshot">
-                            <a href="data:image/png;base64,aVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUd3QUFBQnNDQVlBQUFDUFpsZk5BQUFGRzBsRVFWUjRuT3lkLzNIYk5oVEhZVjBIYUNlb2ZGM0FuYUR5QkxVbXNEUkJ6aE1rbnNET0JKWW1pRE9CbVEzcy8rTXp2WUUzVVBDbEFBV2tSSWtFSDBEOGVKODdWS3BpZ29BK0JBaUN4Tk1mb29WLy9wNHU1TXYvTXMxayt0UDRwMUttUXFiMTYzdFp0RzBmSXJKT00vbHlMZE9WcU5jSlBNdTBsbWtsNi9YaHVXaWQyR3cyNHF6NW9hd1VLbk1uMDdSREhvVk1TMW5Ca3JSa3hNZzZYWWh0bldZZC9oeXl2c282ZlhGWkpodjJoTW1LUGNpWFJjOThVRUZJZTZRcUdDWHFBRVM5bWkzcUZLalBNcVRXVmhObUtjc0VsVnNOTFJRbHFndDhHcEFGdXNuTFVLVHRoS21qOEJ0Qm5zRklrM1ZDaTNvVC9WdFdrMkNrUWRoRVZleUJLTThITlZnSkFaeXpoc29DT1A4OXFlOXBkQ2JpOElocENLTkxVMS91RldHV3dVaURzR3NIK1k0dGpmb2dCRUZJZzdDWm83ekhsRFoxbE8vbzBpYU84eDlMMm44Tzh4NVZtbXRoWU96dTBRV2pTZk1oRFBpVzVtTUlQb28wQ1BOMWZlRlQyb3VuL1hpWEJtR0ZyNTBKZjlKOFRwTjVsUVpoYXg4N01uQXU3Zlc5eE94RTZYSWZEYnhKbTZoSjIyZlhPMnJnbzZYZE9zNi9pUmRwZXRDeGRMbVRGcHhLVTNPYWhhdjhXM0F1clJLbXVwRGtwRW5td24vdjRWVGFibGl2anNpa3BLa1o5a3VSa0xUYWRSaExJOFdKdEwwTFo1WkdDcm0wZ3pNZExJMFVVbW10VTFNc2pSUXlhVWZuRWxrYUtTVFNUazcrc2pSU0JrdnJORnZQMGtnWkpLM3o3UldXUm9xMXRGNzN3MWdhS1ZiU2V0L0FaR21rOUpabWRjZVpwWkhTUzVyMUl3SXNqWlRPMGdZOTA4SFNTT2trYmZCRE9DeU5sSlBTU0o2YVltbWtISlZHOXBnYlN5T2xWUnJwYzRrc2paU0Qwc2dmSkdWcHBFRGFuZm5CM2hwbkt0U1hSN1h1ckEvT0ZoV3FveDByT2k5YzVIOEVMQ2dzcWdWOXJ2YkFMWTJVVC9xTnN4YW00WlpHeGw4L3k3Y1A1NHNodUtXUlVSMGNYbGF2c0RRUy9Ba0RMRzB3MWZEZW16REEwZ1pSTFF2ektneXdOR3VxdkoyUEV0dmcwV00vWkpuUERnWUhheFJnSVJ4R2RHTnBuVUdFdVdXck1JdUliamRxQlV4dldGb256aEV4NytCTWg5d1pSQ0h1MUxSalpqT3huYVJjMkpTRXoya251VGZERzFLRTN6T1oyNGJoNDVaMmtFS1c3VkwvVDYyRnFXNXdNYWlFMjZOMmFyTmg0aTF0WmJINXlwU2xNYnZFTzh0eW1lQ0krbXk3Y2FyU01HQVEyM3FWSFRiQjM4elZObnZvZUlrTFFkc2RuUThKSzV0aTk2aFJQUmxDS3pXN1NaenZmaHc3cFpnQkxqSEl1Q0lzRjBhTjkwTXlTRm1hTGVZNWJFYWM5K0RnWENsMmp4Um9ZZFNMcDBueVkybjdlSjlMN0F0THF4TzhNTURTZmhPRk1NRFN0a1FqRExDMHlJU0IzS1ZGSnd6a0xDMUtZU0JYYWRFS0F6bEtpMW9ZeUUxYTlNSkFUdEtTRUFaeWtaYU1NSkNEdEtTRWdkU2xKU2NNcEN3dFNXRWdWV25KQ2dNcFNrdGFHRWhOV3ZMQ1FFclNzaEFHVXBHV2pUQ1FnclNzaElIWXBXVW5ETVFzTFV0aElGWnAyUW9ETVVyTFdoaUlUVnIyd2tCTTBsaVl3cEQyNFhuWHZhU3hNQU1sRFl2b2dwWEd3aHFveGZYQlN0UHJ3emJPaThOMHBYVjltdE40aVl3MVIxc2FDd3VUVm1rc0xGd09TbU5oWVFOcHRjWHJMQ3g4YXVFNFdGajR6TXhXeHNMaTRGcS9ZV0Z4d0Mwc01saFlaT3ppbnJDd09DajFtMG56QXlaSVN2MUdDeXRHS1FiVGxlLzZqUmEySHFrZ1REZDJJZmtxWVNveWRqRlNZWmpqMUdMK21vT09HK0gvcGgxem5GS21XL09EblRCMXAvWEdjNEdZZHRCNDVpcHU4STdhc0g3RVp4cVlPcVhZL2lyZlhoajF2ZXN3ZFQ0N0YzYVJvSmxob0tHZ0MveTM3WWNiVHYyVUI2NndkVkRoS1hYcG1CMlE4eUxUWTdNTE5LbUNOT00vVER6dzFGUmsvQW9BQVAvL0gvY3NBUTg1L2FFQUFBQUFTVVZPUks1Q1lJST0=" rel="lightbox">
-                                <img src="data:image/png;base64,aVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUd3QUFBQnNDQVlBQUFDUFpsZk5BQUFGRzBsRVFWUjRuT3lkLzNIYk5oVEhZVjBIYUNlb2ZGM0FuYUR5QkxVbXNEUkJ6aE1rbnNET0JKWW1pRE9CbVEzcy8rTXp2WUUzVVBDbEFBV2tSSWtFSDBEOGVKODdWS3BpZ29BK0JBaUN4Tk1mb29WLy9wNHU1TXYvTXMxayt0UDRwMUttUXFiMTYzdFp0RzBmSXJKT00vbHlMZE9WcU5jSlBNdTBsbWtsNi9YaHVXaWQyR3cyNHF6NW9hd1VLbk1uMDdSREhvVk1TMW5Ca3JSa3hNZzZYWWh0bldZZC9oeXl2c282ZlhGWkpodjJoTW1LUGNpWFJjOThVRUZJZTZRcUdDWHFBRVM5bWkzcUZLalBNcVRXVmhObUtjc0VsVnNOTFJRbHFndDhHcEFGdXNuTFVLVHRoS21qOEJ0Qm5zRklrM1ZDaTNvVC9WdFdrMkNrUWRoRVZleUJLTThITlZnSkFaeXpoc29DT1A4OXFlOXBkQ2JpOElocENLTkxVMS91RldHV3dVaURzR3NIK1k0dGpmb2dCRUZJZzdDWm83ekhsRFoxbE8vbzBpYU84eDlMMm44Tzh4NVZtbXRoWU96dTBRV2pTZk1oRFBpVzVtTUlQb28wQ1BOMWZlRlQyb3VuL1hpWEJtR0ZyNTBKZjlKOFRwTjVsUVpoYXg4N01uQXU3Zlc5eE94RTZYSWZEYnhKbTZoSjIyZlhPMnJnbzZYZE9zNi9pUmRwZXRDeGRMbVRGcHhLVTNPYWhhdjhXM0F1clJLbXVwRGtwRW5td24vdjRWVGFibGl2anNpa3BLa1o5a3VSa0xUYWRSaExJOFdKdEwwTFo1WkdDcm0wZ3pNZExJMFVVbW10VTFNc2pSUXlhVWZuRWxrYUtTVFNUazcrc2pSU0JrdnJORnZQMGtnWkpLM3o3UldXUm9xMXRGNzN3MWdhS1ZiU2V0L0FaR21rOUpabWRjZVpwWkhTUzVyMUl3SXNqWlRPMGdZOTA4SFNTT2trYmZCRE9DeU5sSlBTU0o2YVltbWtISlZHOXBnYlN5T2xWUnJwYzRrc2paU0Qwc2dmSkdWcHBFRGFuZm5CM2hwbkt0U1hSN1h1ckEvT0ZoV3FveDByT2k5YzVIOEVMQ2dzcWdWOXJ2YkFMWTJVVC9xTnN4YW00WlpHeGw4L3k3Y1A1NHNodUtXUlVSMGNYbGF2c0RRUy9Ba0RMRzB3MWZEZW16REEwZ1pSTFF2ektneXdOR3VxdkoyUEV0dmcwV00vWkpuUERnWUhheFJnSVJ4R2RHTnBuVUdFdVdXck1JdUliamRxQlV4dldGb256aEV4NytCTWg5d1pSQ0h1MUxSalpqT3huYVJjMkpTRXoya251VGZERzFLRTN6T1oyNGJoNDVaMmtFS1c3VkwvVDYyRnFXNXdNYWlFMjZOMmFyTmg0aTF0WmJINXlwU2xNYnZFTzh0eW1lQ0krbXk3Y2FyU01HQVEyM3FWSFRiQjM4elZObnZvZUlrTFFkc2RuUThKSzV0aTk2aFJQUmxDS3pXN1NaenZmaHc3cFpnQkxqSEl1Q0lzRjBhTjkwTXlTRm1hTGVZNWJFYWM5K0RnWENsMmp4Um9ZZFNMcDBueVkybjdlSjlMN0F0THF4TzhNTURTZmhPRk1NRFN0a1FqRExDMHlJU0IzS1ZGSnd6a0xDMUtZU0JYYWRFS0F6bEtpMW9ZeUUxYTlNSkFUdEtTRUFaeWtaYU1NSkNEdEtTRWdkU2xKU2NNcEN3dFNXRWdWV25KQ2dNcFNrdGFHRWhOV3ZMQ1FFclNzaEFHVXBHV2pUQ1FnclNzaElIWXBXVW5ETVFzTFV0aElGWnAyUW9ETVVyTFdoaUlUVnIyd2tCTTBsaVl3cEQyNFhuWHZhU3hNQU1sRFl2b2dwWEd3aHFveGZYQlN0UHJ3emJPaThOMHBYVjltdE40aVl3MVIxc2FDd3VUVm1rc0xGd09TbU5oWVFOcHRjWHJMQ3g4YXVFNFdGajR6TXhXeHNMaTRGcS9ZV0Z4d0Mwc01saFlaT3ppbnJDd09DajFtMG56QXlaSVN2MUdDeXRHS1FiVGxlLzZqUmEySHFrZ1REZDJJZmtxWVNveWRqRlNZWmpqMUdMK21vT09HK0gvcGgxem5GS21XL09EblRCMXAvWEdjNEdZZHRCNDVpcHU4STdhc0g3RVp4cVlPcVhZL2lyZlhoajF2ZXN3ZFQ0N0YzYVJvSmxob0tHZ0MveTM3WWNiVHYyVUI2NndkVkRoS1hYcG1CMlE4eUxUWTdNTE5LbUNOT00vVER6dzFGUmsvQW9BQVAvL0gvY3NBUTg1L2FFQUFBQUFTVVZPUks1Q1lJST0=" class="screenshot-thumbnail" />
+                            <a href="../images/failure-screenshot-file.png" rel="lightbox">
+                                <img src="../images/failure-screenshot-file.png" class="screenshot-thumbnail" />
                             </a>
                         </div>
                     </div>

diff --git a/generator/_testdata/expectedE2E/simpleSuiteRes/failing_specification_1.html b/generator/_testdata/expectedE2E/simpleSuiteRes/failing_specification_1.html
@@ -191,8 +191,8 @@ <h4 class="error-message">
                                                         </div>
                                                         <div class="screenshot-container">
                                                             <div class="screenshot">
-                                                                <a href="data:image/png;base64,aVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUd3QUFBQnNDQVlBQUFDUFpsZk5BQUFGRzBsRVFWUjRuT3lkLzNIYk5oVEhZVjBIYUNlb2ZGM0FuYUR5QkxVbXNEUkJ6aE1rbnNET0JKWW1pRE9CbVEzcy8rTXp2WUUzVVBDbEFBV2tSSWtFSDBEOGVKODdWS3BpZ29BK0JBaUN4Tk1mb29WLy9wNHU1TXYvTXMxayt0UDRwMUttUXFiMTYzdFp0RzBmSXJKT00vbHlMZE9WcU5jSlBNdTBsbWtsNi9YaHVXaWQyR3cyNHF6NW9hd1VLbk1uMDdSREhvVk1TMW5Ca3JSa3hNZzZYWWh0bldZZC9oeXl2c282ZlhGWkpodjJoTW1LUGNpWFJjOThVRUZJZTZRcUdDWHFBRVM5bWkzcUZLalBNcVRXVmhObUtjc0VsVnNOTFJRbHFndDhHcEFGdXNuTFVLVHRoS21qOEJ0Qm5zRklrM1ZDaTNvVC9WdFdrMkNrUWRoRVZleUJLTThITlZnSkFaeXpoc29DT1A4OXFlOXBkQ2JpOElocENLTkxVMS91RldHV3dVaURzR3NIK1k0dGpmb2dCRUZJZzdDWm83ekhsRFoxbE8vbzBpYU84eDlMMm44Tzh4NVZtbXRoWU96dTBRV2pTZk1oRFBpVzVtTUlQb28wQ1BOMWZlRlQyb3VuL1hpWEJtR0ZyNTBKZjlKOFRwTjVsUVpoYXg4N01uQXU3Zlc5eE94RTZYSWZEYnhKbTZoSjIyZlhPMnJnbzZYZE9zNi9pUmRwZXRDeGRMbVRGcHhLVTNPYWhhdjhXM0F1clJLbXVwRGtwRW5td24vdjRWVGFibGl2anNpa3BLa1o5a3VSa0xUYWRSaExJOFdKdEwwTFo1WkdDcm0wZ3pNZExJMFVVbW10VTFNc2pSUXlhVWZuRWxrYUtTVFNUazcrc2pSU0JrdnJORnZQMGtnWkpLM3o3UldXUm9xMXRGNzN3MWdhS1ZiU2V0L0FaR21rOUpabWRjZVpwWkhTUzVyMUl3SXNqWlRPMGdZOTA4SFNTT2trYmZCRE9DeU5sSlBTU0o2YVltbWtISlZHOXBnYlN5T2xWUnJwYzRrc2paU0Qwc2dmSkdWcHBFRGFuZm5CM2hwbkt0U1hSN1h1ckEvT0ZoV3FveDByT2k5YzVIOEVMQ2dzcWdWOXJ2YkFMWTJVVC9xTnN4YW00WlpHeGw4L3k3Y1A1NHNodUtXUlVSMGNYbGF2c0RRUy9Ba0RMRzB3MWZEZW16REEwZ1pSTFF2ektneXdOR3VxdkoyUEV0dmcwV00vWkpuUERnWUhheFJnSVJ4R2RHTnBuVUdFdVdXck1JdUliamRxQlV4dldGb256aEV4NytCTWg5d1pSQ0h1MUxSalpqT3huYVJjMkpTRXoya251VGZERzFLRTN6T1oyNGJoNDVaMmtFS1c3VkwvVDYyRnFXNXdNYWlFMjZOMmFyTmg0aTF0WmJINXlwU2xNYnZFTzh0eW1lQ0krbXk3Y2FyU01HQVEyM3FWSFRiQjM4elZObnZvZUlrTFFkc2RuUThKSzV0aTk2aFJQUmxDS3pXN1NaenZmaHc3cFpnQkxqSEl1Q0lzRjBhTjkwTXlTRm1hTGVZNWJFYWM5K0RnWENsMmp4Um9ZZFNMcDBueVkybjdlSjlMN0F0THF4TzhNTURTZmhPRk1NRFN0a1FqRExDMHlJU0IzS1ZGSnd6a0xDMUtZU0JYYWRFS0F6bEtpMW9ZeUUxYTlNSkFUdEtTRUFaeWtaYU1NSkNEdEtTRWdkU2xKU2NNcEN3dFNXRWdWV25KQ2dNcFNrdGFHRWhOV3ZMQ1FFclNzaEFHVXBHV2pUQ1FnclNzaElIWXBXVW5ETVFzTFV0aElGWnAyUW9ETVVyTFdoaUlUVnIyd2tCTTBsaVl3cEQyNFhuWHZhU3hNQU1sRFl2b2dwWEd3aHFveGZYQlN0UHJ3emJPaThOMHBYVjltdE40aVl3MVIxc2FDd3VUVm1rc0xGd09TbU5oWVFOcHRjWHJMQ3g4YXVFNFdGajR6TXhXeHNMaTRGcS9ZV0Z4d0Mwc01saFlaT3ppbnJDd09DajFtMG56QXlaSVN2MUdDeXRHS1FiVGxlLzZqUmEySHFrZ1REZDJJZmtxWVNveWRqRlNZWmpqMUdMK21vT09HK0gvcGgxem5GS21XL09EblRCMXAvWEdjNEdZZHRCNDVpcHU4STdhc0g3RVp4cVlPcVhZL2lyZlhoajF2ZXN3ZFQ0N0YzYVJvSmxob0tHZ0MveTM3WWNiVHYyVUI2NndkVkRoS1hYcG1CMlE4eUxUWTdNTE5LbUNOT00vVER6dzFGUmsvQW9BQVAvL0gvY3NBUTg1L2FFQUFBQUFTVVZPUks1Q1lJST0=" rel="lightbox">
-                                                                    <img src="data:image/png;base64,aVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUd3QUFBQnNDQVlBQUFDUFpsZk5BQUFGRzBsRVFWUjRuT3lkLzNIYk5oVEhZVjBIYUNlb2ZGM0FuYUR5QkxVbXNEUkJ6aE1rbnNET0JKWW1pRE9CbVEzcy8rTXp2WUUzVVBDbEFBV2tSSWtFSDBEOGVKODdWS3BpZ29BK0JBaUN4Tk1mb29WLy9wNHU1TXYvTXMxayt0UDRwMUttUXFiMTYzdFp0RzBmSXJKT00vbHlMZE9WcU5jSlBNdTBsbWtsNi9YaHVXaWQyR3cyNHF6NW9hd1VLbk1uMDdSREhvVk1TMW5Ca3JSa3hNZzZYWWh0bldZZC9oeXl2c282ZlhGWkpodjJoTW1LUGNpWFJjOThVRUZJZTZRcUdDWHFBRVM5bWkzcUZLalBNcVRXVmhObUtjc0VsVnNOTFJRbHFndDhHcEFGdXNuTFVLVHRoS21qOEJ0Qm5zRklrM1ZDaTNvVC9WdFdrMkNrUWRoRVZleUJLTThITlZnSkFaeXpoc29DT1A4OXFlOXBkQ2JpOElocENLTkxVMS91RldHV3dVaURzR3NIK1k0dGpmb2dCRUZJZzdDWm83ekhsRFoxbE8vbzBpYU84eDlMMm44Tzh4NVZtbXRoWU96dTBRV2pTZk1oRFBpVzVtTUlQb28wQ1BOMWZlRlQyb3VuL1hpWEJtR0ZyNTBKZjlKOFRwTjVsUVpoYXg4N01uQXU3Zlc5eE94RTZYSWZEYnhKbTZoSjIyZlhPMnJnbzZYZE9zNi9pUmRwZXRDeGRMbVRGcHhLVTNPYWhhdjhXM0F1clJLbXVwRGtwRW5td24vdjRWVGFibGl2anNpa3BLa1o5a3VSa0xUYWRSaExJOFdKdEwwTFo1WkdDcm0wZ3pNZExJMFVVbW10VTFNc2pSUXlhVWZuRWxrYUtTVFNUazcrc2pSU0JrdnJORnZQMGtnWkpLM3o3UldXUm9xMXRGNzN3MWdhS1ZiU2V0L0FaR21rOUpabWRjZVpwWkhTUzVyMUl3SXNqWlRPMGdZOTA4SFNTT2trYmZCRE9DeU5sSlBTU0o2YVltbWtISlZHOXBnYlN5T2xWUnJwYzRrc2paU0Qwc2dmSkdWcHBFRGFuZm5CM2hwbkt0U1hSN1h1ckEvT0ZoV3FveDByT2k5YzVIOEVMQ2dzcWdWOXJ2YkFMWTJVVC9xTnN4YW00WlpHeGw4L3k3Y1A1NHNodUtXUlVSMGNYbGF2c0RRUy9Ba0RMRzB3MWZEZW16REEwZ1pSTFF2ektneXdOR3VxdkoyUEV0dmcwV00vWkpuUERnWUhheFJnSVJ4R2RHTnBuVUdFdVdXck1JdUliamRxQlV4dldGb256aEV4NytCTWg5d1pSQ0h1MUxSalpqT3huYVJjMkpTRXoya251VGZERzFLRTN6T1oyNGJoNDVaMmtFS1c3VkwvVDYyRnFXNXdNYWlFMjZOMmFyTmg0aTF0WmJINXlwU2xNYnZFTzh0eW1lQ0krbXk3Y2FyU01HQVEyM3FWSFRiQjM4elZObnZvZUlrTFFkc2RuUThKSzV0aTk2aFJQUmxDS3pXN1NaenZmaHc3cFpnQkxqSEl1Q0lzRjBhTjkwTXlTRm1hTGVZNWJFYWM5K0RnWENsMmp4Um9ZZFNMcDBueVkybjdlSjlMN0F0THF4TzhNTURTZmhPRk1NRFN0a1FqRExDMHlJU0IzS1ZGSnd6a0xDMUtZU0JYYWRFS0F6bEtpMW9ZeUUxYTlNSkFUdEtTRUFaeWtaYU1NSkNEdEtTRWdkU2xKU2NNcEN3dFNXRWdWV25KQ2dNcFNrdGFHRWhOV3ZMQ1FFclNzaEFHVXBHV2pUQ1FnclNzaElIWXBXVW5ETVFzTFV0aElGWnAyUW9ETVVyTFdoaUlUVnIyd2tCTTBsaVl3cEQyNFhuWHZhU3hNQU1sRFl2b2dwWEd3aHFveGZYQlN0UHJ3emJPaThOMHBYVjltdE40aVl3MVIxc2FDd3VUVm1rc0xGd09TbU5oWVFOcHRjWHJMQ3g4YXVFNFdGajR6TXhXeHNMaTRGcS9ZV0Z4d0Mwc01saFlaT3ppbnJDd09DajFtMG56QXlaSVN2MUdDeXRHS1FiVGxlLzZqUmEySHFrZ1REZDJJZmtxWVNveWRqRlNZWmpqMUdMK21vT09HK0gvcGgxem5GS21XL09EblRCMXAvWEdjNEdZZHRCNDVpcHU4STdhc0g3RVp4cVlPcVhZL2lyZlhoajF2ZXN3ZFQ0N0YzYVJvSmxob0tHZ0MveTM3WWNiVHYyVUI2NndkVkRoS1hYcG1CMlE4eUxUWTdNTE5LbUNOT00vVER6dzFGUmsvQW9BQVAvL0gvY3NBUTg1L2FFQUFBQUFTVVZPUks1Q1lJST0=" class="screenshot-thumbnail" />
+                                                                <a href="../images/failure-screenshot-file.png" rel="lightbox">
+                                                                    <img src="../images/failure-screenshot-file.png" class="screenshot-thumbnail" />
                                                                 </a>
                                                             </div>
                                                         </div>

diff --git a/generator/_testdata/integration/after_scenario_fail.html b/generator/_testdata/integration/after_scenario_fail.html
@@ -181,8 +181,8 @@ <h5 class='execution-time'>
                                         </div>
                                         <div class="screenshot-container">
                                             <div class="screenshot">
-                                                <a href="data:image/png;base64,aVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUd3QUFBQnNDQVlBQUFDUFpsZk5BQUFGRzBsRVFWUjRuT3lkLzNIYk5oVEhZVjBIYUNlb2ZGM0FuYUR5QkxVbXNEUkJ6aE1rbnNET0JKWW1pRE9CbVEzcy8rTXp2WUUzVVBDbEFBV2tSSWtFSDBEOGVKODdWS3BpZ29BK0JBaUN4Tk1mb29WLy9wNHU1TXYvTXMxayt0UDRwMUttUXFiMTYzdFp0RzBmSXJKT00vbHlMZE9WcU5jSlBNdTBsbWtsNi9YaHVXaWQyR3cyNHF6NW9hd1VLbk1uMDdSREhvVk1TMW5Ca3JSa3hNZzZYWWh0bldZZC9oeXl2c282ZlhGWkpodjJoTW1LUGNpWFJjOThVRUZJZTZRcUdDWHFBRVM5bWkzcUZLalBNcVRXVmhObUtjc0VsVnNOTFJRbHFndDhHcEFGdXNuTFVLVHRoS21qOEJ0Qm5zRklrM1ZDaTNvVC9WdFdrMkNrUWRoRVZleUJLTThITlZnSkFaeXpoc29DT1A4OXFlOXBkQ2JpOElocENLTkxVMS91RldHV3dVaURzR3NIK1k0dGpmb2dCRUZJZzdDWm83ekhsRFoxbE8vbzBpYU84eDlMMm44Tzh4NVZtbXRoWU96dTBRV2pTZk1oRFBpVzVtTUlQb28wQ1BOMWZlRlQyb3VuL1hpWEJtR0ZyNTBKZjlKOFRwTjVsUVpoYXg4N01uQXU3Zlc5eE94RTZYSWZEYnhKbTZoSjIyZlhPMnJnbzZYZE9zNi9pUmRwZXRDeGRMbVRGcHhLVTNPYWhhdjhXM0F1clJLbXVwRGtwRW5td24vdjRWVGFibGl2anNpa3BLa1o5a3VSa0xUYWRSaExJOFdKdEwwTFo1WkdDcm0wZ3pNZExJMFVVbW10VTFNc2pSUXlhVWZuRWxrYUtTVFNUazcrc2pSU0JrdnJORnZQMGtnWkpLM3o3UldXUm9xMXRGNzN3MWdhS1ZiU2V0L0FaR21rOUpabWRjZVpwWkhTUzVyMUl3SXNqWlRPMGdZOTA4SFNTT2trYmZCRE9DeU5sSlBTU0o2YVltbWtISlZHOXBnYlN5T2xWUnJwYzRrc2paU0Qwc2dmSkdWcHBFRGFuZm5CM2hwbkt0U1hSN1h1ckEvT0ZoV3FveDByT2k5YzVIOEVMQ2dzcWdWOXJ2YkFMWTJVVC9xTnN4YW00WlpHeGw4L3k3Y1A1NHNodUtXUlVSMGNYbGF2c0RRUy9Ba0RMRzB3MWZEZW16REEwZ1pSTFF2ektneXdOR3VxdkoyUEV0dmcwV00vWkpuUERnWUhheFJnSVJ4R2RHTnBuVUdFdVdXck1JdUliamRxQlV4dldGb256aEV4NytCTWg5d1pSQ0h1MUxSalpqT3huYVJjMkpTRXoya251VGZERzFLRTN6T1oyNGJoNDVaMmtFS1c3VkwvVDYyRnFXNXdNYWlFMjZOMmFyTmg0aTF0WmJINXlwU2xNYnZFTzh0eW1lQ0krbXk3Y2FyU01HQVEyM3FWSFRiQjM4elZObnZvZUlrTFFkc2RuUThKSzV0aTk2aFJQUmxDS3pXN1NaenZmaHc3cFpnQkxqSEl1Q0lzRjBhTjkwTXlTRm1hTGVZNWJFYWM5K0RnWENsMmp4Um9ZZFNMcDBueVkybjdlSjlMN0F0THF4TzhNTURTZmhPRk1NRFN0a1FqRExDMHlJU0IzS1ZGSnd6a0xDMUtZU0JYYWRFS0F6bEtpMW9ZeUUxYTlNSkFUdEtTRUFaeWtaYU1NSkNEdEtTRWdkU2xKU2NNcEN3dFNXRWdWV25KQ2dNcFNrdGFHRWhOV3ZMQ1FFclNzaEFHVXBHV2pUQ1FnclNzaElIWXBXVW5ETVFzTFV0aElGWnAyUW9ETVVyTFdoaUlUVnIyd2tCTTBsaVl3cEQyNFhuWHZhU3hNQU1sRFl2b2dwWEd3aHFveGZYQlN0UHJ3emJPaThOMHBYVjltdE40aVl3MVIxc2FDd3VUVm1rc0xGd09TbU5oWVFOcHRjWHJMQ3g4YXVFNFdGajR6TXhXeHNMaTRGcS9ZV0Z4d0Mwc01saFlaT3ppbnJDd09DajFtMG56QXlaSVN2MUdDeXRHS1FiVGxlLzZqUmEySHFrZ1REZDJJZmtxWVNveWRqRlNZWmpqMUdMK21vT09HK0gvcGgxem5GS21XL09EblRCMXAvWEdjNEdZZHRCNDVpcHU4STdhc0g3RVp4cVlPcVhZL2lyZlhoajF2ZXN3ZFQ0N0YzYVJvSmxob0tHZ0MveTM3WWNiVHYyVUI2NndkVkRoS1hYcG1CMlE4eUxUWTdNTE5LbUNOT00vVER6dzFGUmsvQW9BQVAvL0gvY3NBUTg1L2FFQUFBQUFTVVZPUks1Q1lJST0=" rel="lightbox">
-                                                    <img src="data:image/png;base64,aVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUd3QUFBQnNDQVlBQUFDUFpsZk5BQUFGRzBsRVFWUjRuT3lkLzNIYk5oVEhZVjBIYUNlb2ZGM0FuYUR5QkxVbXNEUkJ6aE1rbnNET0JKWW1pRE9CbVEzcy8rTXp2WUUzVVBDbEFBV2tSSWtFSDBEOGVKODdWS3BpZ29BK0JBaUN4Tk1mb29WLy9wNHU1TXYvTXMxayt0UDRwMUttUXFiMTYzdFp0RzBmSXJKT00vbHlMZE9WcU5jSlBNdTBsbWtsNi9YaHVXaWQyR3cyNHF6NW9hd1VLbk1uMDdSREhvVk1TMW5Ca3JSa3hNZzZYWWh0bldZZC9oeXl2c282ZlhGWkpodjJoTW1LUGNpWFJjOThVRUZJZTZRcUdDWHFBRVM5bWkzcUZLalBNcVRXVmhObUtjc0VsVnNOTFJRbHFndDhHcEFGdXNuTFVLVHRoS21qOEJ0Qm5zRklrM1ZDaTNvVC9WdFdrMkNrUWRoRVZleUJLTThITlZnSkFaeXpoc29DT1A4OXFlOXBkQ2JpOElocENLTkxVMS91RldHV3dVaURzR3NIK1k0dGpmb2dCRUZJZzdDWm83ekhsRFoxbE8vbzBpYU84eDlMMm44Tzh4NVZtbXRoWU96dTBRV2pTZk1oRFBpVzVtTUlQb28wQ1BOMWZlRlQyb3VuL1hpWEJtR0ZyNTBKZjlKOFRwTjVsUVpoYXg4N01uQXU3Zlc5eE94RTZYSWZEYnhKbTZoSjIyZlhPMnJnbzZYZE9zNi9pUmRwZXRDeGRMbVRGcHhLVTNPYWhhdjhXM0F1clJLbXVwRGtwRW5td24vdjRWVGFibGl2anNpa3BLa1o5a3VSa0xUYWRSaExJOFdKdEwwTFo1WkdDcm0wZ3pNZExJMFVVbW10VTFNc2pSUXlhVWZuRWxrYUtTVFNUazcrc2pSU0JrdnJORnZQMGtnWkpLM3o3UldXUm9xMXRGNzN3MWdhS1ZiU2V0L0FaR21rOUpabWRjZVpwWkhTUzVyMUl3SXNqWlRPMGdZOTA4SFNTT2trYmZCRE9DeU5sSlBTU0o2YVltbWtISlZHOXBnYlN5T2xWUnJwYzRrc2paU0Qwc2dmSkdWcHBFRGFuZm5CM2hwbkt0U1hSN1h1ckEvT0ZoV3FveDByT2k5YzVIOEVMQ2dzcWdWOXJ2YkFMWTJVVC9xTnN4YW00WlpHeGw4L3k3Y1A1NHNodUtXUlVSMGNYbGF2c0RRUy9Ba0RMRzB3MWZEZW16REEwZ1pSTFF2ektneXdOR3VxdkoyUEV0dmcwV00vWkpuUERnWUhheFJnSVJ4R2RHTnBuVUdFdVdXck1JdUliamRxQlV4dldGb256aEV4NytCTWg5d1pSQ0h1MUxSalpqT3huYVJjMkpTRXoya251VGZERzFLRTN6T1oyNGJoNDVaMmtFS1c3VkwvVDYyRnFXNXdNYWlFMjZOMmFyTmg0aTF0WmJINXlwU2xNYnZFTzh0eW1lQ0krbXk3Y2FyU01HQVEyM3FWSFRiQjM4elZObnZvZUlrTFFkc2RuUThKSzV0aTk2aFJQUmxDS3pXN1NaenZmaHc3cFpnQkxqSEl1Q0lzRjBhTjkwTXlTRm1hTGVZNWJFYWM5K0RnWENsMmp4Um9ZZFNMcDBueVkybjdlSjlMN0F0THF4TzhNTURTZmhPRk1NRFN0a1FqRExDMHlJU0IzS1ZGSnd6a0xDMUtZU0JYYWRFS0F6bEtpMW9ZeUUxYTlNSkFUdEtTRUFaeWtaYU1NSkNEdEtTRWdkU2xKU2NNcEN3dFNXRWdWV25KQ2dNcFNrdGFHRWhOV3ZMQ1FFclNzaEFHVXBHV2pUQ1FnclNzaElIWXBXVW5ETVFzTFV0aElGWnAyUW9ETVVyTFdoaUlUVnIyd2tCTTBsaVl3cEQyNFhuWHZhU3hNQU1sRFl2b2dwWEd3aHFveGZYQlN0UHJ3emJPaThOMHBYVjltdE40aVl3MVIxc2FDd3VUVm1rc0xGd09TbU5oWVFOcHRjWHJMQ3g4YXVFNFdGajR6TXhXeHNMaTRGcS9ZV0Z4d0Mwc01saFlaT3ppbnJDd09DajFtMG56QXlaSVN2MUdDeXRHS1FiVGxlLzZqUmEySHFrZ1REZDJJZmtxWVNveWRqRlNZWmpqMUdMK21vT09HK0gvcGgxem5GS21XL09EblRCMXAvWEdjNEdZZHRCNDVpcHU4STdhc0g3RVp4cVlPcVhZL2lyZlhoajF2ZXN3ZFQ0N0YzYVJvSmxob0tHZ0MveTM3WWNiVHYyVUI2NndkVkRoS1hYcG1CMlE4eUxUWTdNTE5LbUNOT00vVER6dzFGUmsvQW9BQVAvL0gvY3NBUTg1L2FFQUFBQUFTVVZPUks1Q1lJST0=" class="screenshot-thumbnail" />
+                                                <a href="../images/failure-screenshot-file.png" rel="lightbox">
+                                                    <img src="../images/failure-screenshot-file.png" class="screenshot-thumbnail" />
                                                 </a>
                                             </div>
                                         </div>