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

Timestamp:

05/30/2024 04:38:26 AM (2 years 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 );
+        }
 }