graouts@webkit.org | 0d180e7 | 2017-01-20 12:17:50 +0000 | [diff] [blame] | 1 | <!-- webkit-test-runner [ enableModernMediaControls=false ] --> |
jer.noble@apple.com | d05b8a4 | 2012-01-06 18:28:43 +0000 | [diff] [blame] | 2 | <body> |
| 3 | <p>This tests that the video element's controls are draggable in full screen. Press any key to continue.</p> |
jer.noble@apple.com | 9015518 | 2012-01-06 19:38:46 +0000 | [diff] [blame] | 4 | <video id="video" width="300"></video> |
jer.noble@apple.com | d05b8a4 | 2012-01-06 18:28:43 +0000 | [diff] [blame] | 5 | <script src="full-screen-test.js"></script> |
| 6 | <script src="../media/media-controls.js"></script> |
| 7 | <script> |
| 8 | var video = document.getElementById('video'); |
jer.noble@apple.com | d05b8a4 | 2012-01-06 18:28:43 +0000 | [diff] [blame] | 9 | var panel; |
| 10 | var startBox; |
| 11 | var endBox; |
| 12 | |
jer.noble@apple.com | d05b8a4 | 2012-01-06 18:28:43 +0000 | [diff] [blame] | 13 | waitForEvent(document, 'webkitfullscreenchange', function() { |
| 14 | if (window.internals) { |
eric.carlson@apple.com | 978a103 | 2015-06-05 18:39:08 +0000 | [diff] [blame] | 15 | |
| 16 | // Force a relayout to ensure that the controls in the shadow DOM have been |
| 17 | // positioned correctly. |
| 18 | document.body.offsetTop; |
| 19 | |
jer.noble@apple.com | d05b8a4 | 2012-01-06 18:28:43 +0000 | [diff] [blame] | 20 | panel = mediaControlsElement(internals.shadowRoot(video).firstChild, '-webkit-media-controls-panel'); |
| 21 | startBox = internals.boundingBox(panel); |
| 22 | |
jer.noble@apple.com | 8d8c514 | 2012-10-18 18:20:28 +0000 | [diff] [blame] | 23 | consoleWrite("First drag."); |
| 24 | |
jer.noble@apple.com | d05b8a4 | 2012-01-06 18:28:43 +0000 | [diff] [blame] | 25 | eventSender.mouseMoveTo(startBox.left + 5, startBox.top + 5); |
| 26 | eventSender.mouseDown(); |
| 27 | |
| 28 | eventSender.mouseMoveTo(startBox.left + 20, startBox.top + 20); |
| 29 | eventSender.mouseUp(); |
| 30 | |
| 31 | endBox = internals.boundingBox(panel); |
| 32 | |
| 33 | testExpected("endBox.left - startBox.left", 15); |
| 34 | testExpected("endBox.top - startBox.top", 15); |
jer.noble@apple.com | 8d8c514 | 2012-10-18 18:20:28 +0000 | [diff] [blame] | 35 | |
| 36 | consoleWrite("Second drag."); |
| 37 | |
| 38 | eventSender.mouseDown(); |
| 39 | eventSender.mouseMoveTo(startBox.left + 10, startBox.top + 10); |
| 40 | eventSender.mouseUp(); |
| 41 | |
| 42 | endBox = internals.boundingBox(panel); |
| 43 | |
| 44 | testExpected("endBox.left - startBox.left", 5); |
| 45 | testExpected("endBox.top - startBox.top", 5); |
| 46 | |
jer.noble@apple.com | d05b8a4 | 2012-01-06 18:28:43 +0000 | [diff] [blame] | 47 | endTest(); |
| 48 | } |
| 49 | else |
| 50 | logResult(false, "window.internals == undefined"); |
| 51 | }); |
| 52 | |
| 53 | runWithKeyDown(function(){video.webkitRequestFullScreen()}); |
| 54 | </script> |
| 55 | </body> |