summaryrefslogtreecommitdiffstats
path: root/dom/media/test/test_play_events_2.html
blob: 022bb5373a6d6f96b7bba9ff63a9f03a97442367 (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
53
54
55
56
57
58
59
60
<!DOCTYPE HTML>
<html>
<head>
  <title>Media test: play() method via DOM 0 handlers</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>
<body>
<pre id="test">

<script>
var manager = new MediaTestManager;

var tokens = {
  0:                ["play"],
  "play":           ["canplay"],
  "canplay":        ["playing"],
  "playing":        ["canplay", "canplaythrough"],
  "canplaythrough": ["canplay", "canplaythrough"]
};

function gotPlayEvent(event) {
  var v = event.target;
  ok(tokens[v._state].includes(event.type),
     "Check expected event got " + event.type + " at " + v._state + " for " + v.src);
  v._state = event.type;
}

function ended(event) {
  var v = event.target;
  v._finished = true;
  removeNodeAndSource(v);
  manager.finished(v.token);
}

function startTest(test, token) {
  var v = document.createElement('video');
  v.token = token;
  manager.started(token);
  v._state = 0;
  v._finished = false;

  ["play", "canplay", "playing", "canplaythrough"].forEach(function (e) {
    v["on" + e] = gotPlayEvent;
  });

  v.onended = ended;

  v.src = test.name;
  document.body.appendChild(v); // Causes load.
  v.play();
}

manager.runTests(gSmallTests, startTest);

</script>
</pre>
</body>
</html>