<!DOCTYPE html>
<title>Test frame size behavior in selectURL fenced frames.</title>
<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(original_width, original_height, new_width, new_height) {
  // Attach a selectURL fenced frame whose outer container has dimensions
  // `original_width` by `original_height`.
  const frame = await attachFencedFrameContext({
      generator_api: "sharedstorage", resolve_to_config: true,
      attributes: [["width", original_width], ["height", original_height]]});

  const assert_dimensions =
      (label, original_width, original_height,
       expected_width, expected_height) => {
    assert_equals(getComputedStyle(document.documentElement).width,
        expected_width+"px",
        label + " the computed width (originally " + original_width
        + ") should be " + expected_width);
    assert_equals(window.innerWidth, expected_width,
        label + " the innerWidth (originally " + original_width
        + ") should be " + expected_width);
    assert_equals(window.innerHeight, expected_height,
        label + " the innerHeight (originally " + original_height
        + ") should be " + expected_height);
  }

  // Assert that the fenced frame sees the original dimensions.
  await frame.execute(assert_dimensions, ["After navigation",
      original_width, original_height, original_width, original_height]);

  // Assert that the embedder sees the fenced frame's original dimensions.
  assert_equals(frame.width, original_width.toString(),
      "The outer container width is the requested width.");
  assert_equals(frame.height, original_height.toString(),
      "The outer container height is the requested height.");

  // Resize the fenced frame's outer container.
  frame.width = new_width;
  frame.height = new_height;

  // Observe that the selectURL fenced frame sees the new size.
  await frame.execute(assert_dimensions, ["After resizing",
      original_width, original_height, new_width, new_height]);
}

// Exact size cases.
promise_test(async () => { return runTest(299, 72, 100, 101); }, '299x72->100x101');

</script>
</body>
