| <!DOCTYPE html> |
| <title>Element ready check with allowfullscreen attribute</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/resources/testdriver.js"></script> |
| <script src="/resources/testdriver-vendor.js"></script> |
| <script src="../trusted-click.js"></script> |
| <iframe name="cross-origin-allowed" allowfullscreen></iframe> |
| <script> |
| promise_test(async (t) => { |
| // Trigger the child frame to report as soon as its content is loaded. |
| const iframe = document.querySelector("iframe"); |
| await new Promise((resolve) => { |
| iframe.onload = resolve; |
| iframe.src = |
| "http://{{hosts[][]}}:{{ports[http][0]}}/fullscreen/api/resources/attempt-fullscreen.html"; |
| }); |
| |
| // Activate the child frame. |
| await test_driver.click(iframe); |
| |
| // When a message is received from a child frame, ensure that the report |
| // matches the expectations. |
| const messagePromise = promiseMessage(iframe); |
| const data = await messagePromise; |
| assert_true( |
| data.report.result, |
| `${data.report.frame} frame did enter fullscreen` |
| ); |
| }, "Element ready check with allowfullscreen attribute"); |
| </script> |
