attributes-and-toJSON-method-manual.https.html

Enable keyboard shortcuts

<!doctype html>

<meta charset="utf8">

<link rel="help" href="https://www.w3.org/TR/payment-request/#ContactAddress-interface">

<title>

  PaymentResponse.prototype.shippingAddress

</title>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="../payment-response/helpers.js"></script>

<script>

const options = { requestShipping: true };

function runManualTest(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 ContactAddress,

      "Expect instance of ContactAddress"

);

    // 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_js(

      TypeError,

      () => {

        addr.addressLine.push("this must throw");

},

      "Array must be frozen"

);

    for (let [attr, expectedValue] of Object.entries(expected)) {

      assert_idl_attribute(addr, attr);

      const msg = `Expected ContactAddress.${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

    for (let [prop, jsonValue] of Object.entries(addr.toJSON())) {

      const actualValue = jsonValue.toString().toLowerCase();

      const expectedValue = expected[prop].toString().toLowerCase();

      const msg = `Expected JSON ${prop} to be ${expectedValue}`;

      assert_equals(actualValue, expectedValue, msg);

  }, button.textContent.trim());

  done();

</script>

<h2>ContactAddress interface</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 prompted, please enter addresses as follows...

</p>

<ol>

  <li>

    <button onclick="

    const expectedAddress = {

      country: 'AU',

      regionCode: 'QLD',

      addressLine: '55 test st',

      city: 'Chapel Hill',

      dependentLocality: '',

      postalCode: '6095',

      region: 'QLD',

      sortingCode: '',

      organization: 'w3c',

      recipient: 'web platform test',

      phone: '+61733780000',

};

    runManualTest(this, expectedAddress);">

      If the requestShipping member is true, then shippingAddress's ContactAddress must match the expected values.

    </button>

    Please use:

    <dl>

      <dt>Recipient:</dt>

      <dd>web platform test</dd>

      <dt>Address line:</dt>

      <dd>55 test st</dd>

      <dt>Country</dt>

      <dd>Australia</dd>

      <dt>City</dt>

      <dd>Chapel Hill</dd>

      <dd>State/Region</dd>

      <dd>Queensland</dd>

      <dt>postal code </dt>

      <dd>6095</dd>

      <dt>organization</dt>

      <dd>w3c</dd>

      <dt>Phone number</dt>

      <dd>+61 7 3378 0000</dd>

    </dl>

  </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>