<!DOCTYPE html> <meta charset="utf-8" />
<title>Warn when errorFields don't match request[[options]]</title>
<link rel="help" href="https://github.com/w3c/payment-request/pull/807" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="helpers.js"></script>
<script>
test(() => {
assert_true(
"retry" in PaymentResponse.prototype,
"retry must be in prototype"
);
assert_true(
PaymentResponse.prototype.retry instanceof Function,
"retry must be a function"
);
}, "PaymentResponse.prototype must have a retry() function (smoke test).");
const defaultOptions = {
requestPayerName: false,
requestPayerEmail: false,
requestPayerPhone: false,
requestShipping: false,
};
function testShowWarning(button, errorFields) {
button.disabled = true;
promise_test(async () => {
const { response } = await getPaymentRequestResponse(defaultOptions);
await response.retry(errorFields);
await response.complete();
});
}
</script>
<h2>Manual Tests - Please run in order!</h2>
<p>
Please open the developer console. Each of the tests below should generate a
warning in the developer console.
</p>
<p>When presented with the payment sheet, hit pay twice.</p>
<ol>
<li>
<button onclick="testShowWarning(this, {payer: {name: 'Dont show this'}});">
Show warning if `requestPayerName` if false, and `errorFields.payer.name` is
present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {payer: {email: 'Dont show this'}});"
>
Show warning if `requestPayerEmail` if false, and `errorFields.payer.email`
is present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {payer: {phone: 'Dont show this'}});"
>
Show warning if `requestPayerPhone` if false, and `errorFields.payer.phone`
is present.
</button>
</li>
<li>
<button onclick="testShowWarning(this, {shippingAddress: {}});">
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {addressLine: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.addressLine` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {city: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.city` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {country: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.country` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {dependentLocality: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.dependentLocality` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {organization: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.organization` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {phone: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.phone` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {postalCode: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.postalCode` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {recipient: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.recipient` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {region: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.region` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {regionCode: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.regionCode` member present.
</button>
</li>
<li>
<button
onclick="testShowWarning(this, {shippingAddress: {sortingCode: 'Dont show this'}});"
>
Show warning if `requestShipping` if false, and
`errorFields.shippingAddress.sortingCode` member present.
</button>
</li>
<li><button onclick="done()">Done!</button></li>
</ol>
Codebase Browser
chromium