content/media/test/test_source_media.html
author Paul Adenot <paul@paul.cx>
Tue, 15 May 2012 08:56:51 -0400
changeset 93981 b15a3c5dd0e6abab3098e1134f827aaae2a6a74b
child 162431 69bf31cfafa15a5f2f32b4e79048405de478cb51
permissions -rw-r--r--
Bug 449363 - Support media attribute of <source> elements. r=cpearce,bz

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Media test: media attribute for the source element.</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>
<script type="text/javascript" src="../../html/content/test/reflect.js"></script>
</head>
<body>
<pre id="test">
<script type="text/javascript">
  var testCount = 0;
  function notifyFinished() {
    testCount++;
    if (testCount == 2) {
      SimpleTest.finish();
    }
  }
  SimpleTest.waitForExplicitFinish();

  reflectString({
    element: document.createElement("source"),
    attribute: "media",
  });

  var media = getPlayableVideo(gSmallTests);

  if (media == null) {
    todo(false, "No media supported.");
    SimpleTest.finish();
  } else {
    var v = document.createElement('video');
    v.innerHTML = "<source src=\"" + media.name + "?fail\" media=\"not all\">" +
                  "<source src=\""+ media.name + "?pass\" media=\"all\">";
    var v2 = document.createElement("video");
    v2.innerHTML = "<source src=\""+ media.name +"?pass\">" +
                   "<source src=\""+ media.name + "?fail\" media=\"all\">";
    document.body.appendChild(v);
    document.body.appendChild(v2);

    v.addEventListener("loadedmetadata", function(e) {
        ok(/pass/.test(e.target.currentSrc),
          "The source has been chosen according to the media attribute.");
        notifyFinished();
        });
    v2.addEventListener("loadedmetadata", function(e) {
        ok(/pass/.test(e.target.currentSrc),
          "If no media attribute is specified, it defaults to \'all\'.")
        notifyFinished();
    });
  }

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