anchor-focus.https.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 2 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /fenced-frame/anchor-focus.https.html - WPT Dashboard Interop Dashboard

<!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>