| <!DOCTYPE html> |
| <!-- |
| Tentative due to: |
| https://github.com/WICG/capability-delegation/issues/10 |
| --> |
| <title>Fullscreen request delegation test</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/resources/testdriver.js"></script> |
| <script src="/resources/testdriver-actions.js"></script> |
| <script src="/resources/testdriver-vendor.js"></script> |
| |
| <div> |
| Verifies that element.requestFullscreen() call from a cross-origin subframe without user |
| activation works if and only if the top frame has user activation and it delegates the capability |
| to the subframe. |
| |
| https://wicg.github.io/capability-delegation/spec.html |
| |
| See wpt/html/user-activation/propagation*.html for child->parent user activation visibility tests. |
| TODO: Check same-origin iframes, sibling frames, and popup<->opener delegation. |
| </div> |
| |
| <iframe allow="fullscreen" width="300px" height="50px" |
| src="https://{{hosts[alt][www]}}:{{ports[https][0]}}/fullscreen/api/resources/delegate-request-subframe.html"> |
| </iframe> |
| |
| <script> |
| // Returns a |Promise| that gets resolved with |event.data| when |window| |
| // receives from |source| a "message" event whose |event.data.type| matches the string |
| // |message_data_type|. |
| function getMessageData(message_data_type, source) { |
| return new Promise(resolve => { |
| function waitAndRemove(e) { |
| if (e.source != source || !e.data || e.data.type != message_data_type) |
| return; |
| window.removeEventListener("message", waitAndRemove); |
| resolve(e.data); |
| } |
| window.addEventListener("message", waitAndRemove); |
| }); |
| } |
| |
| promise_setup(async () => { |
| // Make sure the iframe has loaded. |
| await getMessageData("subframe-loaded", frames[0]); |
| }); |
| |
| const target_origin = "https://{{hosts[alt][www]}}:{{ports[https][0]}}"; |
| const request = {"type": "make-fullscreen-request"}; |
| |
| promise_test(async () => { |
| let result_promise = getMessageData("result", frames[0]); |
| frames[0].postMessage(request, {targetOrigin: target_origin}); |
| let data = await result_promise; |
| |
| assert_equals(data.result, "failure"); |
| }, "Fullscreen-request from a subframe fails without delegation when the top frame has no user activation"); |
| |
| promise_test(async () => { |
| let result_promise = getMessageData("result", frames[0]); |
| frames[0].postMessage(request, {targetOrigin: target_origin, |
| delegate: "fullscreen"}); |
| let data = await result_promise; |
| |
| assert_equals(data.result, "failure"); |
| }, "Fullscreen-request from a subframe fails with delegation when the top frame has no user activation"); |
| |
| promise_test(async () => { |
| let result_promise = getMessageData("result", frames[0]); |
| await test_driver.bless(); |
| frames[0].postMessage(request, {targetOrigin: target_origin}); |
| let data = await result_promise; |
| |
| assert_equals(data.result, "failure"); |
| }, "Fullscreen-request from a subframe fails without delegation when the top frame has user activation"); |
| |
| promise_test(async () => { |
| let result_promise = getMessageData("result", frames[0]); |
| await test_driver.bless(); |
| frames[0].postMessage(request, {targetOrigin: target_origin, |
| delegate: "fullscreen"}); |
| let data = await result_promise; |
| |
| assert_equals(data.result, "success"); |
| }, "Fullscreen-request from a subframe succeeds with delegation when the top frame has user activation"); |
| |
| </script> |
