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

Timestamp:

07/10/2024 06:17:44 AM (19 months ago)

Author:

isabel_brison

Message:

Editor: enqueue block custom CSS only when block renders on the page.

Updates the global styles custom CSS handling logic to be consistent with other global styles and take advantage of conditional enqueuing of block styles.

Props isabel_brison, aaronrobertshaw, andrewserong.
Fixes #61395.

File:

• trunk/tests/phpunit/tests/theme/wpThemeJson.php (modified) (2 diffs)

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

@@ -5036 +5036 @@
 
     /**
-     * @ticket 57536
-     * @ticket 61165
-     */
-    public function test_get_custom_css_handles_global_custom_css() {
+     * Tests that base custom CSS is generated correctly.
+     *
+     * @ticket 61395
+     */
+    public function test_get_stylesheet_handles_base_custom_css() {
         $theme_json = new WP_Theme_JSON(
             array(
                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
                 'styles'  => array(
-                    'css'    => 'body {color:purple;}',
+                    'css' => 'body {color:purple;}',
+                ),
+            )
+        );
+
+        $custom_css = 'body {color:purple;}';
+        $this->assertSame( $custom_css, $theme_json->get_stylesheet( array( 'custom-css' ) ) );
+    }
+
+    /**
+     * Tests that block custom CSS is generated correctly.
+     *
+     * @ticket 61395
+     */
+    public function test_get_styles_for_block_handles_block_custom_css() {
+        $theme_json = new WP_Theme_JSON(
+            array(
+                'version' => WP_Theme_JSON::LATEST_SCHEMA,
+                'styles'  => array(
                     'blocks' => array(
                         'core/paragraph' => array(
@@ -5054 +5073 @@
         );
 
-        $custom_css = 'body {color:purple;}:root :where(p){color:red;}';
-        $this->assertSame( $custom_css, $theme_json->get_custom_css() );
+        $paragraph_node = array(
+            'name'      => 'core/paragraph',
+            'path'      => array( 'styles', 'blocks', 'core/paragraph' ),
+            'selector'  => 'p',
+            'selectors' => array(
+                'root' => 'p',
+            ),
+        );
+
+        $custom_css = ':root :where(p){color:red;}';
+        $this->assertSame( $custom_css, $theme_json->get_styles_for_block( $paragraph_node ) );
     }