test-webpayments.js

const methodData = [{
  supportedMethods: ["basic-card"],
  data: {
    supportedNetworks: ['visa', 'mastercard'],
    supportedTypes: ['debit']
  }
}, {
  supportedMethods: ["https://example.com/bobpay"],
  data: {
    merchantIdentifier: "XXXX",
    bobPaySpecificField: true
  }
}];

const details = {
  id: "super-store-order-123-12312",
  displayItems: [{
    label: "Sub-total",
    amount: { currency: "USD", value: "55.00" }, // US$55.00
  }, {
    label: "Sales Tax",
    amount: { currency: "USD", value: "5.00" }, // US$5.00
  }],
  total: {
    label: "Total due",
    amount: { currency: "USD", value: "60.00" }, // US$60.00
  }
}

const options = {
  requestShipping: true
}

const request = new PaymentRequest(methodData, details, options);
request.show()
.then(res => console.log(`waddup: ${res}`))
.catch(err => console.error(`err: ${err}`));

setTimeout(() => {
  request.abort()
  .then(() => console.log("it's all good [aborted]"))
  .catch(err => console.error(`error aborting: ${err}`))
}, 2000);

const request2 = new PaymentRequest(methodData, details, options);
request2.show()
.then(res => console.log(`waddup: ${res}`))
.catch(err => console.error(`err: ${err}`));

setTimeout(() => {
  request2.abort()
  .then(() => console.log("it's all good [aborted 2]"))
  .catch(err => console.error(`error aborting: ${err}`))
}, 2000);