1 files changed, 115 insertions, 0 deletions
diff --git a/dom/media/mediasource/test/test_PlayEvents.html b/dom/media/mediasource/test/test_PlayEvents.html
new file mode 100644
index 0000000000..82ccaa42b5
--- /dev/null
+++ b/dom/media/mediasource/test/test_PlayEvents.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>MSE: basic functionality</title>
+  <script src="/tests/SimpleTest/SimpleTest.js"></script>
+  <script type="text/javascript" src="mediasource.js"></script>
+  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
+</head>
+<body>
+<pre id="test">
+<script class="testbody" type="text/javascript">
+
+SimpleTest.waitForExplicitFinish();
+
+// This test checks that readyState is properly set and the appropriate events are being fired accordingly:
+// 1. Load 1.6s of data and ensure that canplay event is fired.
+// 2. Load data to have a complete buffered range from 0 to duration and ensure that canplaythrough is fired.
+// 3. Seek to an area with no buffered data, and ensure that readyState goes back to HAVE_METADATA
+// 4. Load 1.6s of data at the seek position and ensure that canplay is fired and that readyState is now HAVE_FUTURE_DATA
+// 5. Start playing video and check that once it reaches a position with no data, readyState goes back to HAVE_CURRENT_DATA and waiting event is fired.
+// 6. Add 1.6s of data once video element fired waiting, that canplay is fired once readyState is HAVE_FUTURE_DATA.
+// 7. Finally load data to the end and ensure that canplaythrough is fired and that readyState is now HAVE_ENOUGH_DATA
+
+runWithMSE(async (ms, el) => {
+  el.controls = true;
+  await once(ms, "sourceopen");
+  logEvents(el);
+  ok(true, "Receive a sourceopen event");
+  const videosb = ms.addSourceBuffer("video/mp4");
+  el.addEventListener("error", e => {
+    ok(false, `should not fire ${e.type} event`);
+    SimpleTest.finish();
+  });
+  is(el.readyState, el.HAVE_NOTHING, "readyState is HAVE_NOTHING");
+  let p = once(el, "loadedmetadata");
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", ["init"], ".mp4");
+  await p;
+  ok(true, "got loadedmetadata event");
+  p = Promise.all([once(el, "loadeddata"), once(el, "canplay")]);
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 3), ".m4s");
+  await p;
+  ok(true, "got canplay event");
+  // set element duration to 3.203333s. We do so in order to guarantee that
+  // the end of the buffered range will be equal to duration, causing
+  // canplaythrough to be fired later.
+  ms.duration = 3.203333;
+  await once(el, "durationchange");
+  ok(true, "got durationchange event");
+  // Load [0.801666, 3.203333]
+  p = once(el, "canplaythrough");
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(3, 5), ".m4s");
+  await p;
+  ok(true, "got canplaythrough event");
+  // set element duration to 9.203333s, this value is set to coincide with
+  // data added later (we now have an empty range from 6s to 9.203333s).
+  ms.duration = 9.203333;
+  await once(el, "durationchange");
+  ok(true, "got durationchange event");
+  // An arbitrary value, so we are guaranteed to be in a range with no data.
+  el.currentTime = 6;
+  videosb.timestampOffset = 6;
+  ok(el.seeking, "seeking started");
+  await once(el, "seeking");
+  ok(true, "got seeking event");
+  is(el.readyState, el.HAVE_METADATA, "readyState is HAVE_METADATA");
+  // Load [6+0, 6+1.601666)
+  p = Promise.all([once(el, "seeked"), once(el, "canplay")]);
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 3), ".m4s");
+  await p;
+  ok(true, "got seeked and canplay event");
+  is(el.currentTime, 6, "seeked to 6s");
+  is(el.readyState, el.HAVE_FUTURE_DATA, "readyState is HAVE_FUTURE_DATA");
+  // Load [6+1.60166, 6+3.203333]
+  p = once(el, "canplaythrough");
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(3, 5), ".m4s");
+  await p;
+  ok(true, "got canplaythrough event");
+  // set element duration to 19.805s, this value is set to coincide with
+  // data added later (we now have an empty range from 15 to 19.805).
+  ms.duration = 19.805;
+  await once(el, "durationchange");
+  ok(true, "got durationchange event");
+  el.currentTime = 15;
+  videosb.timestampOffset = 15;
+  ok(el.seeking, "seeking started");
+  await once(el, "seeking");
+  ok(true, "got seeking event");
+  // Load [15+0, 15+1.601666)
+  p = once(el, "seeked");
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 3), ".m4s");
+  await p;
+  ok(true, "got seeked event");
+  // Load [15+1.60166, 15+3.203333]
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(3, 5), ".m4s");
+  ok(true, "data loaded");
+  // Playback we play for a little while then stall.
+  p = Promise.all([once(el, "playing"), once(el, "waiting")]);
+  el.play();
+  await p;
+  ok(true, "got playing and waiting event");
+  // Playback has stalled, readyState is back to HAVE_CURRENT_DATA.
+  is(el.readyState, el.HAVE_CURRENT_DATA, "readyState is HAVE_CURRENT_DATA");
+  // Load [15+3.203333, 15+4.805)
+  // Our final buffered range will now be [0, 3.203333)[6, 9.203333)[15, 19.805)
+  p = Promise.all([once(el, "playing"), once(el, "canplay"), once(el, "canplaythrough")]);
+  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(5, 7), ".m4s");
+  await p;
+  ok(true, "got playing, canplay and canplaythrough event");
+  SimpleTest.finish();
+});
+
+</script>
+</pre>
+</body>
+</html>