anshooarora / extentreports-csharp

Community version of Extent API for .NET has moved to https://github.com/extent-framework/
http://extentreports.com/
Other
47 stars 43 forks source link

Portrait mode screenshots are too big (no thumbnail) #108

Closed sergmal closed 6 years ago

sergmal commented 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">

capture

anshooarora commented 6 years ago

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:

@media (max-width: 720px) { .step-img { width: 5%; } }