<!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');
singleTapOnControl(timelineElement(video), t.step_func_done(() => {
assert_equals(getComputedStyle(menu).display, 'none');
}));
}));
});
});
</script>