1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
<!doctype html>
<meta charset="utf8">
<link rel="help" href="https://w3c.github.io/payment-request/#dom-paymentresponse-complete()">
<title>
PaymentResponse.prototype.complete() method
</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="helpers.js"></script>
<script>
async function runManualTest({ completeWith: result }, button) {
button.disabled = true;
const { response, request } = await getPaymentRequestResponse();
promise_test(async t => {
let completePromise;
let invalidComplete;
let afterComplete;
try {
// We .complete() as normal, using the passed test value
completePromise = response.complete(result);
assert_true(completePromise instanceof Promise, "returns a promise");
// Immediately calling complete() again yields a rejected promise.
invalidComplete = response.complete(result);
await promise_rejects_dom(t, "InvalidStateError", invalidComplete);
// but the original promise is unaffected
const returnedValue = await completePromise;
assert_equals(
returnedValue,
undefined,
"Returned value must always be undefined"
);
// We now call .complete() again, to force an exception
// because [[complete]] is true.
afterComplete = response.complete(result);
await promise_rejects_dom(t, "InvalidStateError", afterComplete);
button.innerHTML = `✅ ${button.textContent}`;
} catch (err) {
button.innerHTML = `❌ ${button.textContent}`;
assert_unreached("Unexpected exception: " + err.message);
}
const allPromises = new Set([
completePromise,
invalidComplete,
afterComplete,
]);
assert_equals(
allPromises.size,
3,
"Calling complete() multiple times is always a new object."
);
}, button.textContent.trim());
}
</script>
<h2>
Manual Tests for PaymentResponse.complete() - Please run in order!
</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 presented with the payment sheet, use any credit card select to "Pay".
Also confirm any prompts that come up.
</p>
<ol>
<li>
<button onclick="runManualTest({completeWith: 'success'}, this)">
If the value of the internal slot [[completeCalled]] is true,
reject promise with an "InvalidStateError" DOMException.
</button>
</li>
<li>
<button onclick="runManualTest({completeWith: undefined}, this)">
Passing no argument defaults to "unknown",
eventually closing the sheet and doesn't throw.
</button>
</li>
<li>
<button onclick="runManualTest({completeWith: 'success'}, this)">
Passing "success" eventually closes the sheet and doesn't throw.
</button>
</li>
<li>
<button onclick="runManualTest({completeWith: 'fail'}, this)">
Passing "fail" eventually closes the sheet and doesn't throw.
</button>
</li>
<li>
<button onclick="runManualTest({completeWith: 'unknown'}, this)">
Passing "unknown" eventually closes the sheet and doesn't throw.
</button>
</li>
<li>
<button onclick="done()">Done!</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>
|
