2013-06-20 06:55:00 -07:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<!--
|
|
|
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=833386
|
|
|
|
|
-->
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8'>
|
|
|
|
|
<title>Test for Bug 833386 - TextTrackList</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"/>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<p id="display"></p>
|
|
|
|
|
<div id="content" style="display: none">
|
|
|
|
|
</div>
|
|
|
|
|
<pre id="test">
|
|
|
|
|
<script class="testbody" type="text/javascript">
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
SpecialPowers.pushPrefEnv({"set": [["media.webvtt.enabled", true]]},
|
|
|
|
|
function() {
|
|
|
|
|
var video = document.createElement("video");
|
|
|
|
|
|
|
|
|
|
isnot(video.textTracks, undefined, "HTMLMediaElement::TextTrack() property should be available.")
|
|
|
|
|
|
|
|
|
|
var trackList = video.textTracks;
|
|
|
|
|
is(trackList.length, 0, "Length should be 0.");
|
|
|
|
|
|
|
|
|
|
ok(typeof video.addTextTrack == "function", "HTMLMediaElement::AddTextTrack() function should be available.")
|
2014-02-27 09:47:23 -08:00
|
|
|
video.addTextTrack("subtitles", "third", "en-CA");
|
2013-06-20 06:55:00 -07:00
|
|
|
is(trackList.length, 1, "Length should be 1.");
|
|
|
|
|
|
|
|
|
|
var textTrack = video.textTracks[0];
|
2014-02-27 09:47:23 -08:00
|
|
|
is(textTrack.label, "third", "Label should be set to third.");
|
2013-06-20 06:55:00 -07:00
|
|
|
is(textTrack.language, "en-CA", "Language should be en-CA.");
|
|
|
|
|
is(textTrack.kind, "subtitles", "Default kind should be subtitles.");
|
|
|
|
|
is(textTrack.mode, "hidden", "Default mode should be hidden.");
|
|
|
|
|
|
|
|
|
|
// Mode should not allow a bogus value.
|
|
|
|
|
textTrack.mode = 'bogus';
|
|
|
|
|
is(textTrack.mode, 'hidden', "Mode should be not allow a bogus value.");
|
|
|
|
|
|
|
|
|
|
// Should allow all these values for mode.
|
|
|
|
|
checkMode("showing", "Mode should allow \"showing\"");
|
|
|
|
|
checkMode("disabled", "Mode should allow \"disabled\"");
|
|
|
|
|
checkMode("hidden", "Mode should allow \"hidden\"");
|
|
|
|
|
|
|
|
|
|
// All below are read-only properties and so should not allow setting.
|
|
|
|
|
textTrack.label = "French subtitles";
|
2014-02-27 09:47:23 -08:00
|
|
|
is(textTrack.label, "third", "Label is read-only so should still be \"label\".");
|
2013-06-20 06:55:00 -07:00
|
|
|
|
|
|
|
|
textTrack.language = "en";
|
|
|
|
|
is(textTrack.language, "en-CA", "Language is read-only so should still be \"en-CA\".");
|
|
|
|
|
|
|
|
|
|
textTrack.kind = "captions";
|
|
|
|
|
is(textTrack.kind, "subtitles", "Kind is read-only so should still be \"subtitles\"");
|
|
|
|
|
|
|
|
|
|
function checkMode(value, message) {
|
|
|
|
|
textTrack.mode = value;
|
|
|
|
|
is(textTrack.mode, value, message);
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-27 09:47:23 -08:00
|
|
|
// Test that text tracks are sorted correctly when being inserted on the
|
|
|
|
|
// MediaElements list of text tracks. For this test we add four tracks, the
|
|
|
|
|
// first one was at the start of the test, the next three are below.
|
|
|
|
|
var trackOne = document.createElement("track");
|
|
|
|
|
trackOne.label = "first";
|
|
|
|
|
trackOne.src = "basic.vtt";
|
|
|
|
|
video.appendChild(trackOne);
|
|
|
|
|
|
|
|
|
|
video.addTextTrack("subtitles", "fourth", "en-CA");
|
|
|
|
|
|
|
|
|
|
var trackTwo = document.createElement("track");
|
|
|
|
|
trackTwo.label = "second";
|
|
|
|
|
trackTwo.src = "basic.vtt";
|
|
|
|
|
video.appendChild(trackTwo);
|
|
|
|
|
|
|
|
|
|
video.src = "seek.webm";
|
|
|
|
|
video.preload = "auto";
|
|
|
|
|
|
|
|
|
|
document.getElementById("content").appendChild(video);
|
|
|
|
|
|
|
|
|
|
video.addEventListener("loadedmetadata", function run_tests() {
|
|
|
|
|
// Re-que run_tests() at the end of the event loop until the track
|
|
|
|
|
// element has loaded its data.
|
|
|
|
|
if (trackOne.readyState == 1 || trackTwo.readyState == 1) {
|
|
|
|
|
setTimeout(run_tests, 0);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
is(trackOne.readyState, 2, "First Track::ReadyState should be set to LOADED.");
|
|
|
|
|
is(trackTwo.readyState, 2, "Second Track::ReadyState should be set to LOADED.");
|
|
|
|
|
|
|
|
|
|
// For the tracks to be sorted the first two tracks, added through a
|
|
|
|
|
// TrackElement, must occupy the first two indexes in their TrackElement
|
|
|
|
|
// tree order. The second two tracks, added through the 'addTextTrack'
|
|
|
|
|
// method, will occupy the last two indexes in the order that they were
|
|
|
|
|
// added in.
|
|
|
|
|
var labels = [ "first", "second", "third", "fourth" ];
|
|
|
|
|
is(video.textTracks.length, labels.length, "TextTracks length should be " + labels.length);
|
|
|
|
|
for (var i = 0; i < video.textTracks.length; i++) {
|
|
|
|
|
isnot(video.textTracks[i], null, "Video should have a text track at " + i + " index.");
|
|
|
|
|
is(video.textTracks[i].label, labels[i], "Text track at " + i + " should be " + labels[i]);
|
|
|
|
|
}
|
|
|
|
|
SimpleTest.finish();
|
|
|
|
|
});
|
|
|
|
|
});
|
2013-06-20 06:55:00 -07:00
|
|
|
</script>
|
|
|
|
|
</pre>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
