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..a650217c78676dc0fbc73b73ab67dd087c86459e |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fullscreen/full-screen-video-has-backdrop.html |
| @@ -0,0 +1,31 @@ |
| +<!doctype html> |
| +<html> |
| +<head> |
|
esprehn
2015/09/24 20:17:01
leave out html, head and body
dsinclair
2015/09/28 17:14:57
Done.
|
| +<style> |
| +::backdrop { |
| + background: green; |
| +} |
| +</style> |
| +</head> |
| +<body> |
| +<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>Go fullscreen</button> |
| +<script> |
| +obj = document.querySelector('object'); |
|
esprehn
2015/09/24 20:17:01
object
dsinclair
2015/09/28 17:14:57
Done.
|
| +document.querySelector('button').addEventListener('click', function() { |
| + obj.webkitRequestFullscreen(); |
| +}); |
| +if (window.testRunner) { |
| + testRunner.waitUntilDone(); |
| + document.addEventListener('webkitfullscreenchange', function() { |
| + setTimeout(function() { |
|
esprehn
2015/09/24 20:17:01
ditto, don't wait with setTimeout(0)
dsinclair
2015/09/28 17:14:57
Done.
|
| + testRunner.notifyDone(); |
| + }, 0); |
| + }); |
| + document.addEventListener('keydown', function() { obj.webkitRequestFullscreen(); }); |
| + eventSender.keyDown('a'); |
|
esprehn
2015/09/24 20:17:01
ditto, this is more complex than needed
dsinclair
2015/09/28 17:14:57
Done.
|
| +} |
| +</script> |
| +</body> |
| +</html> |
