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

Timestamp:

07/24/2024 12:24:31 AM (16 months ago)

Author:

noisysocks

Message:

Block themes: Enable block-level background image styles

Allows defining background images for blocks in theme.json.

Syncs PHP changes from ​https://github.com/WordPress/gutenberg/pull/60100.

Props ramonopoly, aaronrobertshaw.
Fixes #61588.

File:

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

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

@@ -5022 +5022 @@
 
         $expected_styles = "html{min-height: calc(100% - var(--wp-admin--admin-bar--height, 0px));}:root :where(body){background-image: url('http://example.org/image.png');background-position: center center;background-repeat: no-repeat;background-size: contain;}";
-        $this->assertSame( $expected_styles, $theme_json->get_styles_for_block( $body_node ), 'Styles returned from "::get_stylesheet()" with top-level background styles type does not match expectations' );
+        $this->assertSame( $expected_styles, $theme_json->get_styles_for_block( $body_node ), 'Styles returned from "::get_stylesheet()" with top-level background styles type do not match expectations' );
 
         $theme_json = new WP_Theme_JSON(
@@ -5039 +5039 @@
 
         $expected_styles = "html{min-height: calc(100% - var(--wp-admin--admin-bar--height, 0px));}:root :where(body){background-image: url('http://example.org/image.png');background-position: center center;background-repeat: no-repeat;background-size: contain;}";
-        $this->assertSame( $expected_styles, $theme_json->get_styles_for_block( $body_node ), 'Styles returned from "::get_stylesheet()" with top-level background image as string type does not match expectations' );
+        $this->assertSame( $expected_styles, $theme_json->get_styles_for_block( $body_node ), 'Styles returned from "::get_stylesheet()" with top-level background image as string type do not match expectations' );
+    }
+
+    /**
+     * @ticket 61588
+     */
+    public function test_get_block_background_image_styles() {
+        $theme_json = new WP_Theme_JSON(
+            array(
+                'version' => WP_Theme_JSON::LATEST_SCHEMA,
+                'styles'  => array(
+                    'blocks' => array(
+                        'core/group' => array(
+                            'background' => array(
+                                'backgroundImage'    => "url('http://example.org/group.png')",
+                                'backgroundSize'     => 'cover',
+                                'backgroundRepeat'   => 'no-repeat',
+                                'backgroundPosition' => 'center center',
+                            ),
+                        ),
+                        'core/quote' => array(
+                            'background' => array(
+                                'backgroundImage'    => array(
+                                    'url' => 'http://example.org/quote.png',
+                                ),
+                                'backgroundSize'     => 'cover',
+                                'backgroundRepeat'   => 'no-repeat',
+                                'backgroundPosition' => 'center center',
+                            ),
+                        ),
+                    ),
+                ),
+            )
+        );
+
+        $quote_node = array(
+            'name'      => 'core/quote',
+            'path'      => array( 'styles', 'blocks', 'core/quote' ),
+            'selector'  => '.wp-block-quote',
+            'selectors' => array(
+                'root' => '.wp-block-quote',
+            ),
+        );
+
+        $quote_styles = ":root :where(.wp-block-quote){background-image: url('http://example.org/quote.png');background-position: center center;background-repeat: no-repeat;background-size: cover;}";
+        $this->assertSame( $quote_styles, $theme_json->get_styles_for_block( $quote_node ), 'Styles returned from "::get_styles_for_block()" with block-level background styles do not match expectations' );
+
+        $group_node = array(
+            'name'      => 'core/group',
+            'path'      => array( 'styles', 'blocks', 'core/group' ),
+            'selector'  => '.wp-block-group',
+            'selectors' => array(
+                'root' => '.wp-block-group',
+            ),
+        );
+
+        $group_styles = ":root :where(.wp-block-group){background-image: url('http://example.org/group.png');background-position: center center;background-repeat: no-repeat;background-size: cover;}";
+        $this->assertSame( $group_styles, $theme_json->get_styles_for_block( $group_node ), 'Styles returned from "::get_styles_for_block()" with block-level background styles as string type do not match expectations' );
     }