| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset='utf-8'> |
| <title>user-gesture-preserved-across-xmlhttprequest</title> |
| <script src='/media-resources/media-file.js'></script> |
| <script src='/media-resources/video-test.js'></script> |
| |
| <script> |
| let autoRun = true; |
| |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| testRunner.setCanOpenWindows(true); |
| } |
| |
| function doXHR(delay, timeout, completionHandler) |
| { |
| var xhr = new XMLHttpRequest(); |
| if (window.internals) |
| window.internals.setXHRMaximumIntervalForUserGestureForwarding(xhr, timeout); |
| |
| xhr.open('GET', `/xmlhttprequest/resources/download-with-delay.php?iteration=1&delay=${delay}`, true); |
| |
| xhr.onload = (evt) => { |
| consoleWrite(`EVENT(load): readyState = ${xhr.readyState}`); |
| if (xhr.readyState === 4) { |
| if (xhr.status === 200) { |
| completionHandler(); |
| } else { |
| logResult(Failed, `xhr.onload, status = ${xhr.statusText}`); |
| } |
| } |
| }; |
| |
| xhr.onerror = (err) => { |
| logResult(Failed, `xhr.onerror, status = ${xhr.statusText}`); |
| }; |
| |
| xhr.send(null); |
| } |
| |
| function testComplete() |
| { |
| if (autoRun) |
| nextTest(); |
| } |
| |
| function runTest(test) |
| { |
| if (!test.sequence.length) { |
| switch (test.action) { |
| case 'play': |
| if (test.success) |
| run("shouldResolve(mediaElement.play()).then(testComplete, testComplete)"); |
| else |
| run("shouldReject(mediaElement.play()).then(testComplete, testComplete)"); |
| break; |
| |
| case 'popup': |
| if (window.internals) |
| internals.settings.setJavaScriptCanOpenWindowsAutomatically(false); |
| testExpected('window.open("about:blank")', null, test.success ? '!=' : '=='); |
| testComplete(); |
| break; |
| } |
| return; |
| } |
| |
| let command = test.sequence.shift().trim().split(' '); |
| let delay = command[0]; |
| let method = command[1].toLowerCase(); |
| |
| switch (method) { |
| case 'xhr': |
| consoleWrite(`sending XHR, delay = ${delay}`); |
| doXHR(delay, test.timeout || 0.6, () => runTest(test)); |
| break; |
| case 'timeout': |
| consoleWrite(`setting timeout, delay = ${delay}`); |
| setTimeout(() => { runTest(test); }, delay); |
| break; |
| } |
| |
| } |
| |
| let tests = [ |
| { title : 'gesture -> XHR -> timeout -> XHR -> window.open: should fail because XHR only propagates user gesture for media', |
| action : 'popup', withkey : true, success : false, sequence : ['100 XHR', '100 timeout', '100 xhr'] }, |
| |
| { title : 'gesture -> timeout -> XHR -> timeout -> window.open: should succeed', |
| action : 'popup', withkey : true, success : true, sequence : ['100 timeout', '100 xhr', '100 timeout'] }, |
| |
| { title : 'gesture -> timeout -> XHR -> timeout -> video playback: should succeed', |
| action : 'play', withkey : true, success : true, sequence : ['100 timeout', '100 XHR', '100 timeout'] }, |
| |
| { title : 'gesture -> XHR -> timeout -> XHR -> video playback: should succeed', |
| action : 'play', withkey : true, success : true, sequence : ['100 XHR', '100 timeout', '100 xhr'] }, |
| |
| { title : 'NO gesture -> XHR -> timeout -> video playback: should fail', |
| action : 'play', withkey : false, success : false, sequence : ['100 XHR', '100 timeout'] }, |
| |
| { title : 'gesture -> "long" XHR -> video playback: should fail', |
| action : 'play', withkey : false, success : false, timeout : 0.1, sequence : ['300 XHR'] }, |
| ]; |
| |
| function nextTest() |
| { |
| if (!tests.length) { |
| consoleWrite(''); |
| endTest() |
| return; |
| } |
| |
| let test = tests.shift(); |
| let action = () => { runTest(test) }; |
| consoleWrite(`<br>** ${test.title}`); |
| switch (test.action) { |
| case 'play': |
| let container = document.getElementById('parent'); |
| if (container.firstChild) |
| container.removeChild(container.firstChild); |
| |
| mediaElement = document.createElement('video'); |
| if (window.internals) |
| internals.setMediaElementRestrictions(mediaElement, 'RequireUserGestureForAudioRateChange'); |
| |
| mediaElement.src = "/media-resources/content/" + findMediaFile("video", "test"); |
| mediaElement.controls = 1; |
| container.appendChild(mediaElement); |
| waitForEvent('canplaythrough', event => { |
| if (test.withkey) |
| runWithKeyDown(action); |
| else |
| action(); |
| }); |
| |
| break; |
| |
| case 'popup': |
| if (test.withkey) |
| runWithKeyDown(action); |
| else |
| action(); |
| break; |
| } |
| } |
| |
| function start() |
| { |
| if (autoRun) |
| nextTest(); |
| } |
| |
| </script> |
| </head> |
| |
| <body onload="start()"> |
| <p>Test that a user gesture is preserved across XHR and setTimeout.</p> |
| <div id='parent'></div> |
| <button onclick="nextTest()">Run!</button><br> |
| <pre id='consoleLog'></pre> |
| </body> |
| </html> |
| |
