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> |
+ |
+<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> |