| <!DOCTYPE html> |
| <title>Entities in the cue text</title> |
| <script src="track-helpers.js"></script> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script> |
| var getCueAsHTMLContent = function(cue) { |
| return cue.getCueAsHTML().textContent; |
| }; |
| |
| check_cues_from_track("resources/entities.vtt", function(track) { |
| var expected = [ |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has an ampersand & character." }, |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has a less than < character." }, |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has a greater than > character." }, |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has a Left-to-Right Mark \u200e." }, |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has a Right-to-Left Mark \u200f." }, |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has a non-breaking space \u00a0." }, |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This & is parsed to the same as &." } |
| ]; |
| |
| assert_cues_html_content(track.cues, expected); |
| }); |
| |
| check_cues_from_track("resources/entities-wrong.vtt", function(track) { |
| var expected = [ |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has a less than ", }, |
| { innerHTML: getCueAsHTMLContent, |
| expected: "This cue has a greater than > character.\nSince it's not related to a < character,\nit's just interpreted as text.", } |
| ]; |
| |
| assert_cues_html_content(track.cues, expected); |
| }); |
| </script> |