test_arraybuffer.html (2700B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=1462967 5 --> 6 <head> 7 <title>Test for Bug 1457661</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 10 <script type="text/javascript" src="manifest.js"></script> 11 </head> 12 <body> 13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1457661">Mozilla Bug 1457661</a> 14 15 <p id="display"></p> 16 <div id="content" style="display: none"> 17 18 </div> 19 <pre id="test"> 20 <script type="application/javascript"> 21 22 // Test for Bug 1457661; Ensure that readyState properly move to 4 when using arrayBuffer obtained from XMLHttpRequest 23 24 var manager = new MediaTestManager; 25 26 function getBlob(url, callback) { 27 const req = new XMLHttpRequest(); 28 req.addEventListener("load", function() { 29 callback(req.response); 30 }); 31 req.open("GET", url, true); 32 req.responseType = "arraybuffer"; 33 req.send(); 34 } 35 36 function startTest(test, token) { 37 manager.started(token); 38 // Fetch the media resource using XHR so we can be sure the entire 39 // resource is loaded before we test buffered ranges. This ensures 40 // we have deterministic behaviour. 41 getBlob(test.name, function(arr) { 42 const v = document.createElement("video"); 43 const events = [ "suspend", "play", "canplay", "canplaythrough", "loadstart", "loadedmetadata", 44 "loadeddata", "playing", "ended", "error", "stalled", "emptied", "abort", 45 "waiting", "pause", "durationchange", "seeking", "seeked" ]; 46 function logEvent(e) { 47 info(test.name + ": got " + e.type + " event"); 48 } 49 events.forEach(function(e) { 50 v.addEventListener(e, logEvent); 51 }); 52 once(v, "stalled", function() { 53 // Resource fetch algorithm in local mode should never fire stalled event. 54 // https://html.spec.whatwg.org/multipage/media.html#concept-media-load-resource 55 ok(false, test.name + ": got stalled"); 56 removeNodeAndSource(v); 57 manager.finished(token); 58 }); 59 once(v, "canplaythrough", function() { 60 ok(true, test.name + ": got canplaythrough"); 61 is(v.readyState, v.HAVE_ENOUGH_DATA, test.name + ": readyState is HAVE_ENOUGH_DATA"); 62 removeNodeAndSource(v); 63 manager.finished(token); 64 }); 65 const blob = new Blob([arr], {type:test.type}); 66 const blobUrl = URL.createObjectURL(blob); 67 68 document.body.appendChild(v); 69 v.preload = "auto"; 70 v.src = blobUrl; 71 v.load(); 72 }); 73 } 74 75 SimpleTest.waitForExplicitFinish(); 76 // Note: No need to set media test prefs, since we're using XHR to fetch 77 // media data. 78 manager.runTests(gSmallTests, startTest); 79 80 </script> 81 </pre> 82 </body> 83 </html>