| <!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'); |
| video.src = '../content/test.ogv'; |
| const track = video.addTextTrack('captions'); |
| |
| video.onloadeddata = t.step_func(() => { |
| const menu = overflowMenu(video); |
| const button = overflowButton(video); |
| |
| assert_not_equals(getComputedStyle(button).display, 'none'); |
| assert_equals(getComputedStyle(menu).display, 'none'); |
| |
| // Clicking on the button should show the menu. |
| singleTapOnControl(button, t.step_func_done(() => { |
| assert_not_equals(getComputedStyle(menu).display, 'none'); |
| })); |
| }); |
| }); |
| </script> |
