<!DOCTYPE html>
<html>
<title>Test that when disabled media controls are tapped, they don't do anything.</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../media-controls.js"></script>
<video controls width=500 preload=none src="../content/unsupported_track.mov"></video>
<script>
async_test(t => {
const video = document.querySelector('video');
const muteBtn = muteButton(video);
const fullscreenBtn = fullscreenButton(video);
enableTestMode(video);
// onerror will fire since the video is unsupported, disabling all controls.
video.addEventListener("error", t.step_func(() => {
// Check that the mute button does nothing when tapped.
assert_true(muteBtn.disabled, "mute button should be disabled");
assert_false(video.muted, "video should start unmuted");
singleTouchOnControl(muteBtn, t.step_func(() => {
assert_false(video.muted, "touching the disabled mute button should not mute the video");
// Check that the fullscreen button does nothing when tapped.
assert_true(fullscreenBtn.disabled, "fullscreen button should be disabled");
assert_false(document.fullscreen, "video should not start in fullscreen");
singleTouchOnControl(fullscreenBtn, t.step_func_done(() => {
assert_false(document.fullscreen, "touching the disabled fullscreen button should not fullscreen the video");
}));
}));
}));
video.load();
});
</script>
</html>