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

Timestamp:

01/09/2024 02:43:48 AM (17 months ago)

Author:

isabel_brison

Message:

Editor: add CSS var parsing for fontSize and fontFamily.

Adds capability to parse CSS custom properties for fontSize and fontFamily in WP_Style_Engine.

Props ramonopoly.
Fixes #59982.

File:

• trunk/tests/phpunit/tests/style-engine/styleEngine.php (modified) (2 diffs)

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

@@ -253 +253 @@
             'elements_with_css_var_value'                  => array(
                 'block_styles'    => array(
-                    'color' => array(
+                    'color'      => array(
                         'text' => 'var:preset|color|my-little-pony',
+                    ),
+                    'typography' => array(
+                        'fontSize'   => 'var:preset|font-size|cabbage-patch',
+                        'fontFamily' => 'var:preset|font-family|transformers',
                     ),
                 ),
@@ -261 +265 @@
                 ),
                 'expected_output' => array(
-                    'css'          => '.wp-selector{color:var(--wp--preset--color--my-little-pony);}',
-                    'declarations' => array(
-                        'color' => 'var(--wp--preset--color--my-little-pony)',
-                    ),
-                    'classnames'   => 'has-text-color has-my-little-pony-color',
+                    'css'          => '.wp-selector{color:var(--wp--preset--color--my-little-pony);font-size:var(--wp--preset--font-size--cabbage-patch);font-family:var(--wp--preset--font-family--transformers);}',
+                    'declarations' => array(
+                        'color'       => 'var(--wp--preset--color--my-little-pony)',
+                        'font-size'   => 'var(--wp--preset--font-size--cabbage-patch)',
+                        'font-family' => 'var(--wp--preset--font-family--transformers)',
+
+                    ),
+                    'classnames'   => 'has-text-color has-my-little-pony-color has-cabbage-patch-font-size has-transformers-font-family',
                 ),
             ),