Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(632)

Side by Side Diff: third_party/WebKit/LayoutTests/media/track/track-webvtt-tc025-class-markup.html

Issue 2051233004: Convert track-webvtt-tc[024-026] tests to testharness.js (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: address comments Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <title>Tests cues with class markup &lt;c&gt;.</title>
3 <head> 3 <script src="track-helpers.js"></script>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <script src="../../resources/testharness.js"></script>
5 <script src="../../resources/testharnessreport.js"></script>
6 <script>
7 check_cues_from_track("captions-webvtt/tc025-class.vtt", function(track) {
8 assert_equals(track.cues.length, 3);
5 9
6 <script src=../media-file.js></script> 10 var children = [
7 <!-- TODO(foolip): Convert test to testharness.js. crbug.com/588956 11 {
8 (Please avoid writing new tests using video-test.js) --> 12 type: "span",
9 <script src=../video-test.js></script> 13 value:
10 <script> 14 [
15 { type: "text", value: "Bear is Coming!!!!!" },
16 { type: "style", value: { className: "black" } }
17 ]
18 }
19 ];
20 assert_cue_fragment(track.cues[0], children);
11 21
12 var numberOfTrackTests = 2; 22 children = [
23 {
24 type: "span",
25 value:
26 [
27 { type: "text", value: "I said Bear is coming!!!!" },
28 { type: "style", value: { className: "green" } }
29 ]
30 }
31 ];
32 assert_cue_fragment(track.cues[1], children, { className: "green" });
13 33
14 function trackLoaded() 34 children = [
15 { 35 { type: "text", value: "I said " },
16 numberOfTracksLoaded++; 36 {
17 if (numberOfTracksLoaded == numberOfTrackTests) { 37 type: "span",
18 testTrack(0); 38 value:
19 testTrackError(1); 39 [
20 } 40 { type: "text", value: "Bear is coming now" },
21 } 41 { type: "style", value: { className: "red uppercase" } }
42 ]
43 },
44 { type: "text", value: "!!!!" }
45 ];
46 assert_cue_fragment(track.cues[2], children, { className: "red uppercase" }) ;
47 });
22 48
23 function testTrack(i) 49 check_cues_from_track("captions-webvtt/tc025-class-bad.vtt", function(track) {
24 { 50 assert_equals(track.cues.length, 3);
25 findMediaElement();
26 testExpected("video.textTracks[" + i + "].cues.length", "3");
27 51
28 var fragment = document.createDocumentFragment(); 52 var children = [
29 var cspan = document.createElement("span"); 53 { type: "span", value: [ { type: "text", value: "Bear is Coming!!!!!" } ] },
30 cspan.className = "black"; 54 { type: "text", value: "\nThe space signified an annotation start." }
31 cspan.appendChild(document.createTextNode("Bear is Coming!!!!!") ); 55 ];
32 fragment.appendChild(cspan); 56 assert_cue_fragment(track.cues[0], children);
33 57
34 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge tCueAsHTML()), true); 58 children = [
59 {
60 type: "span",
61 value:
62 [
63 { type: "text", value: "I said Bear is coming!!!!" },
64 { type: "style", value: { className: "red&large" } }
65 ]
66 },
67 { type: "text", value: "\nProbably should only allow characters that CSS allows in class names." }
68 ];
69 assert_cue_fragment(track.cues[1], children, { className: "red&large" });
35 70
36 fragment = document.createDocumentFragment(); 71 children = [
37 cspan = document.createElement("span"); 72 { type: "text", value: "I said " },
38 cspan.className = "green"; 73 {
39 cspan.appendChild(document.createTextNode("I said Bear is coming !!!!")); 74 type: "span",
40 fragment.appendChild(cspan); 75 value:
41 76 [
42 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge tCueAsHTML()), true); 77 { type: "text", value: "Bear is coming now" },
43 78 { type: "style", value: { className: "9red upper+case" } }
44 fragment = document.createDocumentFragment(); 79 ]
45 fragment.appendChild(document.createTextNode("I said ")); 80 },
46 cspan = document.createElement("span"); 81 { type: "text", value: "!!!!\nProbably should only allow characters that CSS allows in class names." }
47 cspan.className = "red uppercase"; 82 ];
48 cspan.appendChild(document.createTextNode("Bear is coming now")) ; 83 assert_cue_fragment(track.cues[2], children, { className: "9red upper+case" });
49 fragment.appendChild(cspan); 84 });
50 fragment.appendChild(document.createTextNode("!!!!")); 85 </script>
51
52 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge tCueAsHTML()), true);
53
54 allTestsEnded();
55 }
56
57 function testTrackError(i)
58 {
59 findMediaElement();
60 testExpected("video.textTracks[" + i + "].cues.length", "3");
61
62 var fragment = document.createDocumentFragment();
63 var cspan = document.createElement("span");
64 cspan.appendChild(document.createTextNode("Bear is Coming!!!!!") );
65 fragment.appendChild(cspan);
66 fragment.appendChild(document.createTextNode("\nThe space signif ied an annotation start."));
67
68 testExpected(fragment.isEqualNode(video.textTracks[i].cues[0].ge tCueAsHTML()), true);
69
70 fragment = document.createDocumentFragment();
71 cspan = document.createElement("span");
72 cspan.className = "red&large";
73 cspan.appendChild(document.createTextNode("I said Bear is coming !!!!"));
74 fragment.appendChild(cspan);
75 fragment.appendChild(document.createTextNode("\nProbably should only allow characters that CSS allows in class names."));
76
77 testExpected(fragment.isEqualNode(video.textTracks[i].cues[1].ge tCueAsHTML()), true);
78
79 fragment = document.createDocumentFragment();
80 fragment.appendChild(document.createTextNode("I said "));
81 cspan = document.createElement("span");
82 cspan.className = "9red upper+case";
83 cspan.appendChild(document.createTextNode("Bear is coming now")) ;
84 fragment.appendChild(cspan);
85 fragment.appendChild(document.createTextNode("!!!!\nProbably sho uld only allow characters that CSS allows in class names."));
86
87 testExpected(fragment.isEqualNode(video.textTracks[i].cues[2].ge tCueAsHTML()), true);
88
89 allTestsEnded();
90 }
91 </script>
92 </head>
93 <body onload="enableAllTextTracks()">
94 <p>Tests cues with class markup &lt;c&gt;.</p>
95 <video>
96 <track src="captions-webvtt/tc025-class.vtt" onload="trackLoaded()">
97 <track src="captions-webvtt/tc025-class-bad.vtt" onload="trackLoaded ()">
98 </video>
99 </body>
100 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698