| <!doctype html> |
| <meta charset="utf8"> |
| <link rel="help" href="https://w3c.github.io/payment-request/#updatewith()-method"> |
| <title> |
| updateWith() method - duplicate shippingOption ids |
| </title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script> |
| setup({ explicit_done: true, explicit_timeout: true }); |
| |
| const validMethod = Object.freeze({ supportedMethods: "basic-card" }); |
| const validMethods = [validMethod]; |
| const validAmount = Object.freeze({ |
| currency: "USD", |
| value: "5.00", |
| }); |
| const validShippingOption = Object.freeze({ |
| id: "option1", |
| label: "Option 1", |
| amount: validAmount, |
| selected: true, |
| }); |
| const validShippingOptions = Object.freeze([validShippingOption]); |
| const validDetails = Object.freeze({ |
| total: { |
| label: "Total due", |
| amount: validAmount, |
| }, |
| shippingOptions: validShippingOptions, |
| }); |
| const validOptions = Object.freeze({ |
| requestShipping: true, |
| }); |
| |
| test(() => { |
| try { |
| const request = new PaymentRequest(validMethods, validDetails); |
| } catch (err) { |
| done(); |
| throw err; |
| } |
| }, "Must construct a PaymentRequest (smoke test)"); |
| |
| function testFireEvents(button) { |
| button.disabled = true; |
| promise_test(async t => { |
| const request = new PaymentRequest( |
| validMethods, |
| validDetails, |
| validOptions |
| ); |
| request.addEventListener("shippingaddresschange", event => { |
| // Same option, so duplicate ids |
| const otherShippingOption = Object.assign({}, validShippingOption, { |
| id: "other", |
| }); |
| const shippingOptions = [ |
| validShippingOption, |
| otherShippingOption, |
| validShippingOption, |
| ]; |
| const newDetails = Object.assign({}, validDetails, { shippingOptions }); |
| event.updateWith(newDetails); |
| }); |
| const acceptPromise = request.show(); |
| await promise_rejects( |
| t, |
| new TypeError(), |
| acceptPromise, |
| "Duplicate shippingOption ids must abort with TypeError" |
| ); |
| }, button.textContent.trim()); |
| done(); |
| } |
| </script> |
| <h2>updateWith() method - duplicate shippingOptions ids</h2> |
| <p> |
| Click on each button in sequence from top to bottom without refreshing the page. |
| Each button will bring up the Payment Request UI window. |
| </p> |
| <p> |
| When the payment sheet is shown, select a different shipping address. |
| If you have to manually abort the test from the payment sheet, then the |
| test has failed. |
| </p> |
| <ol> |
| <li> |
| <button onclick="testFireEvents(this)"> |
| If there are duplicate shippingOption ids, then abort payment request. |
| </button> |
| </li> |
| </ol> |
| <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> |