Changeset 58834 for trunk/tests/phpunit/tests/style-engine/styleEngine.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/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',
                     ),
                 ),