<!doctype html>
<meta charset="utf8">
<link rel="help" href="https://w3c.github.io/payment-request/#dom-paymentresponse-payerphone">
<title>
  PaymentResponse.prototype.payerPhone attribute
</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="helpers.js"></script>
<h2>payerPhone attribute</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 use +12345678910 as the phone number.
</p>
<ol>
  <li>
    <button onclick="runManualTest(this, undefined, { payerPhone: null })">
      payerPhone attribute is null when options is undefined.
    </button>
  </li>
  <li>
    <button onclick="runManualTest(this, { requestPayerPhone: undefined }, { payerPhone: null })">
      payerPhone attribute is null when requestPayerPhone is undefined.
    </button>
  </li>
  <li>
    <button onclick="runManualTest(this, { requestPayerPhone: false }, { payerPhone: null })">
      payerPhone attribute is null when requestPayerPhone is false.
    </button>
  </li>
  <li>
    <button onclick="runManualTest(this, { requestPayerPhone: true }, { payerPhone: '+12345678910' })">
      payerPhone attribute is '+12345678910' when requestPayerPhone is true.
    </button>
  </li>
  <li>
    <button onclick="runManualTest(this, { requestPayerPhone: 'yep' }, { payerPhone: '+12345678910' }).then(done)">
      payerPhone attribute is '+12345678910' when requestPayerPhone is truthy.
    </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>
