Chromium Code Reviews Chromium Code Reviews
Issue 1363023005:
Implement FullScreen using top layer. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fullscreen/full-screen-video-has-backdrop.html |
| diff --git a/third_party/WebKit/LayoutTests/fullscreen/full-screen-video-has-backdrop.html b/third_party/WebKit/LayoutTests/fullscreen/full-screen-video-has-backdrop.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..44c936a526d30933581ca19c249c7e54c2f73574 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fullscreen/full-screen-video-has-backdrop.html |
| @@ -0,0 +1,28 @@ |
| +<!doctype html> |
| +<style> |
| +::backdrop { |
| + background: green; |
| +} |
| +</style> |
| + |
| +<p>Test that fullscreen object elements get a ::backdrop. You should see a green background when the object element is fullscreen.</p> |
| +<object type="application/x-shockwave-flash" data="../plugins/resources/simple_blank.swf" width="100" height="100"></object> |
| +<button id='button'>Go fullscreen</button> |
|
philipj_slow
2015/09/29 08:05:22
Could remove the id and use querySelector in both
dsinclair
2015/10/01 14:50:13
Switched to getElementById. Was requested to do th
|
| + |
| +<script> |
| +var object = document.querySelector('object'); |
| +document.querySelector('button').addEventListener('click', function() { |
| + object.webkitRequestFullscreen(); |
| +}); |
| +if (window.testRunner) { |
| + testRunner.waitUntilDone(); |
| + document.addEventListener('webkitfullscreenchange', function() { |
| + testRunner.notifyDone(); |
| + }); |
| + |
| + var button = document.getElementById('button'); |
| + eventSender.mouseMoveTo(button.offsetLeft + button.offsetWidth / 2, button.offsetTop + button.offsetHeight / 2); |
| + eventSender.mouseDown(); |
| + eventSender.mouseUp(); |
| +} |
| +</script> |
