[Apple Pay] Introduce new values for -apple-pay-button-type
[WebKit-https.git] / LayoutTests / http / tests / ssl / applepay / ApplePayButton.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <meta charset="utf-8">
5     <title>Test rendering Apple Pay buttons</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         .plain {
25             -apple-pay-button-type: plain;
26         }
27
28         .buy {
29             -apple-pay-button-type: buy;
30         }
31
32         .set-up {
33             -apple-pay-button-type: set-up;
34         }
35
36         .in-store {
37             -apple-pay-button-type: in-store;
38         }
39
40         .donate {
41             -apple-pay-button-type: donate;
42         }
43     </style>
44 </head>
45 <body>
46     <script>
47         for (let style of ["white", "white-outline", "black"]) {
48             for (let type of ["plain", "buy", "set-up", "in-store", "donate"]) {
49                 var button = document.createElement("button");
50                 button.classList.add("apple-pay-button", style, type);
51                 document.body.appendChild(button);
52             }
53         }
54     </script>
55 </body>
56 </html>