From ecd02bd47b76d3eec841165ce7e988e99a78632e Mon Sep 17 00:00:00 2001
From: Paul ADENOT <paul@paul.cx>
Date: Sun, 3 Jul 2011 11:53:39 +0200
Subject: [PATCH] Bug 462959 - Tests for HTMLMediaElement.played;
 r=cpearce+kinetik

---
 content/media/test/Makefile.in      |   1 +
 content/media/test/manifest.js      |   8 +
 content/media/test/test_played.html | 231 ++++++++++++++++++++++++++++
 3 files changed, 240 insertions(+)
 create mode 100644 content/media/test/test_played.html
diff --git a/content/media/test/Makefile.in b/content/media/test/Makefile.in
index a538b7550a0..b26441e1387 100644
--- a/content/media/test/Makefile.in
+++ b/content/media/test/Makefile.in
@@ -126,6 +126,7 @@ _TEST_FILES = \
 		test_paused_after_ended.html \
 		test_play_events.html \
 		test_play_events_2.html \
+		test_played.html \
 		test_playback.html \
 		test_playback_errors.html \
 		test_preload_actions.html \
diff --git a/content/media/test/manifest.js b/content/media/test/manifest.js
index b3238af5eb9..4870dfe1262 100644
--- a/content/media/test/manifest.js
+++ b/content/media/test/manifest.js
@@ -23,6 +23,14 @@ var gProgressTests = [
   { name:"bogus.duh", type:"bogus/duh" }
 ];
 
+// Used by test_played
+var gPlayedTests = [
+  { name:"big.wav", type:"audio/x-wav", duration:9.0, size:102444 },
+  { name:"sound.ogg", type:"audio/ogg", duration:4.0, size:2603 },
+  { name:"seek.ogv", type:"video/ogg", duration:3.966, size:285310 },
+  { name:"seek.webm", type:"video/webm", duration:3.966 }
+];
+
 // Used by test_mozLoadFrom.  Need one test file per decoder backend, plus
 // anything for testing clone-specific bugs.
 var gCloneTests = gSmallTests.concat([
diff --git a/content/media/test/test_played.html b/content/media/test/test_played.html
new file mode 100644
index 00000000000..edad877719b
--- /dev/null
+++ b/content/media/test/test_played.html
@@ -0,0 +1,231 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test played member for media elements</title>
+<script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
+<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 class="testbody" type='application/javascript;version=1.8'>
+
+let manager = new MediaTestManager;
+
+function finish_test(element) {
+  if (element.parentNode)
+    element.parentNode.removeChild(element);
+  element.src = "";
+  manager.finished(element.token);
+}
+
+// Check that a file has been played in its entirety
+function check_full_file_played(element) {
+  element.addEventListener('ended', function() {
+    let interval_count = element.played.length;
+    is(interval_count, 1, "normal play: a.played.length must be 1");
+    is(element.played.start(0), 0, "start time shall be 0");
+    is(element.played.end(0), element.duration, "end time shall be duration");
+    finish_test(element);
+  }, false);
+}
+
+var tests = [
+// Without playing, check that player.played.length == 0
+{
+  setup : function(element) {
+    element.addEventListener("loadedmetadata", function() {
+      is(element.played.length, 0, "audio: initial played.length equals zero");
+      finish_test(element);
+    });
+  }
+},
+// Play the file, test the range we have
+{
+  setup : function(element) {
+    check_full_file_played(element);
+    element.play();
+  }
+},
+
+// Play the first half of the file, pause, play
+// and check we have only one range
+{
+  setup : function (element) {
+    let onEnded = function() {
+      element.pause();
+      element.currentTime = 0;
+      element.play();
+    }
+    element.addEventListener("ended", onEnded, false);
+    check_full_file_played(element);
+    element.play();
+  }
+},
+
+// Play the first half of the file, seek back, while
+// continuing to play. We shall have only one range
+{
+  setup : function (element) {
+    let onTimeUpdate = function() {
+      if (element.currentTime > element.duration / 2) {
+        element.removeEventListener("timeupdate", onTimeUpdate, false);
+        element.currentTime = element.duration / 4;
+      }
+    }
+    element.addEventListener("timeupdate", onTimeUpdate, false);
+    check_full_file_played(element);
+    element.play();
+  }
+},
+
+// Play and seek to have two ranges, and check that, as well a
+// boundaries
+{
+  setup : function (element) {
+    let onTimeUpdate = function() {
+      if (element.currentTime > element.duration / 2) {
+        element.removeEventListener("timeupdate", onTimeUpdate, false);
+        element.pause();
+        element.currentTime += element.duration / 10;
+        element.play();
+      }
+    }
+
+    element.addEventListener("loadedmetadata", function() {
+      element.addEventListener("timeupdate", onTimeUpdate, false);
+    }, false);
+
+
+    element.addEventListener("ended", (function() {
+      is(element.played.length, 2, "element.played.length == 2");
+      is(element.played.start(0), 0, "start of first range shall be 0");
+      var guess = element.played.end(0) + element.duration / 10.0;
+      ok(rangeCheck(element.played.start(1), guess), "we should have seeked forward by one tenth of the duration");
+      is(element.played.end(1), element.duration, "end of second range shall be the total duration");
+      finish_test(element);
+    }), false);
+
+    element.play();
+  }
+},
+
+// Play and seek to have to overlapping ranges. They should be merged, to a
+// range spanning all the test audio file.
+{
+  setup : function (element) {
+    let onTimeUpdate = function() {
+      if (element.currentTime > element.duration / 2) {
+        element.removeEventListener("timeupdate", onTimeUpdate, false);
+        element.currentTime = element.duration / 3;
+      }
+    };
+    element.addEventListener("loadedmetadata", function() {
+      element.addEventListener("timeupdate", onTimeUpdate, false);
+      check_full_file_played(element);
+      element.play();
+    }, false);
+  }
+},
+
+// Play to create two ranges, in the reverse order. check that they are sorted.
+{
+  setup : function (element) {
+    function end() {
+      element.pause();
+      let p = element.played;
+      ok(p.length >= 1, "There should be at least one range");
+      is(p.start(0), element.duration / 6,
+         "Start of first range should be the sixth of the duration");
+      ok(p.end(p.length - 1) > 5 * element.duration / 6,
+         "End of last range should be greater that five times the sixth of the duration");
+      finish_test(element);
+    }
+
+    function pauseseekrestart() {
+      element.pause();
+      element.currentTime = element.duration / 6;
+      element.play();
+    }
+
+    function onTimeUpdate_pauseseekrestart() {
+      if (element.currentTime > 5 * element.duration / 6) {
+        element.removeEventListener("timeupdate", onTimeUpdate_pauseseekrestart, false);
+        pauseseekrestart();
+        element.addEventListener("timeupdate", onTimeUpdate_end, false);
+      }
+    }
+
+    function onTimeUpdate_end() {
+      if (element.currentTime > 3 * element.duration / 6) {
+        element.removeEventListener("timeupdate", onTimeUpdate_end, false);
+        end();
+      }
+    }
+
+    element.addEventListener("timeupdate", onTimeUpdate_pauseseekrestart, false);
+
+    element.addEventListener('loadedmetadata', function() {
+      element.currentTime = 4 * element.duration / 6;
+      element.play();
+    }, false);
+  }
+},
+// Seek repeatedly without playing. No range should appear.
+{
+  setup : function(element) {
+    let index = 1;
+
+    element.addEventListener('ended', function() {
+      is(element.played.length, 0, "element.played.length should be 0");
+      finish_test(element);
+    }, false);
+
+    element.addEventListener('seeked', function() {
+      index++;
+      element.currentTime = index * element.duration / 5;
+    }, false);
+
+    element.addEventListener('loadedmetadata', function() {
+      element.currentTime = element.duration / 5;
+    }, false);
+  }
+}
+];
+
+function rangeCheck(n1, n2) {
+  var THRESHOLD = 0.35;
+  var diff = Math.abs(n1 - n2);
+  return diff < THRESHOLD;
+}
+
+function createTestArray(tests) {
+  var A = [];
+  for (var i = 0; i < tests.length; i++) {
+    for (var k = 0; k < gPlayedTests.length; k++) {
+      A.push({
+        setup : tests[i].setup,
+        name : gPlayedTests[k].name,
+        type : gPlayedTests[k].type
+      });
+    }
+  }
+  return A;
+}
+
+function startTest(test, token) {
+  var elemType = /^audio/.test(test.type) ? "audio" : "video";
+  var element = document.createElement(elemType);
+  element.src = test.name;
+  element.token = token;
+  test.setup(element);
+  manager.started(token);
+}
+
+manager.runTests(createTestArray(tests), startTest);
+
+</script>
+</pre>
+</body>
+</html>
