track-webvtt-entities.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/embedded-content/media-elements/track/track-element/track-webvtt-entities.html - WPT Dashboard Interop Dashboard

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