| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../resources/js-test.js"></script> | 2 <script src="../resources/js-test.js"></script> |
| 3 <script src="full-screen-test.js"></script> | 3 <script src="full-screen-test.js"></script> |
| 4 <script src="../fast/events/touch/resources/touch-hover-active-tests.js"></scrip
t> | 4 <script src="../fast/events/touch/resources/touch-hover-active-tests.js"></scrip
t> |
| 5 <link rel="stylesheet" href="../fast/events/touch/resources/touch-hover-active-t
ests.css"> | 5 <link rel="stylesheet" href="../fast/events/touch/resources/touch-hover-active-t
ests.css"> |
| 6 | 6 |
| 7 <button id="enter" class='touch-interactive' onclick="document.body.webkitReques
tFullScreen()">Go full screen</button> | 7 <button id="enter" class='touch-interactive' onclick="document.body.webkitReques
tFullScreen()">Go full screen</button> |
| 8 <button id="exit" class='touch-interactive' onclick="document.webkitCancelFullSc
reen()">Exit full screen</button> | 8 <button id="exit" class='touch-interactive' onclick="document.webkitCancelFullSc
reen()">Exit full screen</button> |
| 9 | 9 |
| 10 <script> | 10 <script> |
| 11 var enterButton; | 11 var enterButton; |
| 12 var exitButton; | 12 var exitButton; |
| 13 | 13 |
| 14 function runTest() { | 14 function runTest() { |
| 15 if (!window.eventSender) { | 15 if (!window.eventSender) { |
| 16 debug('This test requires DRT.'); | 16 debug('This test requires DRT.'); |
| 17 return; | 17 return; |
| 18 } | 18 } |
| 19 | 19 |
| 20 enterButton = document.getElementById('enter'); | 20 enterButton = document.getElementById('enter'); |
| 21 exitButton = document.getElementById('exit'); | 21 exitButton = document.getElementById('exit'); |
| 22 | 22 |
| 23 var enterButtonCenter = elementCenter(enterButton); | 23 var enterButtonCenter = elementCenter(enterButton); |
| 24 | 24 |
| 25 waitForEventOnce(document, 'webkitfullscreenchange', function() { | 25 waitForEventOnce(document, 'webkitfullscreenchange', function() { |
| 26 shouldBeTrue("document.webkitIsFullScreen"); | 26 shouldBeTrue("document.webkitIsFullScreen") |
| 27 // After entering fullscreen + layout, the button should lose hover. | 27 // After entering fullscreen, the button should lose hover |
| 28 // TODO(foolip): Synchronize hover state changes with animation frames. | 28 shouldBeDefault("getHoverActiveState(enterButton)") |
| 29 // https://crbug.com/668758 | |
| 30 shouldBeOnlyHovered("getHoverActiveState(enterButton)"); | |
| 31 testRunner.layoutAndPaintAsyncThen(function() { | |
| 32 shouldBeDefault("getHoverActiveState(enterButton)"); | |
| 33 | 29 |
| 34 waitForEventOnce(document, 'webkitfullscreenchange', function() { | 30 waitForEventOnce(document, 'webkitfullscreenchange', function() { |
| 35 shouldBeFalse("document.webkitIsFullScreen"); | 31 shouldBeFalse("document.webkitIsFullScreen") |
| 36 // After exiting fullscreen + layout, the button should lose hov
er. | 32 // After leaving fullscreen, the button should lose hover |
| 37 shouldBeOnlyHovered("getHoverActiveState(exitButton)"); | 33 shouldBeDefault("getHoverActiveState(exitButton)") |
| 38 testRunner.layoutAndPaintAsyncThen(function() { | 34 endTest(); |
| 39 shouldBeDefault("getHoverActiveState(exitButton)"); | 35 }); |
| 40 endTest(); | |
| 41 }); | |
| 42 }); | |
| 43 | 36 |
| 44 var exitButtonCenter = elementCenter(exitButton); | 37 var exitButtonCenter = elementCenter(exitButton); |
| 45 // Hover on and click the "Exit fullscreen" button | 38 // Hover on and click the "Exit fullscreen" button |
| 46 eventSender.mouseMoveTo(exitButtonCenter.x, exitButtonCenter.y); | 39 eventSender.mouseMoveTo(exitButtonCenter.x, exitButtonCenter.y); |
| 47 eventSender.mouseDown(); | 40 eventSender.mouseDown(); |
| 48 eventSender.mouseUp(); | 41 eventSender.mouseUp(); |
| 49 }); | |
| 50 }); | 42 }); |
| 51 | 43 |
| 52 | 44 |
| 53 // Move mouse over to the "Go fullscreen" button and click | 45 // Move mouse over to the "Go fullscreen" button and click |
| 54 eventSender.mouseMoveTo(enterButtonCenter.x, enterButtonCenter.y); | 46 eventSender.mouseMoveTo(enterButtonCenter.x, enterButtonCenter.y); |
| 55 eventSender.mouseDown(); | 47 eventSender.mouseDown(); |
| 56 eventSender.mouseUp(); | 48 eventSender.mouseUp(); |
| 57 } | 49 } |
| 58 | 50 |
| 59 runTest(); | 51 runTest(); |
| 60 </script> | 52 </script> |
| OLD | NEW |