summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/fenced-frame/anchor-focus.https.html
blob: 262781f571ae8104012acaff183fb99462deb1eb (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
<!DOCTYPE html>
<title>Anchor based focusing across a fenced frame boundary</title>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<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>
function attemptAutofocus(frame) {
  return frame.execute(async () => {
    let autofocusInput = document.createElement('input');
    autofocusInput.id = "myinput";
    document.body.appendChild(autofocusInput);
    document.location.href = document.location.href + "#myinput";
    await new Promise(resolve => requestAnimationFrame(resolve));
    return document.activeElement == autofocusInput;
  });
}

promise_test(async () => {
  const frame = attachFencedFrameContext();
  let autofocusIsFocused = await attemptAutofocus(frame);
  assert_false(autofocusIsFocused,
      "element should not get focus through anchor focusing");
}, "Anchor focusing is blocked on an element in a fenced frame " +
    "without user activation.");

promise_test(async () => {
  const frame = attachFencedFrameContext();
  const actions = new test_driver.Actions();
  await actions.pointerMove(0, 0, {origin: frame.element})
               .pointerDown()
               .pointerUp()
               .send();
  let autofocusIsFocused = await attemptAutofocus(frame);
  assert_true(autofocusIsFocused,
      "element should get focus through anchor focusing");
}, "Anchor focusing is allowed on an element in a fenced frame " +
    "with user activation.");
</script>
</body>
</html>