| <!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', automatic_beacon: true}); |
| const new_url = new URL("resources/dummy.html", location.href); |
| const beacon_data = "This is the second test's beacon data!"; |
| |
| await fencedframe.execute((new_url, beacon_data) => { |
| 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 = () => { |
| let beacon_event = { |
| eventType: "reserved.top_navigation_commit", |
| eventData: beacon_data, |
| destination: ["buyer"], |
| } |
| window.fence.setReportEventDataForAutomaticBeacons(beacon_event); |
| }; |
| document.body.appendChild(a); |
| |
| }, [new_url, beacon_data]); |
| |
| // This will trigger the beacon data storing + navigation. |
| await actions.pointerMove(0, 0, {origin: fencedframe.element}) |
| .pointerDown() |
| .pointerUp() |
| .send(); |
| |
| const received_beacon_data = await nextAutomaticBeacon(beacon_data); |
| assert_equals(received_beacon_data, beacon_data); |
| |
| // 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> |
