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