| OLD | NEW |
| 1 <body> | 1 <body> |
| 2 <p>This tests that the video element's "controls" attribute is overridden in
full screen mode, and that the controls are correctly hidden upon exiting full
screen. Press any key to continue.</p> | 2 <p>This tests that the video element's "controls" attribute is overridden in
full screen mode, and that the controls are correctly hidden upon exiting full
screen. Press any key to continue.</p> |
| 3 <video id="video" width="300"></video> | 3 <video id="video" width="300"></video> |
| 4 <script src="full-screen-test.js"></script> | 4 <script src="full-screen-test.js"></script> |
| 5 <script src="../media/media-controls.js"></script> | 5 <script src="../media/media-controls.js"></script> |
| 6 <script> | 6 <script> |
| 7 var callback; | 7 var callback; |
| 8 var shadowRoot; | 8 var shadowRoot; |
| 9 var panel; | 9 var panel; |
| 10 | 10 |
| 11 var fullscreenChanged = function(event) | 11 var fullscreenChanged = function(event) |
| 12 { | 12 { |
| 13 if (callback) | 13 if (callback) |
| 14 callback(event) | 14 callback(event) |
| 15 }; | 15 }; |
| 16 waitForEvent(document, 'webkitfullscreenchange', fullscreenChanged); | 16 waitForEvent(document, 'webkitfullscreenchange', fullscreenChanged); |
| 17 | 17 |
| 18 var video = document.getElementById('video'); | 18 var video = document.getElementById('video'); |
| 19 | 19 |
| 20 var videoEnteredFullScreen = function() { | 20 var videoEnteredFullScreen = function() { |
| 21 if (window.internals) { | 21 if (window.internals) { |
| 22 testExpected("shadowRoot = internals.shadowRoot(video)", null, "
!="); | 22 testExpected("shadowRoot = internals.shadowRoot(video)", null, "
!="); |
| 23 testExpected("panel = mediaControlsElement(shadowRoot.firstChild
, '-webkit-media-controls-panel')", null, "!="); | 23 testExpected("panel = mediaControlsElement(shadowRoot.firstChild
, '-internal-media-controls-panel')", null, "!="); |
| 24 testExpected("internals.shadowPseudoId(panel)", "-webkit-media-c
ontrols-panel"); | 24 testExpected("internals.shadowPseudoId(panel)", "-internal-media
-controls-panel"); |
| 25 testExpected("document.defaultView.getComputedStyle(panel)['disp
lay']", 'none', "!="); | 25 testExpected("document.defaultView.getComputedStyle(panel)['disp
lay']", 'none', "!="); |
| 26 testExpected("document.defaultView.getComputedStyle(panel)['heig
ht']", '20px', ">="); | 26 testExpected("document.defaultView.getComputedStyle(panel)['heig
ht']", '20px', ">="); |
| 27 } | 27 } |
| 28 else | 28 else |
| 29 logResult(false, "window.internals == undefined"); | 29 logResult(false, "window.internals == undefined"); |
| 30 | 30 |
| 31 callback = cancelledFullScreen; | 31 callback = cancelledFullScreen; |
| 32 document.webkitCancelFullScreen(); | 32 document.webkitCancelFullScreen(); |
| 33 }; | 33 }; |
| 34 | 34 |
| 35 var cancelledFullScreen = function() { | 35 var cancelledFullScreen = function() { |
| 36 if (window.testRunner) | 36 if (window.testRunner) |
| 37 testExpected("document.defaultView.getComputedStyle(panel)['disp
lay']", 'none'); | 37 testExpected("document.defaultView.getComputedStyle(panel)['disp
lay']", 'none'); |
| 38 else | 38 else |
| 39 logResult(false, "window.testRunner == undefined"); | 39 logResult(false, "window.testRunner == undefined"); |
| 40 | 40 |
| 41 endTest(); | 41 endTest(); |
| 42 }; | 42 }; |
| 43 | 43 |
| 44 callback = videoEnteredFullScreen; | 44 callback = videoEnteredFullScreen; |
| 45 runWithKeyDown(function(){video.webkitRequestFullScreen()}); | 45 runWithKeyDown(function(){video.webkitRequestFullScreen()}); |
| 46 </script> | 46 </script> |
| 47 </body> | 47 </body> |
| OLD | NEW |