Changeset 58834 for trunk/tests/phpunit/tests/block-supports/wpRenderBackgroundSupport.php

Timestamp:

07/31/2024 02:39:46 AM (19 months ago)

Author:

ramonopoly

Message:

Background: add background attachment support to theme.json styles

Introduces the ability to specify a value for background.backgroundAttachment in theme.json styles.

The theme.json value determines the CSS value for the background-attachment property.

This feature was introduced into the Gutenberg plugin in version 18.9.

Props andrewserong, mukesh27, noisysocks, ramonopoly.

Fixes #61720

File:

• trunk/tests/phpunit/tests/block-supports/wpRenderBackgroundSupport.php (modified) (2 diffs)

trunk/tests/phpunit/tests/block-supports/wpRenderBackgroundSupport.php

@@ -70 +70 @@
      * @ticket 60175
      * @ticket 61123
+     * @ticket 61720
      *
      * @covers ::wp_render_background_support
@@ -140 +141 @@
                 'wrapper'             => '<div>Content</div>',
             ),
-            'background image style with contain, position, and repeat is applied' => array(
-                'theme_name'          => 'block-theme-child-with-fluid-typography',
-                'block_name'          => 'test/background-rules-are-output',
-                'background_settings' => array(
-                    'backgroundImage' => true,
-                ),
-                'background_style'    => array(
-                    'backgroundImage'  => array(
-                        'url' => 'https://example.com/image.jpg',
-                    ),
-                    'backgroundRepeat' => 'no-repeat',
-                    'backgroundSize'   => 'contain',
-                ),
-                'expected_wrapper'    => '<div class="has-background" style="background-image:url(&#039;https://example.com/image.jpg&#039;);background-position:center;background-repeat:no-repeat;background-size:contain;">Content</div>',
+            'background image style with contain, position, attachment, and repeat is applied' => array(
+                'theme_name'          => 'block-theme-child-with-fluid-typography',
+                'block_name'          => 'test/background-rules-are-output',
+                'background_settings' => array(
+                    'backgroundImage' => true,
+                ),
+                'background_style'    => array(
+                    'backgroundImage'      => array(
+                        'url' => 'https://example.com/image.jpg',
+                    ),
+                    'backgroundRepeat'     => 'no-repeat',
+                    'backgroundSize'       => 'contain',
+                    'backgroundAttachment' => 'fixed',
+                ),
+                'expected_wrapper'    => '<div class="has-background" style="background-image:url(&#039;https://example.com/image.jpg&#039;);background-position:center;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;">Content</div>',
                 'wrapper'             => '<div>Content</div>',
             ),