mirror of
https://github.com/servo/servo.git
synced 2025-07-12 18:03:49 +01:00
158 lines
4.9 KiB
HTML
158 lines
4.9 KiB
HTML
<!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>
|