OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <title>Clicking on the overflow fullscreen button opens the video in fullscreen. </title> | |
3 <script src="../resources/testharness.js"></script> | |
4 <script src="../resources/testharnessreport.js"></script> | |
5 <script src="media-controls.js"></script> | |
6 <script src="media-file.js"></script> | |
7 <script src="overflow-menu.js"></script> | |
8 | |
9 <!--Padding ensures the overflow menu is visible for the tests. --> | |
10 <body style="padding-top: 200px; padding-left: 100px"> | |
11 <video controls></video> | |
12 <script> | |
13 async_test(function(t) { | |
14 // Set up video | |
15 var video = document.querySelector("video"); | |
16 video.src = findMediaFile("video", "content/test"); | |
17 video.setAttribute("width", "60"); | |
18 window.addEventListener("load", t.step_func(function() { | |
19 var overflowList = getOverflowList(video); | |
20 var overflowMenu = getOverflowMenuButton(video); | |
21 | |
22 // Click on the overflow menu button | |
23 var coords = elementCoordinates(overflowMenu); | |
24 clickAtCoordinates(coords[0], coords[1]); | |
25 | |
26 // Clicking on the fullscreen button should open up the video in fullscreen | |
27 var coords = elementCoordinates(overflowList.children[OverflowMenuButtons.FU LLSCREEN]); | |
28 clickAtCoordinates(coords[0], coords[1]); | |
29 | |
30 video.onwebkitfullscreenchange = t.step_func(function() { | |
mlamouri (slow - plz ping)
2016/09/07 09:07:54
This is still using the prefixed version. Can you
kdsilva
2016/09/07 11:01:09
Done.
| |
31 // Overflow menu button should not be visible in fullscreen | |
32 assert_equals(getComputedStyle(overflowMenu).display, "none"); | |
33 t.done(); | |
34 }); | |
35 })); | |
36 }); | |
37 </script> | |
38 </body> | |
OLD | NEW |