dom/media/test/test_load_same_resource.html
author JW Wang <jwwang@mozilla.com>
Mon, 06 Mar 2017 15:03:39 +0800
changeset 346066 34ad60160536daa711cd574721a03538cd699d76
parent 346065 f5c0df74ee7357ac251a9403f3da7e0465915d45
child 346067 f4ce1268e40b2485e2204c3b99dda432fca78a61
permissions -rw-r--r--
Bug 1289742. P3 - use the 'once' handler. r=kaku MozReview-Commit-ID: LOxpTEUvKID

<!DOCTYPE HTML>
<html>
<head>
  <title>Test loading of the same resource in multiple elements</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 class="testbody" type="text/javascript">

SimpleTest.requestCompleteLog();
var manager = new MediaTestManager;

function cloneLoaded(event) {
  ok(true, "Clone loaded OK");
  var e = event.target;

  if (e._expectedDuration) {
    ok(Math.abs(e.duration - e._expectedDuration) < 0.1,
       "Clone " + e.currentSrc + " duration: " + e.duration + " expected: " + e._expectedDuration);
  }

  removeNodeAndSource(e);
  manager.finished(e.token);
}

function tryClone(event) {
  var e = event.target;
  var clone = e.cloneNode(false);
  clone.token = e.token;

  // Log events for debugging.
  var events = ["suspend", "play", "canplay", "canplaythrough", "loadstart", "loadedmetadata",
                "loadeddata", "playing", "ended", "error", "stalled", "emptied", "abort",
                "waiting", "pause"];
  function logEvent(evt) {
    var e = evt.target;
    info(e.token + ": got " + evt.type);
  }
  events.forEach(function(e) {
    clone.addEventListener(e, logEvent);
  });


  if (e._expectedDuration) {
    ok(Math.abs(e.duration - e._expectedDuration) < 0.1,
       e.currentSrc + " duration: " + e.duration + " expected: " + e._expectedDuration);
    clone._expectedDuration = e._expectedDuration;
  }

  clone.addEventListener("loadeddata", cloneLoaded, {once: true});
  clone.addEventListener("loadstart", function(evt) {
    info("cloned " + evt.target.token + " start loading.");
    // Since there is only one H264 decoder instance, we have to delete the
    // decoder of the original element for the cloned element to load. However,
    // we can't delete the decoder too early otherwise cloning decoder will
    // fail to kick in. We wait for 'loadstart' event of the cloned element to
    // know when the decoder is already cloned and we can delete the decoder of
    // the original element.
    removeNodeAndSource(e);
  }, {once: true});
}

// This test checks that loading the same URI twice in different elements at the same time
// uses the same resource without doing another network fetch. One of the gCloneTests
// uses dynamic_resource.sjs to return one resource on the first fetch and a different resource
// on the second fetch. These resources have different lengths, so if the cloned element
// does a network fetch it will get a resource with the wrong length and we get a test
// failure.

function initTest(test, token) {
  var elemType = /^audio/.test(test.type) ? "audio" : "video";
  var e = document.createElement(elemType);
  e.preload = "auto";
  e.src = test.name;
  if (test.duration) {
    e._expectedDuration = test.duration;
  }
  ok(true, "Trying to load " + test.name);
  e.addEventListener("loadeddata", tryClone, {once: true});
  e.load();
  e.token = token;
  manager.started(token);
}

manager.runTests(gCloneTests, initTest);

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