<!DOCTYPE html>
<title>Test for autoplay of urls in webapp scopes</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script src="media-controls.js"></script>
<body>
<script>
test(function() {
assert_true(!!window.internals
&& !!internals.settings,
"This test only works when run as a layout test!");
}, "Prerequisites to running the rest of the tests");
internals.settings.setAutoplayPolicy('user-gesture-required');
internals.settings.setWebAppScope(
document.URL.substring(0, document.URL.lastIndexOf('/') + 1)
);
function createMediaElement(type) {
var e = document.createElement(type);
e.src = type == 'audio' ? 'content/test.oga' : 'content/test.ogv';
return e;
}
function createVideoElement() {
return createMediaElement('video');
}
function createAudioElement() {
return createMediaElement('audio');
}
async_test(function(t) {
var e = createVideoElement();
e.autoplay = true;
document.body.appendChild(e);
var expectedEvents = [ 'canplay', 'play', 'playing'];
var eventWatcher = new EventWatcher(t, e, expectedEvents);
eventWatcher.wait_for(expectedEvents).then(
t.step_func_done(function() {
assert_false(e.paused);
}));
}, "Test that a video with an autoplay attribute autoplays when in webapp scope.");
promise_test(function() {
return createVideoElement().play();
}, "Test that play() on a video succeeds without gesture when in webapp scope.");
async_test(function(t) {
var e = createAudioElement();
e.autoplay = true;
document.body.appendChild(e);
var expectedEvents = [ 'canplay', 'play', 'playing'];
var eventWatcher = new EventWatcher(t, e, expectedEvents);
eventWatcher.wait_for(expectedEvents).then(
t.step_func_done(function() {
assert_false(e.paused);
}));
}, "Test that an audio with an autoplay attribute autoplays when in webapp scope.");
promise_test(function() {
return createAudioElement().play();
}, "Test that play() on an audio succeeds without gesture when in webapp scope.");
</script>
</body>