blob: 51f85aeb653c60437fbe3b381e4ccfd3dfef0b51 [file] [log] [blame]
<!-- webkit-test-runner [ ModernMediaControlsEnabled=false ] -->
<body>
<p>This tests that the video element's controls are draggable in full screen. Press any key to continue.</p>
<video id="video" width="300"></video>
<script src="full-screen-test.js"></script>
<script src="../media/media-controls.js"></script>
<script>
var video = document.getElementById('video');
var panel;
var startBox;
var endBox;
waitForEvent(document, 'webkitfullscreenchange', function() {
if (window.internals) {
// Force a relayout to ensure that the controls in the shadow DOM have been
// positioned correctly.
document.body.offsetTop;
panel = mediaControlsElement(internals.shadowRoot(video).firstChild, '-webkit-media-controls-panel');
startBox = internals.boundingBox(panel);
consoleWrite("First drag.");
eventSender.mouseMoveTo(startBox.left + 5, startBox.top + 5);
eventSender.mouseDown();
eventSender.mouseMoveTo(startBox.left + 20, startBox.top + 20);
eventSender.mouseUp();
endBox = internals.boundingBox(panel);
testExpected("endBox.left - startBox.left", 15);
testExpected("endBox.top - startBox.top", 15);
consoleWrite("Second drag.");
eventSender.mouseDown();
eventSender.mouseMoveTo(startBox.left + 10, startBox.top + 10);
eventSender.mouseUp();
endBox = internals.boundingBox(panel);
testExpected("endBox.left - startBox.left", 5);
testExpected("endBox.top - startBox.top", 5);
endTest();
}
else
logResult(false, "window.internals == undefined");
});
runWithKeyDown(function(){video.webkitRequestFullScreen()});
</script>
</body>