81 lines
3.3 KiB
HTML
81 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<title>Payment request delegation test</title>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/testdriver.js"></script>
|
|
<script src="/resources/testdriver-actions.js"></script>
|
|
<script src="/resources/testdriver-vendor.js"></script>
|
|
|
|
<div>
|
|
Verifies that PaymentRequest.show() call from a cross-origin subframe without user activation
|
|
works if and only if the top frame has user activation and it delegates the capability to the
|
|
subframe.
|
|
</div>
|
|
|
|
<iframe allow="payment" width="300px" height="50px"
|
|
src="https://{{hosts[alt][www]}}:{{ports[https][0]}}/payment-request/resources/delegate-request-subframe.sub.html">
|
|
</iframe>
|
|
|
|
<script>
|
|
// Returns a |Promise| that gets resolved with |event.data| when |window|
|
|
// receives from |source| a "message" event whose |event.data.type| matches the string
|
|
// |message_data_type|.
|
|
function getMessageData(message_data_type, source) {
|
|
return new Promise(resolve => {
|
|
function waitAndRemove(e) {
|
|
if (e.source != source || !e.data || e.data.type != message_data_type)
|
|
return;
|
|
window.removeEventListener("message", waitAndRemove);
|
|
resolve(e.data);
|
|
}
|
|
window.addEventListener("message", waitAndRemove);
|
|
});
|
|
}
|
|
|
|
promise_setup(async () => {
|
|
// Make sure the iframe has loaded.
|
|
await getMessageData("subframe-loaded", frames[0]);
|
|
});
|
|
|
|
const target_origin = "https://{{hosts[alt][www]}}:{{ports[https][0]}}";
|
|
const request = {"type": "make-payment-request"};
|
|
|
|
promise_test(async () => {
|
|
let result_promise = getMessageData("result", frames[0]);
|
|
frames[0].postMessage(request, {targetOrigin: target_origin});
|
|
let data = await result_promise;
|
|
|
|
assert_equals(data.result, "failure");
|
|
}, "Payment-request from a subframe fails without delegation when the top frame has no user activation");
|
|
|
|
promise_test(async () => {
|
|
let result_promise = getMessageData("result", frames[0]);
|
|
await test_driver.bless();
|
|
frames[0].postMessage(request, {targetOrigin: target_origin});
|
|
let data = await result_promise;
|
|
|
|
assert_equals(data.result, "failure");
|
|
}, "Payment-request from a subframe fails without delegation when the top frame has user activation");
|
|
|
|
promise_test(async () => {
|
|
let result_promise = getMessageData("result", frames[0]);
|
|
await test_driver.bless();
|
|
frames[0].postMessage(request, {targetOrigin: target_origin,
|
|
delegate: "payment"});
|
|
let data = await result_promise;
|
|
|
|
assert_equals(data.result, "success");
|
|
}, "Payment-request from a subframe succeeds with delegation when the top frame has user activation");
|
|
|
|
// This test must follow the successful test case above so that the user activation state there
|
|
// gets consumed.
|
|
promise_test(async () => {
|
|
let result_promise = getMessageData("result", frames[0]);
|
|
frames[0].postMessage(request, {targetOrigin: target_origin,
|
|
delegate: "payment"});
|
|
let data = await result_promise;
|
|
|
|
assert_equals(data.result, "failure");
|
|
}, "Payment-request from a subframe fails with delegation when the top frame has no user activation");
|
|
|
|
</script>
|