Changeset 54443 for trunk/tests/phpunit/data/themedir1/block-theme/theme.json

Timestamp:

10/10/2022 02:52:21 PM (2 years ago)

Author:

audrasjb

Message:

Build/Test Tools: Expand unit tests for theme.json.

This changeset adds unit test coverage for the following features:

• Gradients
• filter (Duotones)
• blockGap
• shadow
• useRootPaddingAwareAlignments
• appearanceTools

Props gunterer, johnregan3, audrasjb, mukesh27.
Fixes #56611.

File:

• trunk/tests/phpunit/data/themedir1/block-theme/theme.json (modified) (3 diffs)

trunk/tests/phpunit/data/themedir1/block-theme/theme.json

@@ -23 +23 @@
                 }
             ],
+            "duotone": [
+                {
+                    "colors": [ "#333333", "#aaaaaa" ],
+                    "slug": "custom-duotone",
+                    "name": "Custom Duotone"
+                }
+            ],
             "custom": false,
             "customGradient": false
@@ -39 +46 @@
         "spacing": {
             "units": ["rem"],
-            "customPadding": true
+            "customPadding": true,
+            "blockGap": true
         },
         "blocks": {
@@ -51 +59 @@
                         }
                     ]
+                }
+            }
+        }
+    },
+    "styles" : {
+        "blocks" :{
+            "core/post-featured-image": {
+                "shadow": "10px 10px 5px 0px rgba(0,0,0,0.66)",
+                "filter": {
+                    "duotone": "var(--wp--preset--duotone--custom-duotone)"
+                }
+            }
+        },
+        "elements": {
+            "button": {
+                "shadow": "10px 10px 5px 0px rgba(0,0,0,0.66)"
+            },
+            "link": {
+                "typography": {
+                    "textDecoration": "none"
+                },
+                "border": {
+                    "bottom": {
+                        "width": "2px",
+                        "color": "currentColor",
+                        "style": "solid"
+                    }
+                },
+                ":hover": {
+                    "typography": {
+                        "textDecoration": "none"
+                    },
+                    "border": {
+                        "bottom": {
+                            "width": "2px",
+                            "color": "#000",
+                            "style": "dotted"
+                        }
+                    }
                 }
             }