[Apple Pay] Introduce new values for -apple-pay-button-type
[WebKit-https.git] / LayoutTests / http / tests / ssl / applepay / ApplePayButtonV4.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <meta charset="utf-8">
5     <title>Test rendering Apple Pay buttons in version 4</title>
6     <style>
7         .apple-pay-button {
8             -webkit-appearance: -apple-pay-button;
9             display: block;
10         }
11
12         .white {
13             -apple-pay-button-style: white;
14         }
15
16         .white-outline {
17             -apple-pay-button-style: white-outline;
18         }
19
20         .black {
21             -apple-pay-button-style: black;
22         }
23
24         .checkout {
25             -apple-pay-button-type: checkout;
26         }
27
28         .book {
29             -apple-pay-button-type: book;
30         }
31
32         .subscribe {
33             -apple-pay-button-type: subscribe;
34         }
35     </style>
36 </head>
37 <body>
38     <script>
39         for (let style of ["white", "white-outline", "black"]) {
40             for (let type of ["checkout", "book", "subscribe"]) {
41                 var button = document.createElement("button");
42                 button.classList.add("apple-pay-button", style, type);
43                 document.body.appendChild(button);
44             }
45         }
46     </script>
47 </body>
48 </html>