blob: 7d070de72f2c6595e83e74a58172b2b8e151d97f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
<!DOCTYPE HTML>
<html>
<head>
<title>Looping events order</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<script type="text/javascript" src="manifest.js"></script>
</head>
<script type="text/javascript">
/**
* This test is used to ensure the events order when media is looping back to
* the start position. We should see events in following order.
* 'seeking' -> 'timeupdate' -> 'seeked'.
*/
SimpleTest.waitForExplicitFinish();
var tests = [
{ name:"small-shot.ogg", type:"audio/ogg" },
{ name:"seek-short.webm", type:"video/webm" }
];
async function testTimeupdateChanged({name, type}) {
info(`- start testPlay for name=${name} -`);
const element = document.createElement(getMajorMimeType(type));
element.src = name;
element.loop = true;
await once(element, "canplay");
ok(await element.play().then(() => true, () => false), `start playing ${name}`);
let gotTimeUpdated = false;
await once(element, "seeking");
element.addEventListener("timeupdate", function() {
gotTimeUpdated = true;
}, {once: true});
await once(element, "seeked");
ok(gotTimeUpdated, "Got timeupdate between seeking and seeked.");
removeNodeAndSource(element);
}
(async function startTest() {
for (let test of tests) {
await testTimeupdateChanged(test);
}
SimpleTest.finish();
})();
</script>
</pre>
</body>
</html>
|
