delegate-request.https.sub.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /payment-request/delegate-request.https.sub.html - WPT Dashboard Interop Dashboard

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