1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
<!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.regions.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.")
video.addTextTrack("subtitles", "third", "en-CA");
is(trackList.length, 1, "Length should be 1.");
var textTrack = video.textTracks[0];
is(textTrack.label, "third", "Label should be set to third.");
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";
is(textTrack.label, "third", "Label is read-only so should still be \"label\".");
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);
}
// Insert some tracks in an order that is not sorted, we will test if they
// are sorted later.
var trackOne = document.createElement("track");
trackOne.label = "first";
trackOne.src = "basic.vtt";
trackOne.default = true;
trackOne.id = "2";
video.appendChild(trackOne);
video.addTextTrack("subtitles", "fourth", "en-CA");
var trackTwo = document.createElement("track");
trackTwo.label = "second";
trackTwo.src = "basic.vtt";
trackTwo.default = true;
video.appendChild(trackTwo);
video.src = "seek.webm";
video.preload = "metadata";
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.");
// We're testing two things here, firstly that tracks created from a track
// element have a default mode 'disabled' and tracks created with the
// 'addTextTrack' method have a default mode of 'hidden'.
// Secondly we're testing that the tracks are sorted properly.
// 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 trackData = [
{ label: "first", mode: "showing", id: "2" },
{ label: "second", mode: "disabled", id: "" },
{ label: "third", mode: "hidden", id: "" },
{ label: "fourth", mode: "hidden", id: "" }
];
is(video.textTracks.length, trackData.length, "TextTracks length should be " + trackData.length);
for (var i = 0; i < trackData.length; i++) {
var track = video.textTracks[i];
isnot(track, null, "Video should have a text track at index " + i);
var info = trackData[i];
for (var key in info) {
is(track[key], info[key], "Track at index " + i + " should have a '" + key + "'' property " +
"with a value of '" + info[key] + "'.");
}
}
SimpleTest.finish();
});
});
</script>
</pre>
</body>
</html>
|
