| <!DOCTYPE html> |
| <title>Ensure overflow menu buttons are visible when expected.</title> |
| <script src='../../resources/testharness.js'></script> |
| <script src='../../resources/testharnessreport.js'></script> |
| <script src='../media-controls.js'></script> |
| <video controls></video> |
| <script> |
| async_test(t => { |
| const video = document.querySelector('video'); |
| enableTestMode(video); |
| video.src = '../content/test.ogv'; |
| const track = video.addTextTrack('captions'); |
| |
| video.onloadeddata = t.step_func(() => { |
| const menu = overflowMenu(video); |
| |
| singleTapOnControl(overflowButton(video), t.step_func(() => { |
| assert_not_equals(getComputedStyle(menu).display, 'none'); |
| |
| // Click anywhere outside the overflow menu should close overflow list. |
| const coords = coordinatesOutsideElement(menu); |
| singleTapAtCoordinates(coords[0], coords[1], t.step_func_done(() =>{ |
| assert_equals(getComputedStyle(menu).display, 'none'); |
| })); |
| })); |
| }); |
| }); |
| </script> |