blob: f77903c2f4ad122d01ee61160e06464dfeb49226 [file] [log] [blame]
<!DOCTYPE html>
<title>Test adding keywords to controlsList hides buttons</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script src="../../media-resources/media-controls.js"></script>
<video controls id="enabled-controls" width="500px"></video>
<script>
async_test(t => {
var v = document.getElementById('enabled-controls');
v.addEventListener('canplaythrough', t.step_func(e => {
assert_true(isFullscreenButtonEnabled(v));
assert_true(isDownloadsButtonEnabled(v));
v.controlsList.add('nodownload');
runAfterLayoutAndPaint(t.step_func(() => {
assert_true(isFullscreenButtonEnabled(v));
assert_false(isDownloadsButtonEnabled(v));
v.controlsList.add('nofullscreen');
runAfterLayoutAndPaint(t.step_func_done(() => {
assert_false(isFullscreenButtonEnabled(v));
assert_false(isDownloadsButtonEnabled(v));
}));
}));
}));
v.src = '../resources/test.ogv';
}, 'Test disabling controls on the video element with all controls.');
</script>