automatic-beacon-anchor-click-handler.https.html

Enable keyboard shortcuts

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

<!DOCTYPE html>

<title>Test window.fence.setReportEventDataForAutomaticBeacons</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>

<script src="/resources/testdriver.js"></script>

<script src="/resources/testdriver-actions.js"></script>

<script src="/resources/testdriver-vendor.js"></script>

<script src="/common/get-host-info.sub.js"></script>

<script src="resources/automatic-beacon-helper.js"></script>

<body>

<script>

promise_test(async(t) => {

  const actions = new test_driver.Actions();

  const fencedframe = await attachFencedFrameContext(

    {generator_api: 'fledge', register_beacon: true,

     origin: get_host_info().HTTPS_REMOTE_ORIGIN});

  const new_url = new URL("resources/dummy.html", location.href);

  let beacon_event = {

    eventType: "reserved.top_navigation_commit",

    eventData: "This is the second test's beacon data!",

    destination: ["buyer"],

  await fencedframe.execute((new_url, beacon_event) => {

    let a = document.createElement('a');

    a.textContent = "Click me!";

    a.href = new_url;

    a.target = "_blank";

    a.style.position = "absolute";

    a.style.left = "0px";

    a.style.top = "0px";

    a.style.width = "100%";

    a.style.height = "100%";

    // When the anchor link is clicked, the click handler will set the data

    // before the navigation happens. This test checks to make sure that the

    // data makes it to the correct place by the time the navigation commits.

    a.onclick = () => {

      window.fence.setReportEventDataForAutomaticBeacons(beacon_event);

};

    document.body.appendChild(a);

  }, [new_url, beacon_event]);

  // This will trigger the beacon data storing + navigation.

  await actions.pointerMove(0, 0, {origin: fencedframe.element})

               .pointerDown()

               .pointerUp()

               .send();

  await verifyBeaconData(beacon_event.eventType, beacon_event.eventData,

      get_host_info().HTTPS_REMOTE_ORIGIN);

  // Leaving this fenced frame around for subsequent tests can lead to

  // flakiness.

  document.body.removeChild(fencedframe.element);

}, 'Set and trigger an automatic beacon in an <a> click handler');

</script>

</body>