Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 2 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /payment-request/payment-request-canmakepayment-method.https.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>Tests for PaymentRequest.canMakePayment() method</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src='/resources/testdriver-vendor.js'></script>
<script>
"use strict";
const basicCard = Object.freeze({ supportedMethods: "basic-card" });
const applePay = Object.freeze({
data: {
version: 3,
merchantIdentifier: "merchant.com.example",
countryCode: "US",
merchantCapabilities: ["supports3DS"],
supportedNetworks: ["visa"],
}
});
const defaultMethods = Object.freeze([basicCard, applePay]);
const defaultDetails = Object.freeze({
total: {
label: "Total",
amount: {
currency: "USD",
value: "1.00",
},
},
});
const unsupportedMethods = [
{ supportedMethods: "this-is-not-supported" },
];
promise_test(async t => {
const request = new PaymentRequest(defaultMethods, defaultDetails);
assert_true(
await request.canMakePayment(),
"one of the methods should be supported"
);
}, `If payment method identifier are supported, resolve promise with true.`);
promise_test(async t => {
const request = new PaymentRequest(defaultMethods, defaultDetails);
try {
assert_true(
await request.canMakePayment(),
`canMakePaymentPromise should be true`
);
assert_true(
await request.canMakePayment(),
`canMakePaymentPromise should be true`
);
} catch (err) {
assert_equals(
err.name,
"NotAllowedError",
"if it throws, then it must be a NotAllowedError."
);
}
}, `If request.[[state]] is "created", then return a promise that resolves to true for known method.`);
promise_test(async t => {
const noneSupported = new PaymentRequest(
unsupportedMethods,
defaultDetails
).canMakePayment();
assert_false(await noneSupported, `methods must not be supported`);
}, "All methods are unsupported");
promise_test(async t => {
const someSupported = new PaymentRequest(
[...unsupportedMethods, ...defaultMethods],
defaultDetails
).canMakePayment();
assert_true(await someSupported, `At least one method is expected to be supported.`);
}, `Mix of supported and unsupported methods, at least one method is supported.`);
promise_test(async t => {
const request = new PaymentRequest(defaultMethods, defaultDetails);
const [acceptPromise, canMakePaymentPromise] = await test_driver.bless(
"show payment request",
() => {
const acceptPromise = request.show(); // Sets state to "interactive"
const canMakePaymentPromise = request.canMakePayment();
return [acceptPromise, canMakePaymentPromise];
});
await promise_rejects_dom(t, "InvalidStateError", canMakePaymentPromise);
request.abort();
await promise_rejects_dom(t, "AbortError", acceptPromise);
// The state should be "closed"
await promise_rejects_dom(t, "InvalidStateError", request.canMakePayment());
}, 'If request.[[state]] is "interactive", then return a promise rejected with an "InvalidStateError" DOMException.');
promise_test(async t => {
const request = new PaymentRequest(defaultMethods, defaultDetails);
const [abortPromise, acceptPromise] = await test_driver.bless(
"show payment request",
() => {
const acceptPromise = request.show(); // Sets state to "interactive"
acceptPromise.catch(() => {}); // no-op, just to silence unhandled rejection in devtools.
const abortPromise = request.abort(); // Sets state to "closed"
return [abortPromise, acceptPromise];
});
await abortPromise;
await promise_rejects_dom(t, "AbortError", acceptPromise);
await promise_rejects_dom(t, "InvalidStateError", request.canMakePayment());
}, 'If request.[[state]] is "closed", then return a promise rejected with an "InvalidStateError" DOMException.');
</script>
<small>
If you find a buggy test, please <a href="https://github.com/web-platform-tests/wpt/issues">file a bug</a>
and tag one of the <a href="https://github.com/web-platform-tests/wpt/blob/master/payment-request/META.yml">suggested reviewers</a>.
</small>