| <!doctype html> |
| <title>TextTrackCue constructor</title> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| <script> |
| if (window.internals) |
| internals.settings.setGenericCueAPIEnabled(true); |
| |
| test( test => { |
| assert_throws(new TypeError, _ => { new TextTrackCue(0, 10, "") }); |
| assert_throws(new TypeError, _ => { new TextTrackCue(0, 10, { }) }); |
| assert_throws(new TypeError, _ => { new TextTrackCue(0, 10, document.createElement('div')) }); |
| }, 'TextTrackCue should throw "TypeError" if the cue node is not a documentFragment'); |
| |
| test( test => { |
| assert_throws("InvalidNodeTypeError", _ => { new TextTrackCue(0, 10, document.createDocumentFragment()) }); |
| }, 'TextTrackCue should throw "InvalidNodeTypeError" if passed an invalid documentFragment'); |
| |
| function createValidCueFragment() |
| { |
| let cueNode = document.createElement('span'); |
| cueNode.setAttribute('cue', ''); |
| |
| let backgroundNode = document.createElement('div'); |
| backgroundNode.setAttribute('cuebackground', ''); |
| backgroundNode.appendChild(cueNode); |
| |
| fragment = document.createDocumentFragment(); |
| fragment.appendChild(backgroundNode); |
| |
| return fragment; |
| } |
| |
| test( test => { |
| let fragment = createValidCueFragment(); |
| let validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.appendChild(document.createElement('table')); |
| assert_throws("InvalidNodeTypeError", _ => { new TextTrackCue(0, 10, fragment) }); |
| |
| }, `TextTrackCue should throw "InvalidNodeTypeError" if documentFragment has an invalid node`); |
| |
| test( test => { |
| let fragment = createValidCueFragment(); |
| let validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.removeAttribute('cuebackground') |
| assert_throws("InvalidStateError", _ => { new TextTrackCue(0, 10, fragment) }); |
| |
| fragment = createValidCueFragment(); |
| fragment.firstChild.firstChild.removeAttribute('cue') |
| assert_throws("InvalidStateError", _ => { new TextTrackCue(0, 10, fragment) }); |
| }, `TextTrackCue should throw "InvalidStateError" if documentFragment doesn't have 'cuebackground' and 'cue' nodes`); |
| |
| test( test => { |
| let fragment = createValidCueFragment(); |
| let validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('br')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('div')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('img')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('p')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('rb')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('rt')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('rtc')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('ruby')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createElement('span')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| fragment.firstChild.appendChild(document.createTextNode('Hello!')); |
| validCue = new TextTrackCue(0, 10, fragment); |
| |
| }, `TextTrackCue should allow all valid node types`); |
| |
| |
| test( test => { |
| let sourceFragment = createValidCueFragment(); |
| let validCue = new TextTrackCue(0, 10, fragment); |
| |
| let cueFragment = validCue.getCueAsHTML(); |
| assert_true(cueFragment instanceof DocumentFragment); |
| |
| assert_true(cueFragment.isEqualNode(sourceFragment)); |
| |
| assert_not_equals(validCue.getCueAsHTML(), cueFragment, "getCueAsHTML() should return a different fragment each time"); |
| |
| }, `Test TextTrackCue.getCueAsHTML()`); |
| |
| </script> |
