Bug 207266

Summary: [Safari] WebDriver: screenshot ignores CSS transformations or WebGL content.
Product: WebKit Reporter: Carlos Alberto Lopez Perez <clopez>
Component: WebDriverAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bburg
Priority: P2    
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=206514

Description Carlos Alberto Lopez Perez 2020-02-05 05:51:00 PST 
When using the WebDriver screenshot feature to take a snapshoot of the WebView, the snapshot produced ignores CSS transformations or WebGL content

For example, taking a screenshot of any of this URLs, will produce an incorrect screenshot:

1) http://wpt.live/css/css-transforms/perspective-origin-001.html 
On the screen you only see a green square (test passes), but on the screenshot you see the red square (like if the test has failed)

2) https://webkit.org/blog-files/3d-transforms/poster-circle.html
On the screen you see a cylinder moving, but on the screenshot you see flat squares (no cylinder form)

3) https://webglsamples.org/aquarium/aquarium.html
On the screen you see an aquarium and fishes moving, but on the screenshot you don't see the aquarium or any fish (just a grey area)


When using Chrome driver, the screenshot captures the expected content.

See https://bug-206514-attachments.webkit.org/attachment.cgi?id=388261 for a simple script with python and selenium to reproduce the issue.

This was fixed for WebKitGTK on bug 206514 and since we fixed it, we now pass more tests on wpt.fyi regarding css-transforms (like 30 more).

I'm opening this to report the same issue for Safari with the hope its fixed.