Title: [259004] trunk/LayoutTests
Revision
259004
Author
nmouchta...@apple.com
Date
2020-03-25 12:49:39 -0700 (Wed, 25 Mar 2020)

Log Message

Add ref test for apple pay button corner radius change
https://bugs.webkit.org/show_bug.cgi?id=208959

Reviewed by Andy Estes.

Add ref test to check that providing a border-radius does not result in rendering
a default apple pay button.

* http/tests/ssl/applepay/ApplePayButtonCornerRadius-expected-mismatch.html: Added.
* http/tests/ssl/applepay/ApplePayButtonCornerRadius.html: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (259003 => 259004)


--- trunk/LayoutTests/ChangeLog	2020-03-25 19:29:30 UTC (rev 259003)
+++ trunk/LayoutTests/ChangeLog	2020-03-25 19:49:39 UTC (rev 259004)
@@ -1,3 +1,16 @@
+2020-03-25  Nikos Mouchtaris  <nmouchta...@apple.com>
+
+        Add ref test for apple pay button corner radius change
+        https://bugs.webkit.org/show_bug.cgi?id=208959
+
+        Reviewed by Andy Estes.
+
+        Add ref test to check that providing a border-radius does not result in rendering
+        a default apple pay button.
+
+        * http/tests/ssl/applepay/ApplePayButtonCornerRadius-expected-mismatch.html: Added.
+        * http/tests/ssl/applepay/ApplePayButtonCornerRadius.html: Added.
+
 2020-03-25  Said Abou-Hallawa  <sabouhall...@apple.com>
 
         Layout Test fast/images/async-image-multiple-clients-repaint.html is flaky

Added: trunk/LayoutTests/http/tests/ssl/applepay/ApplePayButtonCornerRadius-expected-mismatch.html (0 => 259004)


--- trunk/LayoutTests/http/tests/ssl/applepay/ApplePayButtonCornerRadius-expected-mismatch.html	                        (rev 0)
+++ trunk/LayoutTests/http/tests/ssl/applepay/ApplePayButtonCornerRadius-expected-mismatch.html	2020-03-25 19:49:39 UTC (rev 259004)
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Test rendering Apple Pay buttons</title>
+    <style>
+        .apple-pay-button {
+            -webkit-appearance: -apple-pay-button;
+            display: block;
+        }
+
+        .white {
+            -apple-pay-button-style: white;
+        }
+
+        .white-outline {
+            -apple-pay-button-style: white-outline;
+        }
+
+        .black {
+            -apple-pay-button-style: black;
+        }
+
+        .check-out {
+            -apple-pay-button-type: check-out;
+        }
+
+        .book {
+            -apple-pay-button-type: book;
+        }
+
+        .subscribe {
+            -apple-pay-button-type: subscribe;
+        }
+    </style>
+</head>
+<body bgcolor="#E6E6FA">
+    <script>
+        for (let style of ["white", "white-outline", "black"]) {
+            for (let type of ["check-out", "book", "subscribe"]) {
+                var buttonNoRadius = document.createElement("button");
+                buttonNoRadius.classList.add("apple-pay-button", style, type);
+                document.body.appendChild(buttonNoRadius);
+            }
+        }
+    </script>
+</body>
+</html>

Added: trunk/LayoutTests/http/tests/ssl/applepay/ApplePayButtonCornerRadius.html (0 => 259004)


--- trunk/LayoutTests/http/tests/ssl/applepay/ApplePayButtonCornerRadius.html	                        (rev 0)
+++ trunk/LayoutTests/http/tests/ssl/applepay/ApplePayButtonCornerRadius.html	2020-03-25 19:49:39 UTC (rev 259004)
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Test rendering Apple Pay buttons</title>
+    <style>
+        .apple-pay-button {
+            -webkit-appearance: -apple-pay-button;
+            display: block;
+        }
+
+        .white {
+            -apple-pay-button-style: white;
+        }
+
+        .white-outline {
+            -apple-pay-button-style: white-outline;
+        }
+
+        .black {
+            -apple-pay-button-style: black;
+        }
+
+        .check-out {
+            -apple-pay-button-type: check-out;
+        }
+
+        .book {
+            -apple-pay-button-type: book;
+        }
+
+        .subscribe {
+            -apple-pay-button-type: subscribe;
+        }
+        .borderRadiusLarge {
+            border-top-left-radius: 20px/21px;
+            border-top-right-radius: 25px;
+            border-bottom-left-radius: 10px/1px;
+            border-bottom-right-radius: 5px;
+        }
+    </style>
+</head>
+<body bgcolor="#E6E6FA">
+    <script>
+        for (let style of ["white", "white-outline", "black"]) {
+            for (let type of ["check-out", "book", "subscribe"]) {
+                var button = document.createElement("button");
+                button.classList.add("apple-pay-button", style, type, "borderRadiusLarge");
+                document.body.appendChild(button);
+            }
+        }
+    </script>
+</body>
+</html>
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to