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 <script src=../media-file.js></script> | 5 <script src=../media-file.js></script> |
| 6 <!-- TODO(philipj): Convert test to testharness.js. crbug.com/588956 |
| 7 (Please avoid writing new tests using video-test.js) --> |
6 <script src=../video-test.js></script> | 8 <script src=../video-test.js></script> |
7 <script> | 9 <script> |
8 | 10 |
9 var numberOfTrackTests = 2; | 11 var numberOfTrackTests = 2; |
10 | 12 |
11 function trackLoaded() | 13 function trackLoaded() |
12 { | 14 { |
13 numberOfTracksLoaded++; | 15 numberOfTracksLoaded++; |
14 if (numberOfTracksLoaded == numberOfTrackTests) { | 16 if (numberOfTracksLoaded == numberOfTrackTests) { |
15 testTrack(0); | 17 testTrack(0); |
16 testTrackError(1); | 18 testTrackError(1); |
17 } | 19 } |
18 } | 20 } |
19 | 21 |
20 function testTrack(i) | 22 function testTrack(i) |
21 { | 23 { |
22 findMediaElement(); | 24 findMediaElement(); |
23 testExpected("video.textTracks[" + i + "].cues.length", "4"); | 25 testExpected("video.textTracks[" + i + "].cues.length", "4"); |
24 | 26 |
25 var fragment = document.createDocumentFragment(); | 27 var fragment = document.createDocumentFragment(); |
26 fragment.appendChild(document.createTextNode("The following bear
is bold:\n")); | 28 fragment.appendChild(document.createTextNode("The following bear
is bold:\n")); |
27 var bold = document.createElement("b"); | 29 var bold = document.createElement("b"); |
28 bold.appendChild(document.createTextNode("Bear")); | 30 bold.appendChild(document.createTextNode("Bear")); |
29 fragment.appendChild(bold); | 31 fragment.appendChild(bold); |
30 fragment.appendChild(document.createTextNode(" is Coming!!!!!"))
; | 32 fragment.appendChild(document.createTextNode(" is Coming!!!!!"))
; |
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 fragment.appendChild(document.createTextNode("The following bear
is in italics and has a class of \"larger\":\n")); | 37 fragment.appendChild(document.createTextNode("The following bear
is in italics and has a class of \"larger\":\n")); |
36 var italics = document.createElement("i"); | 38 var italics = document.createElement("i"); |
37 italics.className = "larger"; | 39 italics.className = "larger"; |
38 italics.appendChild(document.createTextNode("Bear")); | 40 italics.appendChild(document.createTextNode("Bear")); |
39 fragment.appendChild(italics); | 41 fragment.appendChild(italics); |
40 fragment.appendChild(document.createTextNode(" is Coming!!!!!"))
; | 42 fragment.appendChild(document.createTextNode(" is Coming!!!!!"))
; |
41 | 43 |
42 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); | 44 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); |
43 | 45 |
44 fragment = document.createDocumentFragment(); | 46 fragment = document.createDocumentFragment(); |
45 fragment.appendChild(document.createTextNode("The following bear
is underlined even though the element has a blank:\nI said ")); | 47 fragment.appendChild(document.createTextNode("The following bear
is underlined even though the element has a blank:\nI said ")); |
46 var underline = document.createElement("u"); | 48 var underline = document.createElement("u"); |
47 underline.appendChild(document.createTextNode("Bear")); | 49 underline.appendChild(document.createTextNode("Bear")); |
48 fragment.appendChild(underline); | 50 fragment.appendChild(underline); |
49 fragment.appendChild(document.createTextNode(" is coming!!!!")); | 51 fragment.appendChild(document.createTextNode(" is coming!!!!")); |
50 | 52 |
51 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); | 53 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); |
52 | 54 |
53 fragment = document.createDocumentFragment(); | 55 fragment = document.createDocumentFragment(); |
54 fragment.appendChild(document.createTextNode("The following bear
is ruby annotated:\nI said ")); | 56 fragment.appendChild(document.createTextNode("The following bear
is ruby annotated:\nI said ")); |
55 var ruby = document.createElement("ruby"); | 57 var ruby = document.createElement("ruby"); |
56 ruby.appendChild(document.createTextNode("Bear")); | 58 ruby.appendChild(document.createTextNode("Bear")); |
57 var rt = document.createElement("rt"); | 59 var rt = document.createElement("rt"); |
58 rt.appendChild(document.createTextNode("bear with me")); | 60 rt.appendChild(document.createTextNode("bear with me")); |
59 ruby.appendChild(rt); | 61 ruby.appendChild(rt); |
60 fragment.appendChild(ruby); | 62 fragment.appendChild(ruby); |
61 fragment.appendChild(document.createTextNode(" is coming!!!!")); | 63 fragment.appendChild(document.createTextNode(" is coming!!!!")); |
62 | 64 |
63 testExpected(fragment.isEqualNode(video.textTracks[i].cues[3].ge
tCueAsHTML()), true); | 65 testExpected(fragment.isEqualNode(video.textTracks[i].cues[3].ge
tCueAsHTML()), true); |
64 | 66 |
65 allTestsEnded(); | 67 allTestsEnded(); |
66 } | 68 } |
67 | 69 |
68 function testTrackError(i) | 70 function testTrackError(i) |
69 { | 71 { |
70 findMediaElement(); | 72 findMediaElement(); |
71 testExpected("video.textTracks[" + i + "].cues.length", "4"); | 73 testExpected("video.textTracks[" + i + "].cues.length", "4"); |
72 | 74 |
73 var fragment = document.createDocumentFragment(); | 75 var fragment = document.createDocumentFragment(); |
74 fragment.appendChild(document.createTextNode("The following bear
starts bold but end is broken:\n")); | 76 fragment.appendChild(document.createTextNode("The following bear
starts bold but end is broken:\n")); |
75 var bold = document.createElement("b"); | 77 var bold = document.createElement("b"); |
76 bold.appendChild(document.createTextNode("Bear")); | 78 bold.appendChild(document.createTextNode("Bear")); |
77 bold.appendChild(document.createTextNode(" is Coming!!!!!")); | 79 bold.appendChild(document.createTextNode(" is Coming!!!!!")); |
78 fragment.appendChild(bold); | 80 fragment.appendChild(bold); |
79 | 81 |
80 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge
tCueAsHTML()), true); | 82 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge
tCueAsHTML()), true); |
81 | 83 |
82 fragment = document.createDocumentFragment(); | 84 fragment = document.createDocumentFragment(); |
83 fragment.appendChild(document.createTextNode("The following bear
is not in italics but the markup is removed:\n")); | 85 fragment.appendChild(document.createTextNode("The following bear
is not in italics but the markup is removed:\n")); |
84 fragment.appendChild(document.createTextNode("Bear")); | 86 fragment.appendChild(document.createTextNode("Bear")); |
85 fragment.appendChild(document.createTextNode(" is Coming!!!!!"))
; | 87 fragment.appendChild(document.createTextNode(" is Coming!!!!!"))
; |
86 | 88 |
87 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); | 89 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge
tCueAsHTML()), true); |
88 | 90 |
89 | 91 |
90 fragment = document.createDocumentFragment(); | 92 fragment = document.createDocumentFragment(); |
91 fragment.appendChild(document.createTextNode("The following bear
is not underlined and markup is removed:\nI said ")); | 93 fragment.appendChild(document.createTextNode("The following bear
is not underlined and markup is removed:\nI said ")); |
92 fragment.appendChild(document.createTextNode("Bear")); | 94 fragment.appendChild(document.createTextNode("Bear")); |
93 fragment.appendChild(document.createTextNode(" is coming!!!!")); | 95 fragment.appendChild(document.createTextNode(" is coming!!!!")); |
94 | 96 |
95 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); | 97 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge
tCueAsHTML()), true); |
96 | 98 |
97 fragment = document.createDocumentFragment(); | 99 fragment = document.createDocumentFragment(); |
98 fragment.appendChild(document.createTextNode("The following bear
is not ruby annotated and markup is removed:\nI said ")); | 100 fragment.appendChild(document.createTextNode("The following bear
is not ruby annotated and markup is removed:\nI said ")); |
99 fragment.appendChild(document.createTextNode("Bear")); | 101 fragment.appendChild(document.createTextNode("Bear")); |
100 fragment.appendChild(document.createTextNode("bear with me")); | 102 fragment.appendChild(document.createTextNode("bear with me")); |
101 fragment.appendChild(document.createTextNode(" is coming!!!!")); | 103 fragment.appendChild(document.createTextNode(" is coming!!!!")); |
102 | 104 |
103 testExpected(fragment.isEqualNode(video.textTracks[i].cues[3].ge
tCueAsHTML()), true); | 105 testExpected(fragment.isEqualNode(video.textTracks[i].cues[3].ge
tCueAsHTML()), true); |
104 | 106 |
105 allTestsEnded(); | 107 allTestsEnded(); |
106 } | 108 } |
107 </script> | 109 </script> |
108 </head> | 110 </head> |
109 <body onload="enableAllTextTracks()"> | 111 <body onload="enableAllTextTracks()"> |
110 <p>Tests cues with <b>, <i>, <u>, <rt> and <r
uby> tags.</p> | 112 <p>Tests cues with <b>, <i>, <u>, <rt> and <r
uby> tags.</p> |
111 <video> | 113 <video> |
112 <track src="captions-webvtt/tc023-markup.vtt" onload="trackLoaded()"
> | 114 <track src="captions-webvtt/tc023-markup.vtt" onload="trackLoaded()"
> |
113 <track src="captions-webvtt/tc023-markup-bad.vtt" onload="trackLoade
d()"> | 115 <track src="captions-webvtt/tc023-markup-bad.vtt" onload="trackLoade
d()"> |
114 </video> | 116 </video> |
115 </body> | 117 </body> |
116 </html> | 118 </html> |
OLD | NEW |