Changeset 58834 for trunk/tests/phpunit/tests/style-engine/styleEngine.php

Timestamp:

07/31/2024 02:39:46 AM (2 years 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/style-engine/styleEngine.php (modified) (2 diffs)

trunk/tests/phpunit/tests/style-engine/styleEngine.php

@@ -29 +29 @@
          * @ticket 58590
          * @ticket 60175
+         * @ticket 61720
          *
          * @covers ::wp_style_engine_get_styles
@@ -540 +541 @@
                                 'block_styles'    => array(
                                         'background' => array(
-                                                'backgroundImage'    => array(
+                                                'backgroundImage'      => array(
                                                         'url' => 'https://example.com/image.jpg',
                                                 ),
-                                                'backgroundPosition' => 'center',
-                                                'backgroundRepeat'   => 'no-repeat',
-                                                'backgroundSize'     => 'cover',
+                                                'backgroundPosition'   => 'center',
+                                                'backgroundRepeat'     => 'no-repeat',
+                                                'backgroundSize'       => 'cover',
+                                                'backgroundAttachment' => 'fixed',
                                         ),
                                 ),
                                 'options'         => array(),
                                 'expected_output' => array(
-                                        'css'          => "background-image:url('https://example.com/image.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;",
-                                        'declarations' => array(
-                                                'background-image'    => "url('https://example.com/image.jpg')",
-                                                'background-position' => 'center',
-                                                'background-repeat'   => 'no-repeat',
-                                                'background-size'     => 'cover',
+                                        'css'          => "background-image:url('https://example.com/image.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;",
+                                        'declarations' => array(
+                                                'background-image'      => "url('https://example.com/image.jpg')",
+                                                'background-position'   => 'center',
+                                                'background-repeat'     => 'no-repeat',
+                                                'background-size'       => 'cover',
+                                                'background-attachment' => 'fixed',
                                         ),
                                 ),