| <!doctype html> |
| <meta charset="utf8"> |
| <link rel="help" href="https://www.w3.org/TR/payment-request/#paymentaddress-interface"> |
| <title> |
| PaymentResponse.prototype.shippingAddress |
| </title> |
| <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> |
| <script src="resources/helpers.js"></script> |
| <script> |
| setUpAndSmokeTest({ explicit_done: true, explicit_timeout: true }); |
| const options = { requestShipping: true }; |
| function runTest(button, expected = {}) { |
| button.disabled = true; |
| promise_test(async () => { |
| const { response } = await getPaymentRequestResponse(options); |
| await response.complete(); |
| assert_idl_attribute(response, "shippingAddress"); |
| const { shippingAddress: addr } = response; |
| assert_true( |
| addr instanceof PaymentAddress, |
| "Expect instance of PaymentAddress" |
| ); |
| // An [ISO3166] alpha-2 code. The canonical form is upper case. |
| const { country } = addr; |
| assert_equals(country.length, 2, "Expected length is 2"); |
| assert_true(/^[A-Z]{2}$/.test(country), "Canonical form is upper case"); |
| assert_true( |
| addr.addressLine instanceof Array, |
| "Expected addressLine to be an array" |
| ); |
| assert_throws( |
| new TypeError(), |
| () => { |
| addr.addressLine.push("this must throw"); |
| }, |
| "Array must be frozen" |
| ); |
| const expectedEntries = Object.entries(expected); |
| for (let [attr, expectedValue] of expectedEntries) { |
| assert_idl_attribute(addr, attr); |
| const msg = `Expected paymentAddress.${attr} to equal ${expectedValue}.`; |
| //.toString() flattens array addressLine, |
| //.toLowerCase() because case can't be enforced for some attributes |
| const actualValue = addr[attr].toString().toLowerCase(); |
| expectedValue = expectedValue.toString().toLowerCase(); |
| assert_equals(actualValue, expectedValue, msg); |
| } |
| // Check toJSON result |
| const jsonAddress = addr.toJSON(); |
| const jsonAddressEntries = Object.entries(jsonAddress); |
| for (let [prop, jsonValue] of jsonAddressEntries) { |
| const actualValue = jsonValue.toString().toLowerCase(); |
| const expectedValue = expected[prop].toString().toLowerCase(); |
| const msg = `Expected JSON ${prop} to be ${expectedValue}`; |
| assert_equals(actualValue, expectedValue, msg); |
| } |
| assert_equals(jsonAddressEntries.length, expectedEntries.length); |
| // Check that .toJSON() created a frozen array |
| assert_throws( |
| new TypeError(), |
| () => { |
| jsonAddress.addressLine.push("this must throw"); |
| }, |
| ); |
| }, button.textContent.trim()); |
| done(); |
| } |
| </script> |
| <ol> |
| <li> |
| <button id="button"> |
| If the requestShipping member is true, then shippingAddress's PaymentAddress must match the expected values. |
| </button> |
| </li> |
| </ol> |
| <script> |
| const address = { |
| countryCode: 'AF', |
| addressLines: ['1 wpt street'], |
| locality: 'Kabul', |
| postalCode: '1001', |
| localizedName: 'web platform test', |
| phoneNumber: '+93555555555', |
| }; |
| internals.mockPaymentCoordinator.setShippingAddress(address); |
| |
| const expectedAddress = { |
| country: address.countryCode, |
| addressLine: address.addressLines, |
| region: '', |
| city: address.locality, |
| dependentLocality: '', |
| postalCode: address.postalCode, |
| sortingCode: '', |
| organization: '', |
| recipient: address.localizedName, |
| phone: address.phoneNumber, |
| }; |
| runTest(document.getElementById("button"), expectedAddress); |
| </script> |
