summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/fenced-frame/automatic-beacon-click-handler.https.html
blob: 505eb6174f20de38ce6103f76e46dccc8caaa7a2 (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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!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>

<body>
<script>
promise_test(async(t) => {
  const actions = new test_driver.Actions();
  const fencedframe = await attachFencedFrameContext(
      {generator_api: 'fledge'});
  const new_url = new URL("resources/dummy.html", location.href);
  const beacon_data = "This is the beacon data!";

  await fencedframe.execute((new_url, beacon_data) => {
    addEventListener("click", (event) => {
      let beacon_event = {
        eventType: "reserved.top_navigation",
        eventData: beacon_data,
        destination: ["buyer"],
      }
      window.fence.setReportEventDataForAutomaticBeacons(beacon_event);
      window.open(new_url, "_blank");
    });
  }, [new_url, beacon_data]);

  await actions.pointerMove(0, 0, {origin: fencedframe.element})
               .pointerDown()
               .pointerUp()
               .send();

  const received_beacon_data = await nextAutomaticBeacon();
  assert_equals(received_beacon_data, beacon_data);
}, 'Set and trigger an automatic beacon in a click handler');

promise_test(async(t) => {
  const fencedframe = await attachFencedFrameContext(
    {generator_api: 'fledge'});
  const new_url = new URL("resources/dummy.html", location.href);
  const beacon_data = "This is the beacon data!";

  await fencedframe.execute((new_url, beacon_data) => {
    const actions = new test_driver.Actions();
    let a = document.createElement('a');
    a.textContent = "Click me!";
    a.href = new_url;
    a.target = "_blank";

    // 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 = () => {
      let beacon_event = {
        eventType: "reserved.top_navigation",
        eventData: beacon_data,
        destination: ["buyer"],
      }
      window.fence.setReportEventDataForAutomaticBeacons(beacon_event);
    };
    document.body.appendChild(a);

    // This will trigger the beacon data storing + navigation.
    return actions.pointerMove(0, 0, {origin: a})
                 .pointerDown()
                 .pointerUp()
                 .send();
  }, [new_url, beacon_data]);

  const received_beacon_data = await nextAutomaticBeacon();
  assert_equals(received_beacon_data, beacon_data);
}, 'Set and trigger an automatic beacon in an <a> click handler');

</script>
</body>