track-node-add-remove.html (1277B)
1 <!DOCTYPE html> 2 <title>Add and remove track node</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <body> 6 <script> 7 test(function() { 8 var video = document.createElement('video'); 9 var tracka = document.createElement('track'); 10 video.appendChild(tracka); 11 var trackb = document.createElement('track'); 12 video.appendChild(trackb); 13 14 // Adding tracks outside the DOM tree. 15 assert_array_equals(video.textTracks, [tracka.track, trackb.track]); 16 17 // Inserting the parent video element into the document. 18 document.body.appendChild(video); 19 assert_array_equals(video.textTracks, [tracka.track, trackb.track]); 20 21 // Inserting and removing another track in the document. 22 var trackc = document.createElement('track'); 23 video.appendChild(trackc); 24 assert_array_equals(video.textTracks, [tracka.track, trackb.track, trackc.track]); 25 26 trackb.parentNode.removeChild(trackb); 27 assert_array_equals(video.textTracks, [tracka.track, trackc.track]); 28 29 // Removing the video from the document. 30 document.body.removeChild(video); 31 assert_array_equals(video.textTracks, [tracka.track, trackc.track]); 32 33 tracka.parentNode.removeChild(tracka); 34 assert_array_equals(video.textTracks, [trackc.track]); 35 }); 36 </script>