Closed sergmal closed 6 years ago
I'm running 2 set of tests: for desktop and mobile
Desktop screenshots (1920x1080) have nice small thumbnail but mobile ones(640x1136) are very big
code:
var screenshot = Driver.TakeScreenshot(); screenshot.SaveAsFile(path + screenshotName, ImageFormat.Png);
Logger.GetTest().Log(Status.Fail, "Error Message: " + errorMessage).AddScreenCaptureFromPath(screenshotName);
Page html: <img data-featherlight="screenshot.png" class="step-img" src="screenshot.png" data-src="screenshot.png">
<img data-featherlight="screenshot.png" class="step-img" src="screenshot.png" data-src="screenshot.png">
You can use a CSS media query for this in your extent-config.xml under styles\css node or directly in your code using reporter.Configuration.CSS. Example:
extent-config.xml
reporter.Configuration.CSS
@media (max-width: 720px) { .step-img { width: 5%; } }
I'm running 2 set of tests: for desktop and mobile
Desktop screenshots (1920x1080) have nice small thumbnail but mobile ones(640x1136) are very big
code:
var screenshot = Driver.TakeScreenshot(); screenshot.SaveAsFile(path + screenshotName, ImageFormat.Png);
Logger.GetTest().Log(Status.Fail, "Error Message: " + errorMessage).AddScreenCaptureFromPath(screenshotName);
Page html:
<img data-featherlight="screenshot.png" class="step-img" src="screenshot.png" data-src="screenshot.png">