| <!DOCTYPE html> |
| <title>Test cases when fenced frame size shouldn't be restricted..</title> |
| <meta name="timeout" content="long"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/common/utils.js"></script> |
| <script src="/common/dispatcher/dispatcher.js"></script> |
| <script src="resources/utils.js"></script> |
| |
| <body> |
| <script> |
| async function runTest(api1, |
| expected_initial_size, |
| expected_size_after_resize, |
| api2, |
| expected_size_after_renavigation, |
| expected_size_after_reresize) { |
| const initial_width = 321; |
| const initial_height = 51; |
| |
| const resized_width = 729; |
| const resized_height = 91; |
| |
| const reresized_width = 971; |
| const reresized_height = 251; |
| |
| var frame = await attachFencedFrameContext({ |
| generator_api: api1, resolve_to_config: true, |
| attributes: [['width', initial_width], ['height', initial_height]]}); |
| |
| const assert_dimensions = |
| (expected_width, expected_height) => { |
| getComputedStyle(document.documentElement).width; // Force layout. |
| assert_equals(window.innerWidth, expected_width, "width"); |
| assert_equals(window.innerHeight, expected_height, "height"); |
| } |
| |
| // Check that the initial size of the fenced frame is what we expect. |
| await frame.execute(assert_dimensions, expected_initial_size); |
| |
| // Resize the frame, and check that the size is now what we expect. |
| frame.element.width = resized_width; |
| frame.element.height = resized_height; |
| await frame.execute(assert_dimensions, expected_size_after_resize); |
| |
| // Perform an embedder-initiated navigation, and check that the size is now |
| // what we expect (it should be based on the new context, rather than the old |
| // context). |
| frame = await replaceFrameContext(frame, {generator_api: api2, |
| resolve_to_config: true}); |
| await frame.execute(assert_dimensions, expected_size_after_renavigation); |
| |
| // Resize the newly navigated frame, and check the size. |
| frame.element.width = reresized_width; |
| frame.element.height = reresized_height; |
| await frame.execute(assert_dimensions, expected_size_after_reresize); |
| } |
| |
| promise_test(async () => { |
| return runTest('fledge', [320, 50], [320, 50], |
| 'fledge', [728, 90], [728, 90]); }, |
| "FLEDGE->FLEDGE"); |
| promise_test(async () => { |
| return runTest('sharedstorage', [321, 51], [729, 91], |
| 'sharedstorage', [729, 91], [971, 251]); }, |
| "sharedStorage->sharedStorage"); |
| promise_test(async () => { |
| return runTest('default', [321, 51], [729, 91], |
| 'default', [729, 91], [971, 251]); }, |
| "default->default"); |
| promise_test(async () => { |
| return runTest('default', [321, 51], [729, 91], |
| 'fledge', [728, 90], [728, 90]); }, |
| "default->FLEDGE"); |
| promise_test(async () => { |
| return runTest('default', [321, 51], [729, 91], |
| 'sharedStorage', [729, 91], [971, 251]); }, |
| "default->sharedStorage"); |
| promise_test(async () => { |
| return runTest('fledge', [320, 50], [320, 50], |
| 'default', [729, 91], [971, 251]); }, |
| "FLEDGE->default"); |
| promise_test(async () => { |
| return runTest('sharedstorage', [321, 51], [729, 91], |
| 'default', [729, 91], [971, 251]); }, |
| "sharedStorage->default"); |
| promise_test(async () => { |
| return runTest('sharedstorage', [321, 51], [729, 91], |
| 'fledge', [728, 90], [728, 90]); }, |
| "sharedStorage->FLEDGE"); |
| promise_test(async () => { |
| return runTest('fledge', [320, 50], [320, 50], |
| 'sharedstorage', [729, 91], [971, 251]); }, |
| "FLEDGE->sharedStorage"); |
| </script> |
| </body> |
