payment-request/show-method-optional-promise-rejects.https.html

<!DOCTYPE html>
<meta charset="utf-8" />
<title>Test for PaymentRequest.show(optional detailsPromise) method</title>
<link
  rel="help"
  href="https://w3c.github.io/browser-payment-api/#show-method"
/>
<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({
    supportedMethods: "https://apple.com/apple-pay",
    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>