Ensure screenshot taken on Mac has always correct size

[wojtekn]

Related issues

• Fixes STU-210

Proposed Changes

I propose to explicitly set the browser size to ensure the screenshot taken on a Mac always has the correct size. I was consistently getting different thumbnail sizes when connected to an external monitor (correct) and without a monitor (incorrect):

External monitor:

Window created with size: { x: 1200, y: 96, width: 1040, height: 1248 }
WebContents zoom factor: 1
WebContents zoom level: 0
Window size after forcing dimensions: { x: 1200, y: 96, width: 1040, height: 1248 }
Before capture - Window bounds: { x: 1200, y: 96, width: 1040, height: 1248 }
Before capture - Zoom factor: 1
Before capture - Zoom level: 0
Window size right before capture: { x: 1200, y: 96, width: 1040, height: 1248 }
Captured image size: { width: 1040, height: 1220 }

Macbook:

Window created with size: { x: 344, y: 38, width: 1040, height: 1009 }
WebContents zoom factor: 1
WebContents zoom level: 0
Window size after forcing dimensions: { x: 344, y: 38, width: 1040, height: 1248 }
Before capture - Window bounds: { x: 344, y: 38, width: 1040, height: 1248 }
Before capture - Zoom factor: 1
Before capture - Zoom level: 0
Window size right before capture: { x: 344, y: 38, width: 1040, height: 1248 }
Captured image size: { width: 2080, height: 2440 }

Before	After

Testing Instructions

1. Start Studio
2. Start site
3. Confirm that thumbnail has correct size
4. Stop site
5. Connect external monitor
6. Start site
7. Confirm that the thumbnail has correct size

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[nightnei]

I can't reproduce different sizes, maybe due to different dimensions between your and my external displays. But anyway bigger size of screenshot looks much better with default 900x600 window of Studio so definitelly makes sense to set it fixed 👍

BEFORE	AFTER

[wojtekn]

Thanks for reviewing and testing @nightnei .

The bigger screenshot was the desired one - it was configured as a constant of 1040 x 1248, and the incorrect screenshot on Mac had proportions close to square.