| <!DOCTYPE html> | |
| <!-- Copyright © 2017 Chromium authors and World Wide Web Consortium, (Massachusetts Institute of Technology, ERCIM, Keio University, Beihang). --> | |
| <meta charset="utf-8"> | |
| <title>Test for PaymentRequest shippingAddress attribute</title> | |
| <link rel="help" href="https://w3c.github.io/payment-request/#shippingaddress-attribute"> | |
| <link rel="help" href="https://w3c.github.io/payment-request/#onshippingaddresschange-attribute"> | |
| <script src="/js-test-resources/ui-helper.js"></script> | |
| <script src="/resources/payment-request.js"></script> | |
| <script src="/resources/testharness.js"></script> | |
| <script src="/resources/testharnessreport.js"></script> | |
| <body> | |
| <script> | |
| setup({ explicit_done: true, explicit_timeout: true }); | |
| const applePay = Object.freeze({ | |
| supportedMethods: "https://apple.com/apple-pay", | |
| data: { | |
| version: 2, | |
| merchantIdentifier: '', | |
| merchantCapabilities: ['supports3DS'], | |
| supportedNetworks: ['visa', 'masterCard'], | |
| countryCode: 'US', | |
| }, | |
| }); | |
| const validMethods = Object.freeze([applePay]); | |
| const validAmount = Object.freeze({ currency: "USD", value: "5.00" }); | |
| const validTotal = Object.freeze({ | |
| label: "label", | |
| amount: validAmount, | |
| }); | |
| const validShippingOption = Object.freeze({ | |
| id: "valid", | |
| label: "Shipping Option", | |
| amount: validAmount, | |
| selected: false, | |
| }); | |
| const validDetails = Object.freeze({ | |
| total: validTotal, | |
| shippingOptions: [validShippingOption], | |
| }); | |
| const requestShipping = Object.freeze({ | |
| requestShipping: true, | |
| }); | |
| function testShippingAddressChange() { | |
| const shippingAddress = { | |
| countryCode: 'US', | |
| addressLines: [''], | |
| administrativeArea: '', | |
| locality: '', | |
| subLocality: '', | |
| postalCode: '', | |
| localizedName: '', | |
| phoneNumber: '', | |
| emailAddress: '', | |
| }; | |
| internals.mockPaymentCoordinator.setShippingAddress(shippingAddress); | |
| user_activation_test(async t => { | |
| const request = new PaymentRequest( | |
| validMethods, | |
| validDetails, | |
| requestShipping | |
| ); | |
| assert_equals( | |
| request.shippingAddress, | |
| null, | |
| "request.shippingAddress must initially be null" | |
| ); | |
| request.onmerchantvalidation = event => { | |
| event.complete({ }); | |
| }; | |
| const listenerPromise = new Promise(resolve => { | |
| request.addEventListener("shippingaddresschange", () => { | |
| resolve(request.shippingAddress); | |
| }); | |
| }); | |
| const handlerPromise = new Promise(resolve => { | |
| request.onshippingaddresschange = (event) => { | |
| event.updateWith({}); | |
| resolve(request.shippingAddress); | |
| }; | |
| }); | |
| request.show().catch(err => err); | |
| const results = await Promise.all([listenerPromise, handlerPromise]); | |
| assert_true( | |
| results.every(obj => obj instanceof PaymentAddress), | |
| "Expected instances of PaymentAddress" | |
| ); | |
| await request.abort(); | |
| }); | |
| done(); | |
| } | |
| testShippingAddressChange(); | |
| </script> | |