| 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 |