Screenshots of viewport only in Serenity

[Mircea Cocosila]

Hi,

Environment:

• Windows 7 Enterprise
• Serenity BDD version 1.0.47
• Firefox 31.0

I just upgraded to latest Serenity BDD version 1.0.47. Very impressed overall. Thanks a lot for all your great work!

Previously I've used Thucydides version 0.9.273.

Before upgrading to Serenity I've used Firefox 31.0. Still using same Firefox version.

I noticed that in Serenity screenshots capture the viewport only. Thucydides has captured the whole page which was good. For a scrollable page one could see the part of the relevant page when there was a failure on the bottom of page.

Serenity screenshots capture the viewport only which I think is not what most testers need.

Is there any way to configure Serenity to take the screenshots of whole page?

Note: I've tested all the Serenity versions between 1.0.42 and 1.0.47 and each takes screenshots of viewport only.

Thanks,
mircea

[John Smart]

Could you see if this happens with Chrome? I suspect it's a Firefox driver issue...

[Mircea Cocosila]

Hi John,

Tests have been run with Firefox. It does not seem to be a problem with capturing the whole page. A colleague of mine pointed it to me that if one selects "Open image in new tab" the full page screenshot is there. It seems to be a problem with the screenshots gallery renderer. In the gallery, a screenshot is annotated at the bottom with step name and parameters. The viewport of that gallery cuts on screenshot's height at the bottom.

Same colleague of mine discovered the following:

"I investigated why the screen shots are getting cut off. The file: serenity-core/serenity-report-resources/src/main/resources/report-resources/css/core.css

Contains:

#slider {
        position:relative;
        width:1000px; /* Change this to your images width */
        height:800px; /* Change this to your images height */
    }

This should be:

#slider {
    position:relative;
    width:1000px; /* Change this to your images width */
    height:auto; /* Change this to your images height */
}

I played around in chrome."

Best regards,
mircea