third_party/blink/web_tests/external/wpt/html/semantics/embedded-content/media-elements/track/track-element/track-webvtt-markup.html - chromium/src - Git at Google

 <!DOCTYPE html>
 <title>Cues with &lt;b&gt;, &lt;i&gt;, &lt;u&gt;, &lt;rt&gt; and &lt;ruby&gt; tags</title>
 <meta name="timeout" content="long">
 <script src="track-helpers.js"></script>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script>
 check_cues_from_track("resources/markup.vtt", function(track) {
     assert_equals(track.cues.length, 4);

     var children = [
         { type: "text", value: "The following bear is bold:\n" },
         { type: "b", value: [ { type: "text", value: "Bear" } ] },
         { type: "text", value: " is Coming!!!!!" }
     ];
     assert_cue_fragment(track.cues[0], children);

     children = [
         { type: "text", value: "The following bear is in italics and has a class of \"larger\":\n" },
         { type: "i", value: [ { type: "text", value: "Bear" } ] },
         { type: "text", value: " is Coming!!!!!" }
     ];

     var fragment = createFragment(children);
     fragment.querySelector("i").className = "larger";
     assert_true(fragment.isEqualNode(track.cues[1].getCueAsHTML()));

     children = [
         { type: "text", value: "The following bear is underlined even though the element has a blank:\nI said " },
         { type: "u", value: [ { type: "text", value: "Bear" } ] },
         { type: "text", value: " is coming!!!!" }
     ];
     assert_cue_fragment(track.cues[2], children);

     children = [
         { type: "text", value: "The following bear is ruby annotated:\nI said " },
         {
             type: "ruby",
             value: [
                 { type: "text", value: "Bear" },
                 {
                     type: "rt",
                     value: [ { type: "text", value: "bear with me" } ]
                 }
             ]
         },
         { type: "text", value: " is coming!!!!" }
     ];
     assert_cue_fragment(track.cues[3], children);
 });

 check_cues_from_track("resources/markup-bad.vtt", function(track) {
     assert_equals(track.cues.length, 4);

     var children = [
         { type: "text", value: "The following bear starts bold but end is broken:\n" },
         {
             type: "b",
             value:
             [
                 { type: "text", value: "Bear" },
                 { type: "text", value: " is Coming!!!!!" }
             ]
         }
     ];
     assert_cue_fragment(track.cues[0], children);

     children = [
         { type: "text", value: "The following bear is not in italics but the markup is removed:\n" },
         { type: "text", value: "Bear" },
         { type: "text", value: " is Coming!!!!!" }
     ];
     assert_cue_fragment(track.cues[1], children);

     children = [
         { type: "text", value: "The following bear is not underlined and markup is removed:\nI said " },
         { type: "text", value : "Bear" },
         { type: "text", value : " is coming!!!!" }
     ];
     assert_cue_fragment(track.cues[2], children);

     children = [
         { type: "text", value: "The following bear is not ruby annotated and markup is removed:\nI said " },
         { type: "text", value: "Bear" },
         { type: "text", value: "bear with me" },
         { type: "text", value: " is coming!!!!" }
     ];
     assert_cue_fragment(track.cues[3], children);
 });
 </script>
	<!DOCTYPE html>
	<title>Cues with <b>, <i>, <u>, <rt> and <ruby> tags</title>
	<meta name="timeout" content="long">
	<script src="track-helpers.js"></script>
	<script src="/resources/testharness.js"></script>
	<script src="/resources/testharnessreport.js"></script>
	<script>
	check_cues_from_track("resources/markup.vtt", function(track) {
	assert_equals(track.cues.length, 4);

	var children = [
	{ type: "text", value: "The following bear is bold:\n" },
	{ type: "b", value: [ { type: "text", value: "Bear" } ] },
	{ type: "text", value: " is Coming!!!!!" }
	];
	assert_cue_fragment(track.cues[0], children);

	children = [
	{ type: "text", value: "The following bear is in italics and has a class of \"larger\":\n" },
	{ type: "i", value: [ { type: "text", value: "Bear" } ] },
	{ type: "text", value: " is Coming!!!!!" }
	];

	var fragment = createFragment(children);
	fragment.querySelector("i").className = "larger";
	assert_true(fragment.isEqualNode(track.cues[1].getCueAsHTML()));

	children = [
	{ type: "text", value: "The following bear is underlined even though the element has a blank:\nI said " },
	{ type: "u", value: [ { type: "text", value: "Bear" } ] },
	{ type: "text", value: " is coming!!!!" }
	];
	assert_cue_fragment(track.cues[2], children);

	children = [
	{ type: "text", value: "The following bear is ruby annotated:\nI said " },
	{
	type: "ruby",
	value: [
	{ type: "text", value: "Bear" },
	{
	type: "rt",
	value: [ { type: "text", value: "bear with me" } ]
	}
	]
	},
	{ type: "text", value: " is coming!!!!" }
	];
	assert_cue_fragment(track.cues[3], children);
	});

	check_cues_from_track("resources/markup-bad.vtt", function(track) {
	assert_equals(track.cues.length, 4);

	var children = [
	{ type: "text", value: "The following bear starts bold but end is broken:\n" },
	{
	type: "b",
	value:
	[
	{ type: "text", value: "Bear" },
	{ type: "text", value: " is Coming!!!!!" }
	]
	}
	];
	assert_cue_fragment(track.cues[0], children);

	children = [
	{ type: "text", value: "The following bear is not in italics but the markup is removed:\n" },
	{ type: "text", value: "Bear" },
	{ type: "text", value: " is Coming!!!!!" }
	];
	assert_cue_fragment(track.cues[1], children);

	children = [
	{ type: "text", value: "The following bear is not underlined and markup is removed:\nI said " },
	{ type: "text", value : "Bear" },
	{ type: "text", value : " is coming!!!!" }
	];
	assert_cue_fragment(track.cues[2], children);

	children = [
	{ type: "text", value: "The following bear is not ruby annotated and markup is removed:\nI said " },
	{ type: "text", value: "Bear" },
	{ type: "text", value: "bear with me" },
	{ type: "text", value: " is coming!!!!" }
	];
	assert_cue_fragment(track.cues[3], children);
	});
	</script>