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