summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/fenced-frame/selecturl-flexible-size.https.html
blob: 6b1a07e73a70744b493fea221fd12f94761242e6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!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>