diff options
Diffstat (limited to 'dom/media/test/test_play_events.html')
-rw-r--r-- | dom/media/test/test_play_events.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/dom/media/test/test_play_events.html b/dom/media/test/test_play_events.html new file mode 100644 index 000000000..69bd2edce --- /dev/null +++ b/dom/media/test/test_play_events.html @@ -0,0 +1,63 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Media test: play() method</title> + <script type="text/javascript" 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].indexOf(event.type) >= 0, + "Check expected event got " + event.type + " at " + v._state + " for " + v.src + + " uneval(event.type)=" + uneval(event.type) + " typeof(event.type)=" + typeof(event.type) + + " uneval(v._state)=" + uneval(v._state) + " typeof(v._state)=" + typeof(v._state) + + " tokens["+v._state+"]=" + tokens[v._state] + + " tokens["+v._state+"].indexOf(event.type)=" + tokens[v._state].indexOf(event.type)); + v._state = event.type; +} + +function ended(event) { + var v = event.target; + removeNodeAndSource(v); + manager.finished(v.token); +} + +function initTest(test, token) { + var v = document.createElement('video'); + v.token = token; + manager.started(token); + v._state = 0; + + ["play", "canplay", "playing", "canplaythrough"].forEach(function (e) { + v.addEventListener(e, gotPlayEvent, false); + }); + + v.addEventListener("ended", ended, false); + + v.src = test.name; + document.body.appendChild(v); // Causes load. + v.play(); +} + +manager.runTests(gSmallTests, initTest); + +</script> +</pre> +</body> +</html> |