mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-06-16 14:29:46 +00:00
72 lines
2.0 KiB
HTML
72 lines
2.0 KiB
HTML
<!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="../../../dom/html/test/reflect.js"></script>
|
|
</head>
|
|
<body>
|
|
<pre id="test">
|
|
<script type="text/javascript">
|
|
var testCount = 0;
|
|
function notifyFinished() {
|
|
testCount++;
|
|
if (testCount == 2) {
|
|
SimpleTest.finish();
|
|
}
|
|
}
|
|
|
|
function clearNode(n) {
|
|
n.remove();
|
|
n.src = "";
|
|
while (n.firstChild) {
|
|
n.removeChild(n.firstChild);
|
|
}
|
|
}
|
|
|
|
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.preload = "metadata";
|
|
v.innerHTML = "<source src=\"" + media.name + "?fail\" media=\"not all\">" +
|
|
"<source src=\""+ media.name + "?pass\" media=\"all\">";
|
|
var v2 = document.createElement("video");
|
|
v2.preload = "metadata";
|
|
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.");
|
|
clearNode(e.target);
|
|
notifyFinished();
|
|
});
|
|
v2.addEventListener("loadedmetadata", function(e) {
|
|
ok(/pass/.test(e.target.currentSrc),
|
|
"If no media attribute is specified, it defaults to \'all\'.")
|
|
clearNode(e.target);
|
|
notifyFinished();
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|