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

Timestamp:

07/06/2026 03:09:22 AM (3 months ago)

Author:

isabel_brison

Message:

Editor: ensure no incorrect selector output for pseudo-states.

The output for combined feature selectors and pseudo-states was fixed in [62444] and this removes an extra loop that was outputting an incorrect selector and adds a test.

Props onemaggie, isabel_brison, wildworks.
Fixes #64838.

File:

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

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

@@ -7162 +7162 @@
 
         /**
+         * Tests that when a block with a custom feature selector (e.g. core/button's writingMode
+         * uses '.wp-block-button' rather than the root '.wp-block-button .wp-block-button__link')
+         * has pseudo-state styles, the feature selector CSS is scoped to the pseudo-state and not
+         * output under the block's default-state selector.
+         */
+        public function test_get_stylesheet_pseudo_selector_scopes_feature_selector_css() {
+                $theme_json = new WP_Theme_JSON(
+                        array(
+                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
+                                'styles'  => array(
+                                        'blocks' => array(
+                                                'core/button' => array(
+                                                        ':hover' => array(
+                                                                'typography' => array(
+                                                                        'writingMode' => 'vertical-rl',
+                                                                ),
+                                                        ),
+                                                ),
+                                        ),
+                                ),
+                        ),
+                        'default'
+                );
+
+                $css = $theme_json->get_stylesheet( array( 'styles' ), null, array( 'skip_root_layout_styles' => true ) );
+
+                // writing-mode should be scoped to :hover, not the root block selector.
+                $this->assertSame( ':root :where(.wp-block-button:hover){writing-mode: vertical-rl;}', $css );
+        }
+
+        /**
          * Test that block pseudo selectors are processed correctly.
          */