Changeset 58244 for trunk/tests/phpunit/tests/theme/wpThemeJson.php

Timestamp:

05/30/2024 04:38:26 AM (20 months ago)

Author:

isabel_brison

Message:

Editor: Add scoping of feature level global styles selectors.

Ensures that feature-level selectors for block style variations are correctly scoped when generating a theme.json stylesheet.

Props aaronrobertshaw, audrasjb, vcanales, isabel_brison.
Fixes #61119.

File:

• trunk/tests/phpunit/tests/theme/wpThemeJson.php (modified) (1 diff)

trunk/tests/phpunit/tests/theme/wpThemeJson.php

@@ -5590 +5590 @@
         );
     }
+
+    /**
+     * Tests the correct scoping of selectors for a style node.
+     *
+     * @ticket 61119
+     */
+    public function test_scope_style_node_selectors() {
+        $theme_json = new ReflectionClass( 'WP_Theme_JSON' );
+
+        $func = $theme_json->getMethod( 'scope_style_node_selectors' );
+        $func->setAccessible( true );
+
+        $node = array(
+            'name'      => 'core/image',
+            'path'      => array( 'styles', 'blocks', 'core/image' ),
+            'selector'  => '.wp-block-image',
+            'selectors' => array(
+                'root'       => '.wp-block-image',
+                'border'     => '.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder',
+                'typography' => array(
+                    'textDecoration' => '.wp-block-image caption',
+                ),
+                'filter'     => array(
+                    'duotone' => '.wp-block-image img, .wp-block-image .components-placeholder',
+                ),
+            ),
+        );
+
+        $actual   = $func->invoke( null, '.custom-scope', $node );
+        $expected = array(
+            'name'      => 'core/image',
+            'path'      => array( 'styles', 'blocks', 'core/image' ),
+            'selector'  => '.custom-scope .wp-block-image',
+            'selectors' => array(
+                'root'       => '.custom-scope .wp-block-image',
+                'border'     => '.custom-scope .wp-block-image img, .custom-scope .wp-block-image .wp-block-image__crop-area, .custom-scope .wp-block-image .components-placeholder',
+                'typography' => array(
+                    'textDecoration' => '.custom-scope .wp-block-image caption',
+                ),
+                'filter'     => array(
+                    'duotone' => '.custom-scope .wp-block-image img, .custom-scope .wp-block-image .components-placeholder',
+                ),
+            ),
+        );
+
+        $this->assertEquals( $expected, $actual );
+    }
 }