OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
5 | 5 |
6 <script src=../media-file.js></script> | 6 <script src=../media-file.js></script> |
| 7 <!-- TODO(philipj): Convert test to testharness.js. crbug.com/588956 |
| 8 (Please avoid writing new tests using video-test.js) --> |
7 <script src=../video-test.js></script> | 9 <script src=../video-test.js></script> |
8 <script> | 10 <script> |
9 | 11 |
10 var numberOfTrackTests = 2; | 12 var numberOfTrackTests = 2; |
11 | 13 |
12 function trackLoaded() | 14 function trackLoaded() |
13 { | 15 { |
14 numberOfTracksLoaded++; | 16 numberOfTracksLoaded++; |
15 if (numberOfTracksLoaded == numberOfTrackTests) { | 17 if (numberOfTracksLoaded == numberOfTrackTests) { |
16 testTrack(0); | 18 testTrack(0); |
17 testTrackError(1); | 19 testTrackError(1); |
18 } | 20 } |
19 } | 21 } |
20 | 22 |
21 function testTrack(i) | 23 function testTrack(i) |
22 { | 24 { |
23 findMediaElement(); | 25 findMediaElement(); |
24 testExpected("video.textTracks[" + i + "].cues.length", "3"); | 26 testExpected("video.textTracks[" + i + "].cues.length", "3"); |
25 | 27 |
26 var fragment = document.createDocumentFragment(); | 28 var fragment = document.createDocumentFragment(); |
27 var cspan = document.createElement("span"); | 29 var cspan = document.createElement("span"); |
28 cspan.className = "black"; | 30 cspan.className = "black"; |
29 cspan.appendChild(document.createTextNode("Bear is Coming!!!!!")
); | 31 cspan.appendChild(document.createTextNode("Bear is Coming!!!!!")
); |
30 fragment.appendChild(cspan); | 32 fragment.appendChild(cspan); |
31 | 33 |
32 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge
tCueAsHTML()), true); | 34 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge
tCueAsHTML()), true); |
33 | 35 |
34 fragment = document.createDocumentFragment(); | 36 fragment = document.createDocumentFragment(); |
35 cspan = document.createElement("span"); | 37 cspan = document.createElement("span"); |
36 cspan.className = "green"; | 38 cspan.className = "green"; |
37 cspan.appendChild(document.createTextNode("I said Bear is coming
!!!!")); | 39 cspan.appendChild(document.createTextNode("I said Bear is coming
!!!!")); |
38 fragment.appendChild(cspan); | 40 fragment.appendChild(cspan); |
39 | 41 |
40 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); | 42 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); |
41 | 43 |
42 fragment = document.createDocumentFragment(); | 44 fragment = document.createDocumentFragment(); |
43 fragment.appendChild(document.createTextNode("I said ")); | 45 fragment.appendChild(document.createTextNode("I said ")); |
44 cspan = document.createElement("span"); | 46 cspan = document.createElement("span"); |
45 cspan.className = "red uppercase"; | 47 cspan.className = "red uppercase"; |
46 cspan.appendChild(document.createTextNode("Bear is coming now"))
; | 48 cspan.appendChild(document.createTextNode("Bear is coming now"))
; |
47 fragment.appendChild(cspan); | 49 fragment.appendChild(cspan); |
48 fragment.appendChild(document.createTextNode("!!!!")); | 50 fragment.appendChild(document.createTextNode("!!!!")); |
49 | 51 |
50 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); | 52 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); |
51 | 53 |
52 allTestsEnded(); | 54 allTestsEnded(); |
53 } | 55 } |
54 | 56 |
55 function testTrackError(i) | 57 function testTrackError(i) |
56 { | 58 { |
57 findMediaElement(); | 59 findMediaElement(); |
58 testExpected("video.textTracks[" + i + "].cues.length", "3"); | 60 testExpected("video.textTracks[" + i + "].cues.length", "3"); |
59 | 61 |
60 var fragment = document.createDocumentFragment(); | 62 var fragment = document.createDocumentFragment(); |
61 var cspan = document.createElement("span"); | 63 var cspan = document.createElement("span"); |
62 cspan.appendChild(document.createTextNode("Bear is Coming!!!!!")
); | 64 cspan.appendChild(document.createTextNode("Bear is Coming!!!!!")
); |
63 fragment.appendChild(cspan); | 65 fragment.appendChild(cspan); |
64 fragment.appendChild(document.createTextNode("\nThe space signif
ied an annotation start.")); | 66 fragment.appendChild(document.createTextNode("\nThe space signif
ied an annotation start.")); |
65 | 67 |
66 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge
tCueAsHTML()), true); | 68 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge
tCueAsHTML()), true); |
67 | 69 |
68 fragment = document.createDocumentFragment(); | 70 fragment = document.createDocumentFragment(); |
69 cspan = document.createElement("span"); | 71 cspan = document.createElement("span"); |
70 cspan.className = "red&large"; | 72 cspan.className = "red&large"; |
71 cspan.appendChild(document.createTextNode("I said Bear is coming
!!!!")); | 73 cspan.appendChild(document.createTextNode("I said Bear is coming
!!!!")); |
72 fragment.appendChild(cspan); | 74 fragment.appendChild(cspan); |
73 fragment.appendChild(document.createTextNode("\nProbably should
only allow characters that CSS allows in class names.")); | 75 fragment.appendChild(document.createTextNode("\nProbably should
only allow characters that CSS allows in class names.")); |
74 | 76 |
75 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); | 77 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); |
76 | 78 |
77 fragment = document.createDocumentFragment(); | 79 fragment = document.createDocumentFragment(); |
78 fragment.appendChild(document.createTextNode("I said ")); | 80 fragment.appendChild(document.createTextNode("I said ")); |
79 cspan = document.createElement("span"); | 81 cspan = document.createElement("span"); |
80 cspan.className = "9red upper+case"; | 82 cspan.className = "9red upper+case"; |
81 cspan.appendChild(document.createTextNode("Bear is coming now"))
; | 83 cspan.appendChild(document.createTextNode("Bear is coming now"))
; |
82 fragment.appendChild(cspan); | 84 fragment.appendChild(cspan); |
83 fragment.appendChild(document.createTextNode("!!!!\nProbably sho
uld only allow characters that CSS allows in class names.")); | 85 fragment.appendChild(document.createTextNode("!!!!\nProbably sho
uld only allow characters that CSS allows in class names.")); |
84 | 86 |
85 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); | 87 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); |
86 | 88 |
87 allTestsEnded(); | 89 allTestsEnded(); |
88 } | 90 } |
89 </script> | 91 </script> |
90 </head> | 92 </head> |
91 <body onload="enableAllTextTracks()"> | 93 <body onload="enableAllTextTracks()"> |
92 <p>Tests cues with class markup <c>.</p> | 94 <p>Tests cues with class markup <c>.</p> |
93 <video> | 95 <video> |
94 <track src="captions-webvtt/tc025-class.vtt" onload="trackLoaded()"> | 96 <track src="captions-webvtt/tc025-class.vtt" onload="trackLoaded()"> |
95 <track src="captions-webvtt/tc025-class-bad.vtt" onload="trackLoaded
()"> | 97 <track src="captions-webvtt/tc025-class-bad.vtt" onload="trackLoaded
()"> |
96 </video> | 98 </video> |
97 </body> | 99 </body> |
98 </html> | 100 </html> |
OLD | NEW |