Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Test payment request is showing boolean #14297

Merged
merged 5 commits into from
Jan 18, 2019
Merged

Test payment request is showing boolean #14297

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
94fd139
Test payment request is showing boolean
Nov 29, 2018
f496d16
Rework tests
Jan 9, 2019
5f1cbd0
Tests for payment-request payment-request/821
Jan 11, 2019
fd97a01
Add ApplePay payment method
Jan 11, 2019
ac2aa9b
Add missing file
Jan 15, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
135 changes: 135 additions & 0 deletions payment-request/payment-is-showing.https.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
<!DOCTYPE html> <meta charset="utf-8" />
<title>Test for PaymentRequest.show(optional promise) method</title>
<link
rel="help"
href="https://w3c.github.io/browser-payment-api/#dfn-payment-request-is-showing"
/>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/resources/testdriver.js"></script>
<script>
"use strict";
setup({ explicit_done: true });
const basicCard = { supportedMethods: "basic-card" };
const methods = [basicCard];
const details = {
total: {
label: "Total",
amount: {
currency: "USD",
value: "1.00",
},
},
};

promise_test(async t => {
const showPromise = test_driver.bless("show payment request", () => {
// Set payment request is showing boolean to true
return new PaymentRequest(methods, details).show();
});
await promise_rejects(
new PaymentRequest(methods, details).show(),
"AbortError",
"Expected to reject with an AbortError DOMException"
);
showPromise.abort();
}, "Simple payment-relevant browsing context's payment request is showing boolean is true");

promise_test(async t => {
// Load up an iframe, so it can set the payment is showing boolean
const iframe = document.createElement("iframe");
iframe.src = "blank.html";
document.body.appendChild(iframe);
await new Promise(resolve => (iframe.onload = resolve));

const iframeRequest = new iframe.contentWindow.PaymentRequest(
methods,
details
);

// Let's get some blessed showPromises
const [iframeShowPromise, showPromise] = await test_driver.bless(
"show payment request",
() => {
// Set top-level is showing boolean to true
const iframeShowPromise = iframeRequest.show();
// The window's showPromise should be rejected, because iframe is showing
const showPromise = window.PaymentRequest(methods, details).show();
marcoscaceres marked this conversation as resolved.
Show resolved Hide resolved
return [iframeShowPromise, showPromise];
}
);

await promise_rejects(
showPromise,
"AbortError",
"Expected to reject with an AbortError DOMException, iframe is showing a payment request"
);

// Bring down the iframe's payment sheet
await iframeRequest.abort();

// We should now be able to show again with top level browsing context,
marcoscaceres marked this conversation as resolved.
Show resolved Hide resolved
// but the iframe will reject.
{
const request = PaymentRequest(methods, details);
const [iframeShowPromise, showPromise] = await test_driver.bless(
"show payment request",
() => {
const iframeRequest = new iframe.contentWindow.PaymentRequest(
methods,
details
);
// Set top-level is showing boolean to true
const showPromise = request.show();
const iframeShowPromise = iframeRequest.show();
return [iframeShowPromise, showPromise];
}
);

// The iframe's iframeShowPromise should be rejected,
// because window set the payment is showing boolean
await promise_rejects(
iframeShowPromise,
"AbortError",
"Expected to reject with an AbortError DOMException, the top window is showing a payment request"
);
}
}, "Simple payment-relevant browsing context's payment request is showing boolean is true");

promise_test(async t => {
const iframe = document.createElement("iframe");
iframe.src = "blank.html";
document.body.appendChild(iframe);
await new Promise(resolve => (iframe.onload = resolve));
const iframeRequest = new iframe.contentWindow.PaymentRequest(
methods,
details
);
const iframeShowPromise = await test_driver.bless(
"show payment request",
() => iframeRequest.show()
);

// We navigate away, causing the sheet to close and the request is showing boolean to become false
iframe.src = "about:blank";
await new Promise(resolve => (iframe.onload = resolve));
await promise_rejects(
iframeShowPromise,
"AbortError",
"Navigating away must cause the iframeShowPromise to reject with an AbortError"
);

// We should now be able to spin up a new payment request
const request = PaymentRequest(methods, details);
const showPromise = await test_driver.bless("show payment request", () =>
request.show()
);
await request.abort();
await promise_rejects(
showPromise,
"AbortError",
"Must reject with AbortError"
);
}, "Navigating an nested browsing context sets 'payment request is showing boolean' back to false");
</script>