Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /payment-request/show-method-optional-promise-rejects.https.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8" />
<title>Test for PaymentRequest.show(optional detailsPromise) method</title>
<link
rel="help"
/>
<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>
// See function testBadUpdate() for test details!
setup({
allow_uncaught_exception: true,
});
// == TEST DATA ===
// PaymentMethod
const validMethod = Object.freeze({
supportedMethods: "valid-but-wont-ever-match",
});
const validMethodBasicCard = Object.freeze({
supportedMethods: "basic-card",
});
const validMethodApplePay = Object.freeze({
data: {
version: 3,
merchantIdentifier: "merchant.com.example",
countryCode: "US",
merchantCapabilities: ["supports3DS"],
supportedNetworks: ["visa"],
},
});
// Methods
const validMethods = Object.freeze([
validMethodBasicCard,
validMethod,
validMethodApplePay,
]);
// Amounts
const validAmount = Object.freeze({
currency: "USD",
value: "1.00",
});
const invalidAmount = Object.freeze({
currency: "¡INVALID!",
value: "A1.0",
});
const negativeAmount = Object.freeze({
currency: "USD",
value: "-1.00",
});
// Totals
const validTotal = Object.freeze({
label: "Valid Total",
amount: validAmount,
});
const invalidTotal = Object.freeze({
label: "Invalid Total",
amount: invalidAmount,
});
const invalidNegativeTotal = Object.freeze({
label: "Invalid negative total",
amount: negativeAmount,
});
// PaymentDetailsInit
const validDetails = Object.freeze({
total: validTotal,
});
const invalidDetailsNegativeTotal = Object.freeze({
total: invalidNegativeTotal,
});
// PaymentOptions
const validOptions = Object.freeze({
requestShipping: true,
});
// PaymentItem
const validPaymentItem = Object.freeze({
amount: validAmount,
label: "Valid payment item",
});
const invalidPaymentItem = Object.freeze({
amount: invalidAmount,
label: "Invalid payment item",
});
// PaymentItem
const validPaymentItems = Object.freeze([validPaymentItem]);
const invalidPaymentItems = Object.freeze([invalidPaymentItem]);
// PaymentShippingOption
const invalidShippingOption = Object.freeze({
id: "abc",
label: "Invalid shipping option",
amount: invalidAmount,
selected: true,
});
// PaymentShippingOptions
const validShippingOption = Object.freeze({
id: "abc",
label: "valid shipping option",
amount: validAmount,
});
const validShippingOptions = Object.freeze([validShippingOption]);
const invalidShippingOptions = Object.freeze([invalidShippingOption]);
// PaymentDetailsModifier
const validModifier = Object.freeze({
additionalDisplayItems: validPaymentItems,
supportedMethods: "valid-but-wont-ever-match",
total: validTotal,
});
const modifierWithInvalidDisplayItems = Object.freeze({
additionalDisplayItems: invalidPaymentItems,
supportedMethods: "basic-card",
total: validTotal,
});
const modifierWithValidDisplayItems = Object.freeze({
additionalDisplayItems: validPaymentItems,
supportedMethods: "basic-card",
total: validTotal,
});
const modifierWithInvalidTotal = Object.freeze({
additionalDisplayItems: validPaymentItems,
supportedMethods: "basic-card",
total: invalidTotal,
});
const recursiveData = {};
recursiveData.foo = recursiveData;
Object.freeze(recursiveData);
const modifierWithRecursiveData = Object.freeze({
supportedMethods: "basic-card",
total: validTotal,
data: recursiveData,
});
// == END OF TEST DATA ===
/*
These test work by creating a "valid" payment request and then
performing a bad update via `show(detailsPromise)`.
The `badDetails` cause detailsPromise to reject with `expectedError`.
*/
function testBadUpdate(testAssertion, badDetails, expectedError) {
promise_test(async (t) => {
const request = new PaymentRequest(
validMethods,
validDetails,
validOptions
);
await test_driver.bless("Payment request");
const detailsPromise = Promise.resolve(badDetails);
const acceptPromise = request.show(detailsPromise);
const test_func =
typeof expectedError == "function"
? promise_rejects_js
: promise_rejects_dom;
await test_func(
t,
expectedError,
acceptPromise,
"badDetails must cause acceptPromise to reject with expectedError"
);
}, testAssertion);
}
const rejectedPromise = Promise.reject(new SyntaxError("test"));
testBadUpdate(
"Rejection of detailsPromise must abort the update with an 'AbortError' DOMException.",
rejectedPromise,
"AbortError"
);
testBadUpdate(
"Total in the update is a string, so converting to IDL must abort the update with a TypeError.",
{ total: `this will cause a TypeError!` },
TypeError
);
testBadUpdate(
"Total is recursive, so converting to IDL must abort the update with a TypeError.",
{ total: recursiveData },
TypeError
);
testBadUpdate(
"Updating with a negative total results in a TypeError.",
invalidDetailsNegativeTotal,
TypeError
);
testBadUpdate(
"Updating with a displayItem with an invalid currency results in RangeError.",
{ ...validDetails, displayItems: invalidPaymentItems },
RangeError
);
testBadUpdate(
"Updating with duplicate shippingOptions (same IDs) results in a TypeError.",
{
...validDetails,
shippingOptions: [validShippingOption, validShippingOption],
},
TypeError
);
testBadUpdate(
"Updating with a shippingOption with an invalid currency value results in a RangError.",
{ ...validDetails, shippingOptions: invalidShippingOptions },
RangeError
);
testBadUpdate(
"Must throw a RangeError when a modifier's total item has an invalid currency.",
{ ...validDetails, modifiers: [modifierWithInvalidTotal, validModifier] },
RangeError
);
testBadUpdate(
"Must throw a RangeError when a modifier display item has an invalid currency.",
{
...validDetails,
modifiers: [modifierWithInvalidDisplayItems, validModifier],
},
RangeError
);
testBadUpdate(
"Must throw as Modifier has a recursive dictionary.",
{ ...validDetails, modifiers: [modifierWithRecursiveData, validModifier] },
TypeError
);
</script>