blob: 41b0b9bf8c5dd942f9a01ad17b2133b85d4990b1 [file] [log] [blame]
<!DOCTYPE html>
<title>Test that video controls don't appear when the media element is focused and the "controls" attribute is not set.</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script src="media-controls.js"></script>
<!-- "tabindex" makes the video focusable despite it not having controls -->
<video tabindex="0"></video>
<script>
async_test(function(t) {
var video = document.querySelector("video");
video.onplaying = t.step_func(function() {
runAfterHideMediaControlsTimerFired(t.step_func_done(function() {
var controls = mediaControlsButton(video, "panel");
video.focus();
assert_equals(getComputedStyle(controls).opacity, "0");
}), video);
});
video.src = "content/test.ogv";
video.play();
});
</script>