WordPress.org
Get WordPress

Make WordPress Core

Changeset 57662


Ignore:
Timestamp:
02/20/2024 09:53:11 AM (3 years ago)
Author:
youknowriad
Message:

Tests: Synchronize Theme.JSON unit test between Core and Gutenberg.

Merges the changes from Core and Gutenberg for the following tests:

  • WP_REST_Global_Styles_Controller_Test
  • Tests_Theme_wpThemeJsonResolver
  • Tests_Theme_wpThemeJsonSchema
  • Tests_Theme_wpThemeJson

This will help ensure the stability of the theme.json style generation.

Props ajlende, scruffian, aaronrobertshaw, get_dave, youknowriad.
Fixes #60387.

Location:
trunk/tests/phpunit
Files:
2 added
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/tests/phpunit/data/themedir1/block-theme-child/theme.json

    r57336 r57662  
    11{
    22        "$schema": "https://schemas.wp.org/trunk/theme.json",
    3         "version": 1,
     3        "version": 2,
    44        "settings": {
    55                "color": {

  • trunk/tests/phpunit/data/themedir1/block-theme/theme.json

    r57336 r57662  
    11{
    22        "$schema": "https://schemas.wp.org/trunk/theme.json",
    3         "version": 1,
     3        "version": 2,
    44        "title": "Block theme",
    55        "settings": {
    … …  
    4343                        ],
    4444                        "customFontSize": false,
    45                         "customLineHeight": true
     45                        "lineHeight": true
    4646                },
    4747                "spacing": {
    48                         "units": ["rem"],
    49                         "customPadding": true,
     48                        "units": [ "rem" ],
     49                        "padding": true,
    5050                        "blockGap": true
    5151                },
    … …  
    6464                }
    6565        },
    66         "styles" : {
    67                 "blocks" :{
     66        "styles": {
     67                "blocks": {
    6868                        "core/post-featured-image": {
    6969                                "shadow": "10px 10px 5px 0px rgba(0,0,0,0.66)",
    … …  
    123123                        "name": "custom-single-post-template",
    124124                        "title": "Custom Single Post template",
    125                         "postTypes": ["post"]
     125                        "postTypes": [ "post" ]
    126126                }
    127127        ],

  • trunk/tests/phpunit/tests/rest-api/rest-global-styles-controller.php

    r55457 r57662  
    3232        protected static $post_id;
    3333
    34         private function find_and_normalize_global_styles_by_id( $global_styles, $id ) {
    35                 foreach ( $global_styles as $style ) {
    36                         if ( $style['id'] === $id ) {
    37                                 unset( $style['_links'] );
    38                                 return $style;
    39                         }
    40                 }
    41 
    42                 return null;
    43         }
    44 
    4534        public function set_up() {
    4635                parent::set_up();
    … …  
    131120        }
    132121
    133         /**
    134          * @doesNotPerformAssertions
    135          */
    136         public function test_get_items() {
    137                 // Controller does not implement get_items().
    138         }
    139 
    140         /**
    141          * @covers WP_REST_Global_Styles_Controller::get_theme_item
    142          * @ticket 54516
    143          */
    144         public function test_get_theme_item_no_user() {
    145                 wp_set_current_user( 0 );
    146                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/tt1-blocks' );
    147                 $response = rest_get_server()->dispatch( $request );
    148                 $this->assertErrorResponse( 'rest_cannot_manage_global_styles', $response, 401 );
    149         }
    150 
    151         /**
    152          * @covers WP_REST_Global_Styles_Controller::get_theme_item
    153          * @ticket 54516
    154          */
    155         public function test_get_theme_item_permission_check() {
    156                 wp_set_current_user( self::$subscriber_id );
    157                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/tt1-blocks' );
    158                 $response = rest_get_server()->dispatch( $request );
    159                 $this->assertErrorResponse( 'rest_cannot_manage_global_styles', $response, 403 );
    160         }
    161 
    162         /**
    163          * @covers WP_REST_Global_Styles_Controller::get_theme_item
    164          * @ticket 54516
    165          */
    166         public function test_get_theme_item_invalid() {
    167                 wp_set_current_user( self::$admin_id );
    168                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/invalid' );
    169                 $response = rest_get_server()->dispatch( $request );
    170                 $this->assertErrorResponse( 'rest_theme_not_found', $response, 404 );
    171         }
    172 
    173         /**
    174          * @dataProvider data_get_theme_item_invalid_theme_dirname
    175          * @covers WP_REST_Global_Styles_Controller::get_theme_item
    176          * @ticket 54596
    177          *
    178          * @param string $theme_dirname Theme directory to test.
    179          * @param string $expected      Expected error code.
    180          */
    181         public function test_get_theme_item_invalid_theme_dirname( $theme_dirname, $expected ) {
    182                 wp_set_current_user( self::$admin_id );
    183                 switch_theme( $theme_dirname );
    184 
    185                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/' . $theme_dirname );
    186                 $response = rest_get_server()->dispatch( $request );
    187                 $this->assertErrorResponse( $expected, $response, 404 );
    188         }
    189 
    190         /**
    191          * Data provider.
    192          *
    193          * @return array
    194          */
    195         public function data_get_theme_item_invalid_theme_dirname() {
    196                 return array(
    197                         '+'                      => array(
    198                                 'theme_dirname' => 'my+theme+',
    199                                 'expected'      => 'rest_theme_not_found',
    200                         ),
    201                         ':'                      => array(
    202                                 'theme_dirname' => 'my:theme:',
    203                                 'expected'      => 'rest_no_route',
    204                         ),
    205                         '<>'                     => array(
    206                                 'theme_dirname' => 'my<theme>',
    207                                 'expected'      => 'rest_no_route',
    208                         ),
    209                         '*'                      => array(
    210                                 'theme_dirname' => 'my*theme*',
    211                                 'expected'      => 'rest_no_route',
    212                         ),
    213                         '?'                      => array(
    214                                 'theme_dirname' => 'my?theme?',
    215                                 'expected'      => 'rest_no_route',
    216                         ),
    217                         '"'                      => array(
    218                                 'theme_dirname' => 'my"theme?"',
    219                                 'expected'      => 'rest_no_route',
    220                         ),
    221                         '| (invalid on Windows)' => array(
    222                                 'theme_dirname' => 'my|theme|',
    223                                 'expected'      => 'rest_no_route',
    224                         ),
    225                         // Themes deep in subdirectories.
    226                         '2 subdirectories deep'  => array(
    227                                 'theme_dirname' => 'subdir/subsubdir/mytheme',
    228                                 'expected'      => 'rest_global_styles_not_found',
    229                         ),
    230                 );
    231         }
    232 
    233         /**
    234          * @dataProvider data_get_theme_item
    235          * @covers WP_REST_Global_Styles_Controller::get_theme_item
    236          * @ticket 54596
    237          *
    238          * @param string $theme Theme directory to test.
    239          */
    240         public function test_get_theme_item( $theme ) {
    241                 wp_set_current_user( self::$admin_id );
    242                 switch_theme( $theme );
    243 
    244                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/' . $theme );
    245                 $response = rest_get_server()->dispatch( $request );
    246                 $data     = $response->get_data();
    247                 $links    = $response->get_links();
    248                 $this->assertArrayHasKey( 'settings', $data, 'Data does not have "settings" key' );
    249                 $this->assertArrayHasKey( 'styles', $data, 'Data does not have "styles" key' );
    250                 $this->assertArrayHasKey( 'self', $links, 'Links do not have a "self" key' );
    251                 $this->assertStringContainsString( '/wp/v2/global-styles/themes/' . $theme, $links['self'][0]['href'] );
    252         }
    253 
    254         /**
    255          * Data provider.
    256          *
    257          * @return array
    258          */
    259         public function data_get_theme_item() {
    260                 return array(
    261                         'alphabetic'                     => array( 'mytheme' ),
    262                         'alphanumeric'                   => array( 'mythemev1' ),
    263                         'àáâãäåæç'                       => array( 'àáâãäåæç' ),
    264                         'space'                          => array( 'my theme' ),
    265                         '-_.'                            => array( 'my_theme-0.1' ),
    266                         '[]'                             => array( 'my[theme]' ),
    267                         '()'                             => array( 'my(theme)' ),
    268                         '{}'                             => array( 'my{theme}' ),
    269                         '&=#@!$,^~%'                     => array( 'theme &=#@!$,^~%' ),
    270                         'all combined'                   => array( 'thémé {}&=@!$,^~%[0.1](-_-)' ),
    271 
    272                         // Themes in a subdirectory.
    273                         'subdir: alphabetic'             => array( 'subdir/mytheme' ),
    274                         'subdir: alphanumeric in theme'  => array( 'subdir/mythemev1' ),
    275                         'subdir: alphanumeric in subdir' => array( 'subdirv1/mytheme' ),
    276                         'subdir: alphanumeric in both'   => array( 'subdirv1/mythemev1' ),
    277                         'subdir: àáâãäåæç in theme'      => array( 'subdir/àáâãäåæç' ),
    278                         'subdir: àáâãäåæç in subdir'     => array( 'àáâãäåæç/mythemev1' ),
    279                         'subdir: àáâãäåæç in both'       => array( 'àáâãäåæç/àáâãäåæç' ),
    280                         'subdir: space in theme'         => array( 'subdir/my theme' ),
    281                         'subdir: space in subdir'        => array( 'sub dir/mytheme' ),
    282                         'subdir: space in both'          => array( 'sub dir/my theme' ),
    283                         'subdir: -_. in theme'           => array( 'subdir/my_theme-0.1' ),
    284                         'subdir: -_. in subdir'          => array( 'sub_dir-0.1/mytheme' ),
    285                         'subdir: -_. in both'            => array( 'sub_dir-0.1/my_theme-0.1' ),
    286                         'subdir: all combined in theme'  => array( 'subdir/thémé {}&=@!$,^~%[0.1](-_-)' ),
    287                         'subdir: all combined in subdir' => array( 'sűbdīr {}&=@!$,^~%[0.1](-_-)/mytheme' ),
    288                         'subdir: all combined in both'   => array( 'sűbdīr {}&=@!$,^~%[0.1](-_-)/thémé {}&=@!$,^~%[0.1](-_-)' ),
    289                 );
    290         }
    291 
    292         /**
    293          * @covers WP_REST_Global_Styles_Controller::get_theme_item
    294          * @ticket 54595
    295          */
    296         public function test_get_theme_item_fields() {
    297                 wp_set_current_user( self::$admin_id );
    298                 $request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/tt1-blocks' );
    299                 $request->set_param( '_fields', 'settings' );
    300                 $response = rest_get_server()->dispatch( $request );
    301                 $data     = $response->get_data();
    302                 $this->assertArrayHasKey( 'settings', $data );
    303                 $this->assertArrayNotHasKey( 'styles', $data );
    304         }
    305 
    306         /**
    307          * @covers WP_REST_Global_Styles_Controller::get_item
    308          * @ticket 54516
    309          */
    310         public function test_get_item_no_user() {
    311                 wp_set_current_user( 0 );
    312                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
    313                 $response = rest_get_server()->dispatch( $request );
    314                 $this->assertErrorResponse( 'rest_cannot_view', $response, 401 );
    315         }
    316 
    317         /**
    318          * @covers WP_REST_Global_Styles_Controller::get_item
    319          * @ticket 54516
    320          */
    321         public function test_get_item_invalid_post() {
    322                 wp_set_current_user( self::$admin_id );
    323                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$post_id );
    324                 $response = rest_get_server()->dispatch( $request );
    325                 $this->assertErrorResponse( 'rest_global_styles_not_found', $response, 404 );
    326         }
    327 
    328         /**
    329          * @covers WP_REST_Global_Styles_Controller::get_item
    330          * @ticket 54516
    331          */
    332         public function test_get_item_permission_check() {
    333                 wp_set_current_user( self::$subscriber_id );
    334                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
    335                 $response = rest_get_server()->dispatch( $request );
    336                 $this->assertErrorResponse( 'rest_cannot_view', $response, 403 );
    337         }
    338 
    339         /**
    340          * @covers WP_REST_Global_Styles_Controller::get_item
    341          * @ticket 54516
    342          */
    343         public function test_get_item_no_user_edit() {
    344                 wp_set_current_user( 0 );
    345                 $request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
    346                 $request->set_param( 'context', 'edit' );
    347                 $response = rest_get_server()->dispatch( $request );
    348                 $this->assertErrorResponse( 'rest_forbidden_context', $response, 401 );
    349         }
    350 
    351         /**
    352          * @covers WP_REST_Global_Styles_Controller::get_item
    353          * @ticket 54516
    354          */
    355         public function test_get_item_permission_check_edit() {
    356                 wp_set_current_user( self::$subscriber_id );
    357                 $request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
    358                 $request->set_param( 'context', 'edit' );
    359                 $response = rest_get_server()->dispatch( $request );
    360                 $this->assertErrorResponse( 'rest_forbidden_context', $response, 403 );
    361         }
    362 
    363         /**
    364          * @covers WP_REST_Global_Styles_Controller::get_item
    365          */
    366         public function test_get_item() {
    367                 wp_set_current_user( self::$admin_id );
    368                 $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
    369                 $response = rest_get_server()->dispatch( $request );
    370                 $data     = $response->get_data();
    371                 $links    = $response->get_links();
    372 
    373                 $this->assertEqualSets(
    374                         array(
    375                                 'id'       => self::$global_styles_id,
    376                                 'title'    => array(
    377                                         'raw'      => 'Custom Styles',
    378                                         'rendered' => 'Custom Styles',
    379                                 ),
    380                                 'settings' => new stdClass(),
    381                                 'styles'   => new stdClass(),
    382                         ),
    383                         $data
    384                 );
    385 
    386                 $this->assertArrayHasKey( 'self', $links );
    387                 $this->assertStringContainsString( '/wp/v2/global-styles/' . self::$global_styles_id, $links['self'][0]['href'] );
    388         }
    389 
    390         /**
    391          * @doesNotPerformAssertions
    392          */
    393         public function test_create_item() {
    394                 // Controller does not implement create_item().
    395         }
    396 
    397         /**
    398          * @covers WP_REST_Global_Styles_Controller::update_item
    399          * @ticket 54516
    400          */
    401         public function test_update_item() {
    402                 wp_set_current_user( self::$admin_id );
    403                 $request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
    404                 $request->set_body_params(
    405                         array(
    406                                 'title' => 'My new global styles title',
    407                         )
    408                 );
    409                 $response = rest_get_server()->dispatch( $request );
    410                 $data     = $response->get_data();
    411                 $this->assertSame( 'My new global styles title', $data['title']['raw'] );
    412         }
    413 
    414 
    415         /**
    416          * @covers WP_REST_Global_Styles_Controller::update_item
    417          * @ticket 54516
    418          */
    419         public function test_update_item_no_user() {
    420                 wp_set_current_user( 0 );
    421                 $request  = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
    422                 $response = rest_get_server()->dispatch( $request );
    423                 $this->assertErrorResponse( 'rest_cannot_edit', $response, 401 );
    424         }
    425 
    426         /**
    427          * @covers WP_REST_Global_Styles_Controller::update_item
    428          * @ticket 54516
    429          */
    430         public function test_update_item_invalid_post() {
    431                 wp_set_current_user( self::$admin_id );
    432                 $request  = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$post_id );
    433                 $response = rest_get_server()->dispatch( $request );
    434                 $this->assertErrorResponse( 'rest_global_styles_not_found', $response, 404 );
    435         }
    436 
    437         /**
    438          * @covers WP_REST_Global_Styles_Controller::update_item
    439          * @ticket 54516
    440          */
    441         public function test_update_item_permission_check() {
    442                 wp_set_current_user( self::$subscriber_id );
    443                 $request  = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
    444                 $response = rest_get_server()->dispatch( $request );
    445                 $this->assertErrorResponse( 'rest_cannot_edit', $response, 403 );
    446         }
    447 
    448         /**
    449          * @doesNotPerformAssertions
    450          */
    451         public function test_delete_item() {
    452                 // Controller does not implement delete_item().
    453         }
    454 
    455         /**
    456          * @doesNotPerformAssertions
    457          */
    458         public function test_prepare_item() {
    459                 // Controller does not implement prepare_item().
    460         }
    461 
    462         /**
    463          * @covers WP_REST_Global_Styles_Controller::get_item_schema
    464          * @ticket 54516
    465          */
    466         public function test_get_item_schema() {
    467                 $request    = new WP_REST_Request( 'OPTIONS', '/wp/v2/global-styles/' . self::$global_styles_id );
    468                 $response   = rest_get_server()->dispatch( $request );
    469                 $data       = $response->get_data();
    470                 $properties = $data['schema']['properties'];
    471                 $this->assertCount( 4, $properties, 'Schema properties array does not have exactly 4 elements' );
    472                 $this->assertArrayHasKey( 'id', $properties, 'Schema properties array does not have "id" key' );
    473                 $this->assertArrayHasKey( 'styles', $properties, 'Schema properties array does not have "styles" key' );
    474                 $this->assertArrayHasKey( 'settings', $properties, 'Schema properties array does not have "settings" key' );
    475                 $this->assertArrayHasKey( 'title', $properties, 'Schema properties array does not have "title" key' );
    476         }
    477 
    478 
    479122        public function test_get_theme_items() {
    480123                wp_set_current_user( self::$admin_id );
    … …  
    484127                $data     = $response->get_data();
    485128                $expected = array(
     129                        array(
     130                                'version'  => 2,
     131                                'title'    => 'variation-a',
     132                                'settings' => array(
     133                                        'blocks' => array(
     134                                                'core/paragraph' => array(
     135                                                        'color' => array(
     136                                                                'palette' => array(
     137                                                                        'theme' => array(
     138                                                                                array(
     139                                                                                        'slug'  => 'light',
     140                                                                                        'name'  => 'Light',
     141                                                                                        'color' => '#f2f2f2',
     142                                                                                ),
     143                                                                        ),
     144                                                                ),
     145                                                        ),
     146                                                ),
     147                                        ),
     148                                ),
     149                        ),
    486150                        array(
    487151                                'version'  => 2,
    … …  
    536200                wp_recursive_ksort( $expected );
    537201
    538                 $this->assertSameSets( $data, $expected );
     202                $this->assertSameSets( $expected, $data );
     203        }
     204
     205        /**
     206         * @doesNotPerformAssertions
     207         */
     208        public function test_get_items() {
     209                // Controller does not implement get_items().
     210        }
     211
     212        /**
     213         * @covers WP_REST_Global_Styles_Controller::get_theme_item
     214         * @ticket 54516
     215         */
     216        public function test_get_theme_item_no_user() {
     217                wp_set_current_user( 0 );
     218                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/tt1-blocks' );
     219                $response = rest_get_server()->dispatch( $request );
     220                $this->assertErrorResponse( 'rest_cannot_manage_global_styles', $response, 401 );
     221        }
     222
     223        /**
     224         * @covers WP_REST_Global_Styles_Controller::get_theme_item
     225         * @ticket 54516
     226         */
     227        public function test_get_theme_item_permission_check() {
     228                wp_set_current_user( self::$subscriber_id );
     229                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/tt1-blocks' );
     230                $response = rest_get_server()->dispatch( $request );
     231                $this->assertErrorResponse( 'rest_cannot_manage_global_styles', $response, 403 );
     232        }
     233
     234        /**
     235         * @covers WP_REST_Global_Styles_Controller::get_theme_item
     236         * @ticket 54516
     237         */
     238        public function test_get_theme_item_invalid() {
     239                wp_set_current_user( self::$admin_id );
     240                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/invalid' );
     241                $response = rest_get_server()->dispatch( $request );
     242                $this->assertErrorResponse( 'rest_theme_not_found', $response, 404 );
     243        }
     244
     245        /**
     246         * @dataProvider data_get_theme_item_invalid_theme_dirname
     247         * @covers WP_REST_Global_Styles_Controller::get_theme_item
     248         * @ticket 54596
     249         *
     250         * @param string $theme_dirname Theme directory to test.
     251         * @param string $expected      Expected error code.
     252         */
     253        public function test_get_theme_item_invalid_theme_dirname( $theme_dirname, $expected ) {
     254                wp_set_current_user( self::$admin_id );
     255                switch_theme( $theme_dirname );
     256
     257                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/' . $theme_dirname );
     258                $response = rest_get_server()->dispatch( $request );
     259                $this->assertErrorResponse( $expected, $response, 404 );
     260        }
     261
     262        /**
     263         * Data provider.
     264         *
     265         * @return array
     266         */
     267        public function data_get_theme_item_invalid_theme_dirname() {
     268                return array(
     269                        '+'                      => array(
     270                                'theme_dirname' => 'my+theme+',
     271                                'expected'      => 'rest_theme_not_found',
     272                        ),
     273                        ':'                      => array(
     274                                'theme_dirname' => 'my:theme:',
     275                                'expected'      => 'rest_no_route',
     276                        ),
     277                        '<>'                     => array(
     278                                'theme_dirname' => 'my<theme>',
     279                                'expected'      => 'rest_no_route',
     280                        ),
     281                        '*'                      => array(
     282                                'theme_dirname' => 'my*theme*',
     283                                'expected'      => 'rest_no_route',
     284                        ),
     285                        '?'                      => array(
     286                                'theme_dirname' => 'my?theme?',
     287                                'expected'      => 'rest_no_route',
     288                        ),
     289                        '"'                      => array(
     290                                'theme_dirname' => 'my"theme?"',
     291                                'expected'      => 'rest_no_route',
     292                        ),
     293                        '| (invalid on Windows)' => array(
     294                                'theme_dirname' => 'my|theme|',
     295                                'expected'      => 'rest_no_route',
     296                        ),
     297                        // Themes deep in subdirectories.
     298                        '2 subdirectories deep'  => array(
     299                                'theme_dirname' => 'subdir/subsubdir/mytheme',
     300                                'expected'      => 'rest_global_styles_not_found',
     301                        ),
     302                );
     303        }
     304
     305        /**
     306         * @dataProvider data_get_theme_item
     307         * @covers WP_REST_Global_Styles_Controller::get_theme_item
     308         * @ticket 54596
     309         *
     310         * @param string $theme Theme directory to test.
     311         */
     312        public function test_get_theme_item( $theme ) {
     313                wp_set_current_user( self::$admin_id );
     314                switch_theme( $theme );
     315
     316                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/' . $theme );
     317                $response = rest_get_server()->dispatch( $request );
     318                $data     = $response->get_data();
     319                $links    = $response->get_links();
     320                $this->assertArrayHasKey( 'settings', $data, 'Data does not have "settings" key' );
     321                $this->assertArrayHasKey( 'styles', $data, 'Data does not have "styles" key' );
     322                $this->assertArrayHasKey( 'self', $links, 'Links do not have a "self" key' );
     323                $this->assertStringContainsString( '/wp/v2/global-styles/themes/' . $theme, $links['self'][0]['href'] );
     324        }
     325
     326        /**
     327         * Data provider.
     328         *
     329         * @return array
     330         */
     331        public function data_get_theme_item() {
     332                return array(
     333                        'alphabetic'                     => array( 'mytheme' ),
     334                        'alphanumeric'                   => array( 'mythemev1' ),
     335                        'àáâãäåæç'                       => array( 'àáâãäåæç' ),
     336                        'space'                          => array( 'my theme' ),
     337                        '-_.'                            => array( 'my_theme-0.1' ),
     338                        '[]'                             => array( 'my[theme]' ),
     339                        '()'                             => array( 'my(theme)' ),
     340                        '{}'                             => array( 'my{theme}' ),
     341                        '&=#@!$,^~%'                     => array( 'theme &=#@!$,^~%' ),
     342                        'all combined'                   => array( 'thémé {}&=@!$,^~%[0.1](-_-)' ),
     343
     344                        // Themes in a subdirectory.
     345                        'subdir: alphabetic'             => array( 'subdir/mytheme' ),
     346                        'subdir: alphanumeric in theme'  => array( 'subdir/mythemev1' ),
     347                        'subdir: alphanumeric in subdir' => array( 'subdirv1/mytheme' ),
     348                        'subdir: alphanumeric in both'   => array( 'subdirv1/mythemev1' ),
     349                        'subdir: àáâãäåæç in theme'      => array( 'subdir/àáâãäåæç' ),
     350                        'subdir: àáâãäåæç in subdir'     => array( 'àáâãäåæç/mythemev1' ),
     351                        'subdir: àáâãäåæç in both'       => array( 'àáâãäåæç/àáâãäåæç' ),
     352                        'subdir: space in theme'         => array( 'subdir/my theme' ),
     353                        'subdir: space in subdir'        => array( 'sub dir/mytheme' ),
     354                        'subdir: space in both'          => array( 'sub dir/my theme' ),
     355                        'subdir: -_. in theme'           => array( 'subdir/my_theme-0.1' ),
     356                        'subdir: -_. in subdir'          => array( 'sub_dir-0.1/mytheme' ),
     357                        'subdir: -_. in both'            => array( 'sub_dir-0.1/my_theme-0.1' ),
     358                        'subdir: all combined in theme'  => array( 'subdir/thémé {}&=@!$,^~%[0.1](-_-)' ),
     359                        'subdir: all combined in subdir' => array( 'sűbdīr {}&=@!$,^~%[0.1](-_-)/mytheme' ),
     360                        'subdir: all combined in both'   => array( 'sűbdīr {}&=@!$,^~%[0.1](-_-)/thémé {}&=@!$,^~%[0.1](-_-)' ),
     361                );
     362        }
     363
     364        /**
     365         * @covers WP_REST_Global_Styles_Controller::get_theme_item
     366         * @ticket 54595
     367         */
     368        public function test_get_theme_item_fields() {
     369                wp_set_current_user( self::$admin_id );
     370                $request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/themes/tt1-blocks' );
     371                $request->set_param( '_fields', 'settings' );
     372                $response = rest_get_server()->dispatch( $request );
     373                $data     = $response->get_data();
     374                $this->assertArrayHasKey( 'settings', $data );
     375                $this->assertArrayNotHasKey( 'styles', $data );
     376        }
     377
     378        /**
     379         * @covers WP_REST_Global_Styles_Controller::get_item
     380         * @ticket 54516
     381         */
     382        public function test_get_item_no_user() {
     383                wp_set_current_user( 0 );
     384                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
     385                $response = rest_get_server()->dispatch( $request );
     386                $this->assertErrorResponse( 'rest_cannot_view', $response, 401 );
     387        }
     388
     389        /**
     390         * @covers WP_REST_Global_Styles_Controller::get_item
     391         * @ticket 54516
     392         */
     393        public function test_get_item_invalid_post() {
     394                wp_set_current_user( self::$admin_id );
     395                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$post_id );
     396                $response = rest_get_server()->dispatch( $request );
     397                $this->assertErrorResponse( 'rest_global_styles_not_found', $response, 404 );
     398        }
     399
     400        /**
     401         * @covers WP_REST_Global_Styles_Controller::get_item
     402         * @ticket 54516
     403         */
     404        public function test_get_item_permission_check() {
     405                wp_set_current_user( self::$subscriber_id );
     406                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
     407                $response = rest_get_server()->dispatch( $request );
     408                $this->assertErrorResponse( 'rest_cannot_view', $response, 403 );
     409        }
     410
     411        /**
     412         * @covers WP_REST_Global_Styles_Controller::get_item
     413         * @ticket 54516
     414         */
     415        public function test_get_item_no_user_edit() {
     416                wp_set_current_user( 0 );
     417                $request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
     418                $request->set_param( 'context', 'edit' );
     419                $response = rest_get_server()->dispatch( $request );
     420                $this->assertErrorResponse( 'rest_forbidden_context', $response, 401 );
     421        }
     422
     423        /**
     424         * @covers WP_REST_Global_Styles_Controller::get_item
     425         * @ticket 54516
     426         */
     427        public function test_get_item_permission_check_edit() {
     428                wp_set_current_user( self::$subscriber_id );
     429                $request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
     430                $request->set_param( 'context', 'edit' );
     431                $response = rest_get_server()->dispatch( $request );
     432                $this->assertErrorResponse( 'rest_forbidden_context', $response, 403 );
     433        }
     434
     435        /**
     436         * @covers WP_REST_Global_Styles_Controller::get_item
     437         */
     438        public function test_get_item() {
     439                wp_set_current_user( self::$admin_id );
     440                $request  = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' . self::$global_styles_id );
     441                $response = rest_get_server()->dispatch( $request );
     442                $data     = $response->get_data();
     443                $links    = $response->get_links();
     444
     445                $this->assertEqualSets(
     446                        array(
     447                                'id'       => self::$global_styles_id,
     448                                'title'    => array(
     449                                        'raw'      => 'Custom Styles',
     450                                        'rendered' => 'Custom Styles',
     451                                ),
     452                                'settings' => new stdClass(),
     453                                'styles'   => new stdClass(),
     454                        ),
     455                        $data
     456                );
     457
     458                $this->assertArrayHasKey( 'self', $links );
     459                $this->assertStringContainsString( '/wp/v2/global-styles/' . self::$global_styles_id, $links['self'][0]['href'] );
     460        }
     461
     462        /**
     463         * @doesNotPerformAssertions
     464         */
     465        public function test_create_item() {
     466                // Controller does not implement create_item().
     467        }
     468
     469        /**
     470         * @covers WP_REST_Global_Styles_Controller::update_item
     471         * @ticket 54516
     472         */
     473        public function test_update_item() {
     474                wp_set_current_user( self::$admin_id );
     475                $request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
     476                $request->set_body_params(
     477                        array(
     478                                'title' => 'My new global styles title',
     479                        )
     480                );
     481                $response = rest_get_server()->dispatch( $request );
     482                $data     = $response->get_data();
     483                $this->assertSame( 'My new global styles title', $data['title']['raw'] );
     484        }
     485
     486        /**
     487         * @covers WP_REST_Global_Styles_Controller::update_item
     488         * @ticket 54516
     489         */
     490        public function test_update_item_no_user() {
     491                wp_set_current_user( 0 );
     492                $request  = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
     493                $response = rest_get_server()->dispatch( $request );
     494                $this->assertErrorResponse( 'rest_cannot_edit', $response, 401 );
     495        }
     496
     497        /**
     498         * @covers WP_REST_Global_Styles_Controller::update_item
     499         * @ticket 54516
     500         */
     501        public function test_update_item_invalid_post() {
     502                wp_set_current_user( self::$admin_id );
     503                $request  = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$post_id );
     504                $response = rest_get_server()->dispatch( $request );
     505                $this->assertErrorResponse( 'rest_global_styles_not_found', $response, 404 );
     506        }
     507
     508        /**
     509         * @covers WP_REST_Global_Styles_Controller::update_item
     510         * @ticket 54516
     511         */
     512        public function test_update_item_permission_check() {
     513                wp_set_current_user( self::$subscriber_id );
     514                $request  = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
     515                $response = rest_get_server()->dispatch( $request );
     516                $this->assertErrorResponse( 'rest_cannot_edit', $response, 403 );
     517        }
     518
     519        /**
     520         * @covers WP_REST_Global_Styles_Controller::update_item
     521         * @ticket 57536
     522         */
     523        public function test_update_item_valid_styles_css() {
     524                wp_set_current_user( self::$admin_id );
     525                if ( is_multisite() ) {
     526                        grant_super_admin( self::$admin_id );
     527                }
     528                $request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
     529                $request->set_body_params(
     530                        array(
     531                                'styles' => array( 'css' => 'body { color: red; }' ),
     532                        )
     533                );
     534                $response = rest_get_server()->dispatch( $request );
     535                $data     = $response->get_data();
     536                $this->assertSame( 'body { color: red; }', $data['styles']['css'] );
     537        }
     538
     539        /**
     540         * @covers WP_REST_Global_Styles_Controller::update_item
     541         * @ticket 57536
     542         */
     543        public function test_update_item_invalid_styles_css() {
     544                wp_set_current_user( self::$admin_id );
     545                if ( is_multisite() ) {
     546                        grant_super_admin( self::$admin_id );
     547                }
     548                $request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
     549                $request->set_body_params(
     550                        array(
     551                                'styles' => array( 'css' => '<p>test</p> body { color: red; }' ),
     552                        )
     553                );
     554                $response = rest_get_server()->dispatch( $request );
     555                $this->assertErrorResponse( 'rest_custom_css_illegal_markup', $response, 400 );
     556        }
     557
     558        /**
     559         * @doesNotPerformAssertions
     560         */
     561        public function test_delete_item() {
     562                // Controller does not implement delete_item().
     563        }
     564
     565        /**
     566         * @doesNotPerformAssertions
     567         */
     568        public function test_prepare_item() {
     569                // Controller does not implement prepare_item().
     570        }
     571
     572        /**
     573         * @covers WP_REST_Global_Styles_Controller::get_item_schema
     574         * @ticket 54516
     575         */
     576        public function test_get_item_schema() {
     577                $request    = new WP_REST_Request( 'OPTIONS', '/wp/v2/global-styles/' . self::$global_styles_id );
     578                $response   = rest_get_server()->dispatch( $request );
     579                $data       = $response->get_data();
     580                $properties = $data['schema']['properties'];
     581                $this->assertCount( 4, $properties, 'Schema properties array does not have exactly 4 elements' );
     582                $this->assertArrayHasKey( 'id', $properties, 'Schema properties array does not have "id" key' );
     583                $this->assertArrayHasKey( 'styles', $properties, 'Schema properties array does not have "styles" key' );
     584                $this->assertArrayHasKey( 'settings', $properties, 'Schema properties array does not have "settings" key' );
     585                $this->assertArrayHasKey( 'title', $properties, 'Schema properties array does not have "title" key' );
    539586        }
    540587
    … …  
    557604                }
    558605        }
    559 
    560         /**
    561          * @covers WP_REST_Global_Styles_Controller::update_item
    562          * @ticket 57536
    563          */
    564         public function test_update_item_valid_styles_css() {
    565                 wp_set_current_user( self::$admin_id );
    566                 if ( is_multisite() ) {
    567                         grant_super_admin( self::$admin_id );
    568                 }
    569                 $request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
    570                 $request->set_body_params(
    571                         array(
    572                                 'styles' => array( 'css' => 'body { color: red; }' ),
    573                         )
    574                 );
    575                 $response = rest_get_server()->dispatch( $request );
    576                 $data     = $response->get_data();
    577                 $this->assertSame( 'body { color: red; }', $data['styles']['css'] );
    578         }
    579 
    580         /**
    581          * @covers WP_REST_Global_Styles_Controller::update_item
    582          * @ticket 57536
    583          */
    584         public function test_update_item_invalid_styles_css() {
    585                 wp_set_current_user( self::$admin_id );
    586                 if ( is_multisite() ) {
    587                         grant_super_admin( self::$admin_id );
    588                 }
    589                 $request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' . self::$global_styles_id );
    590                 $request->set_body_params(
    591                         array(
    592                                 'styles' => array( 'css' => '<p>test</p> body { color: red; }' ),
    593                         )
    594                 );
    595                 $response = rest_get_server()->dispatch( $request );
    596                 $this->assertErrorResponse( 'rest_custom_css_illegal_markup', $response, 400 );
    597         }
    598606}

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

    r57547 r57662  
    388388
    389389        /**
    390          * @ticket 54336
    391          * @ticket 58550
    392          */
    393         public function test_get_stylesheet_support_for_shorthand_and_longhand_values() {
    394                 $theme_json = new WP_Theme_JSON(
    395                         array(
    396                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    397                                 'styles'  => array(
    398                                         'blocks' => array(
    399                                                 'core/group' => array(
    400                                                         'border'  => array(
    401                                                                 'radius' => '10px',
    402                                                         ),
    403                                                         'spacing' => array(
    404                                                                 'padding' => '24px',
    405                                                                 'margin'  => '1em',
    406                                                         ),
    407                                                 ),
    408                                                 'core/image' => array(
    409                                                         'border'  => array(
    410                                                                 'radius' => array(
    411                                                                         'topLeft'     => '10px',
    412                                                                         'bottomRight' => '1em',
    413                                                                 ),
    414                                                         ),
    415                                                         'spacing' => array(
    416                                                                 'padding' => array(
    417                                                                         'top' => '15px',
    418                                                                 ),
    419                                                                 'margin'  => array(
    420                                                                         'bottom' => '30px',
    421                                                                 ),
    422                                                         ),
    423                                                 ),
    424                                         ),
    425                                 ),
    426                         )
    427                 );
    428 
    429                 $styles = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-group{border-radius: 10px;margin: 1em;padding: 24px;}.wp-block-image{margin-bottom: 30px;padding-top: 15px;}.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder{border-top-left-radius: 10px;border-bottom-right-radius: 1em;}';
    430                 $this->assertSame( $styles, $theme_json->get_stylesheet() );
    431                 $this->assertSame( $styles, $theme_json->get_stylesheet( array( 'styles' ) ) );
    432         }
    433 
    434         /**
    435          * @ticket 54336
    436          * @ticket 58550
    437          */
    438         public function test_get_stylesheet_skips_disabled_protected_properties() {
    439                 $theme_json = new WP_Theme_JSON(
    440                         array(
    441                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    442                                 'settings' => array(
    443                                         'spacing' => array(
    444                                                 'blockGap' => null,
    445                                         ),
    446                                 ),
    447                                 'styles'   => array(
    448                                         'spacing' => array(
    449                                                 'blockGap' => '1em',
    450                                         ),
    451                                         'blocks'  => array(
    452                                                 'core/columns' => array(
    453                                                         'spacing' => array(
    454                                                                 'blockGap' => '24px',
    455                                                         ),
    456                                                 ),
    457                                         ),
    458                                 ),
    459                         )
    460                 );
    461 
    462                 $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}';
    463                 $this->assertSame( $expected, $theme_json->get_stylesheet() );
    464                 $this->assertSame( $expected, $theme_json->get_stylesheet( array( 'styles' ) ) );
    465         }
    466 
    467         /**
    468          * @ticket 54336
    469          * @ticket 58548
    470          * @ticket 58550
    471          */
    472         public function test_get_stylesheet_renders_enabled_protected_properties() {
    473                 $theme_json = new WP_Theme_JSON(
    474                         array(
    475                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    476                                 'settings' => array(
    477                                         'spacing' => array(
    478                                                 'blockGap' => true,
    479                                         ),
    480                                 ),
    481                                 'styles'   => array(
    482                                         'spacing' => array(
    483                                                 'blockGap' => '1em',
    484                                         ),
    485                                 ),
    486                         )
    487                 );
    488 
    489                 $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1em; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 1em; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1em;}:where(body .is-layout-grid) {gap: 1em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
    490                 $this->assertSame( $expected, $theme_json->get_stylesheet() );
    491                 $this->assertSame( $expected, $theme_json->get_stylesheet( array( 'styles' ) ) );
    492         }
    493 
    494         /**
    495390         * @ticket 53175
    496391         * @ticket 54336
    … …  
    584479                                                ),
    585480                                                'core/group'        => array(
    586                                                         'color'    => array(
     481                                                        'color'      => array(
    587482                                                                'gradient' => 'var:preset|gradient|custom-gradient',
    588483                                                        ),
    589                                                         'border'   => array(
     484                                                        'border'     => array(
    590485                                                                'radius' => '10px',
    591486                                                        ),
    592                                                         'elements' => array(
     487                                                        'dimensions' => array(
     488                                                                'minHeight' => '50vh',
     489                                                        ),
     490                                                        'elements'   => array(
    593491                                                                'link' => array(
    594492                                                                        'color' => array(
    … …  
    597495                                                                ),
    598496                                                        ),
    599                                                         'spacing'  => array(
     497                                                        'spacing'    => array(
    600498                                                                'padding' => '24px',
    601499                                                        ),
    … …  
    661559
    662560                $variables = 'body{--wp--preset--color--grey: grey;--wp--preset--gradient--custom-gradient: linear-gradient(135deg,rgba(0,0,0) 0%,rgb(0,0,0) 100%);--wp--preset--font-size--small: 14px;--wp--preset--font-size--big: 41px;--wp--preset--font-family--arial: Arial, serif;}.wp-block-group{--wp--custom--base-font: 16;--wp--custom--line-height--small: 1.2;--wp--custom--line-height--medium: 1.4;--wp--custom--line-height--large: 1.8;}';
    663                 $styles    = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{color: var(--wp--preset--color--grey);}a:where(:not(.wp-element-button)){background-color: #333;color: #111;}.wp-element-button, .wp-block-button__link{box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.66);}.wp-block-cover{min-height: unset;aspect-ratio: 16/9;}.wp-block-group{background: var(--wp--preset--gradient--custom-gradient);border-radius: 10px;padding: 24px;}.wp-block-group a:where(:not(.wp-element-button)){color: #111;}.wp-block-heading{color: #123456;}.wp-block-heading a:where(:not(.wp-element-button)){background-color: #333;color: #111;font-size: 60px;}.wp-block-post-date{color: #123456;}.wp-block-post-date a:where(:not(.wp-element-button)){background-color: #777;color: #555;}.wp-block-post-excerpt{column-count: 2;}.wp-block-image{margin-bottom: 30px;}.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder{border-top-left-radius: 10px;border-bottom-right-radius: 1em;}.wp-block-image img, .wp-block-image .components-placeholder{filter: var(--wp--preset--duotone--custom-duotone);}';
     561                $styles    = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{color: var(--wp--preset--color--grey);}a:where(:not(.wp-element-button)){background-color: #333;color: #111;}.wp-element-button, .wp-block-button__link{box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.66);}.wp-block-cover{min-height: unset;aspect-ratio: 16/9;}.wp-block-group{background: var(--wp--preset--gradient--custom-gradient);border-radius: 10px;min-height: 50vh;padding: 24px;}.wp-block-group a:where(:not(.wp-element-button)){color: #111;}.wp-block-heading{color: #123456;}.wp-block-heading a:where(:not(.wp-element-button)){background-color: #333;color: #111;font-size: 60px;}.wp-block-post-date{color: #123456;}.wp-block-post-date a:where(:not(.wp-element-button)){background-color: #777;color: #555;}.wp-block-post-excerpt{column-count: 2;}.wp-block-image{margin-bottom: 30px;}.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder{border-top-left-radius: 10px;border-bottom-right-radius: 1em;}.wp-block-image img, .wp-block-image .components-placeholder{filter: var(--wp--preset--duotone--custom-duotone);}';
    664562                $presets   = '.has-grey-color{color: var(--wp--preset--color--grey) !important;}.has-grey-background-color{background-color: var(--wp--preset--color--grey) !important;}.has-grey-border-color{border-color: var(--wp--preset--color--grey) !important;}.has-custom-gradient-gradient-background{background: var(--wp--preset--gradient--custom-gradient) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-big-font-size{font-size: var(--wp--preset--font-size--big) !important;}.has-arial-font-family{font-family: var(--wp--preset--font-family--arial) !important;}';
    665563                $all       = $variables . $styles . $presets;
    666                 $this->assertSame( $all, $theme_json->get_stylesheet() );
     564
     565                $this->assertSame( $variables, $theme_json->get_stylesheet( array( 'variables' ) ) );
    667566                $this->assertSame( $styles, $theme_json->get_stylesheet( array( 'styles' ) ) );
    668567                $this->assertSame( $presets, $theme_json->get_stylesheet( array( 'presets' ) ) );
    669                 $this->assertSame( $variables, $theme_json->get_stylesheet( array( 'variables' ) ) );
     568                $this->assertSame( $all, $theme_json->get_stylesheet() );
     569        }
     570
     571        /**
     572         * @ticket 54336
     573         * @ticket 58550
     574         */
     575        public function test_get_stylesheet_support_for_shorthand_and_longhand_values() {
     576                $theme_json = new WP_Theme_JSON(
     577                        array(
     578                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     579                                'styles'  => array(
     580                                        'blocks' => array(
     581                                                'core/group' => array(
     582                                                        'border'  => array(
     583                                                                'radius' => '10px',
     584                                                        ),
     585                                                        'spacing' => array(
     586                                                                'padding' => '24px',
     587                                                                'margin'  => '1em',
     588                                                        ),
     589                                                ),
     590                                                'core/image' => array(
     591                                                        'border'  => array(
     592                                                                'radius' => array(
     593                                                                        'topLeft'     => '10px',
     594                                                                        'bottomRight' => '1em',
     595                                                                ),
     596                                                        ),
     597                                                        'spacing' => array(
     598                                                                'padding' => array(
     599                                                                        'top' => '15px',
     600                                                                ),
     601                                                                'margin'  => array(
     602                                                                        'bottom' => '30px',
     603                                                                ),
     604                                                        ),
     605                                                ),
     606                                        ),
     607                                ),
     608                        )
     609                );
     610
     611                $styles = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-group{border-radius: 10px;margin: 1em;padding: 24px;}.wp-block-image{margin-bottom: 30px;padding-top: 15px;}.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder{border-top-left-radius: 10px;border-bottom-right-radius: 1em;}';
     612                $this->assertSame( $styles, $theme_json->get_stylesheet() );
     613                $this->assertSame( $styles, $theme_json->get_stylesheet( array( 'styles' ) ) );
     614        }
     615
     616        /**
     617         * @ticket 54336
     618         * @ticket 58550
     619         */
     620        public function test_get_stylesheet_skips_disabled_protected_properties() {
     621                $theme_json = new WP_Theme_JSON(
     622                        array(
     623                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     624                                'settings' => array(
     625                                        'spacing' => array(
     626                                                'blockGap' => null,
     627                                        ),
     628                                ),
     629                                'styles'   => array(
     630                                        'spacing' => array(
     631                                                'blockGap' => '1em',
     632                                        ),
     633                                        'blocks'  => array(
     634                                                'core/columns' => array(
     635                                                        'spacing' => array(
     636                                                                'blockGap' => '24px',
     637                                                        ),
     638                                                ),
     639                                        ),
     640                                ),
     641                        )
     642                );
     643
     644                $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}';
     645                $this->assertSame( $expected, $theme_json->get_stylesheet() );
     646                $this->assertSame( $expected, $theme_json->get_stylesheet( array( 'styles' ) ) );
     647        }
     648
     649        /**
     650         * @ticket 54336
     651         * @ticket 58548
     652         * @ticket 58550
     653         */
     654        public function test_get_stylesheet_renders_enabled_protected_properties() {
     655                $theme_json = new WP_Theme_JSON(
     656                        array(
     657                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     658                                'settings' => array(
     659                                        'spacing' => array(
     660                                                'blockGap' => true,
     661                                        ),
     662                                ),
     663                                'styles'   => array(
     664                                        'spacing' => array(
     665                                                'blockGap' => '1em',
     666                                        ),
     667                                ),
     668                        )
     669                );
     670
     671                $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1em; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 1em; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1em;}:where(body .is-layout-grid) {gap: 1em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     672                $this->assertSame( $expected, $theme_json->get_stylesheet() );
     673                $this->assertSame( $expected, $theme_json->get_stylesheet( array( 'styles' ) ) );
    670674        }
    671675
    … …  
    739743                $presets   = '.wp-block-group.has-grey-color{color: var(--wp--preset--color--grey) !important;}.wp-block-group.has-grey-background-color{background-color: var(--wp--preset--color--grey) !important;}.wp-block-group.has-grey-border-color{border-color: var(--wp--preset--color--grey) !important;}';
    740744                $variables = '.wp-block-group{--wp--preset--color--grey: grey;}';
    741                 $all       = $variables . $styles . $presets;
     745
     746                $all = $variables . $styles . $presets;
     747
    742748                $this->assertSame( $all, $theme_json->get_stylesheet() );
    743749                $this->assertSame( $styles, $theme_json->get_stylesheet( array( 'styles' ) ) );
    … …  
    11141120
    11151121        /**
     1122         * @ticket 56467
     1123         * @ticket 58548
     1124         * @ticket 58550
     1125         */
     1126        public function test_get_stylesheet_generates_layout_styles() {
     1127                $theme_json = new WP_Theme_JSON(
     1128                        array(
     1129                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1130                                'settings' => array(
     1131                                        'spacing' => array(
     1132                                                'blockGap' => true,
     1133                                        ),
     1134                                ),
     1135                                'styles'   => array(
     1136                                        'spacing' => array(
     1137                                                'blockGap' => '1em',
     1138                                        ),
     1139                                ),
     1140                        ),
     1141                        'default'
     1142                );
     1143
     1144                // Results also include root site blocks styles.
     1145                $this->assertSame(
     1146                        'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1em; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 1em; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1em;}:where(body .is-layout-grid) {gap: 1em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}',
     1147                        $theme_json->get_stylesheet( array( 'styles' ) )
     1148                );
     1149        }
     1150
     1151        /**
     1152         * @ticket 56467
     1153         * @ticket 58548
     1154         * @ticket 58550
     1155         */
     1156        public function test_get_stylesheet_generates_layout_styles_with_spacing_presets() {
     1157                $theme_json = new WP_Theme_JSON(
     1158                        array(
     1159                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1160                                'settings' => array(
     1161                                        'spacing' => array(
     1162                                                'blockGap' => true,
     1163                                        ),
     1164                                ),
     1165                                'styles'   => array(
     1166                                        'spacing' => array(
     1167                                                'blockGap' => 'var:preset|spacing|60',
     1168                                        ),
     1169                                ),
     1170                        ),
     1171                        'default'
     1172                );
     1173
     1174                // Results also include root site blocks styles.
     1175                $this->assertSame(
     1176                        'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--wp--preset--spacing--60); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: var(--wp--preset--spacing--60); }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: var(--wp--preset--spacing--60);margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: var(--wp--preset--spacing--60);margin-block-end: 0;}:where(body .is-layout-flex) {gap: var(--wp--preset--spacing--60);}:where(body .is-layout-grid) {gap: var(--wp--preset--spacing--60);}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}',
     1177                        $theme_json->get_stylesheet( array( 'styles' ) )
     1178                );
     1179        }
     1180
     1181        /**
     1182         * @ticket 56467
     1183         * @ticket 58550
     1184         */
     1185        public function test_get_stylesheet_generates_fallback_gap_layout_styles() {
     1186                $theme_json = new WP_Theme_JSON(
     1187                        array(
     1188                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1189                                'settings' => array(
     1190                                        'spacing' => array(
     1191                                                'blockGap' => null,
     1192                                        ),
     1193                                ),
     1194                                'styles'   => array(
     1195                                        'spacing' => array(
     1196                                                'blockGap' => '1em',
     1197                                        ),
     1198                                ),
     1199                        ),
     1200                        'default'
     1201                );
     1202                $stylesheet = $theme_json->get_stylesheet( array( 'styles' ) );
     1203
     1204                // Results also include root site blocks styles.
     1205                $this->assertSame(
     1206                        'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}',
     1207                        $stylesheet
     1208                );
     1209        }
     1210
     1211        /**
     1212         * @ticket 56467
     1213         * @ticket 58550
     1214         */
     1215        public function test_get_stylesheet_generates_base_fallback_gap_layout_styles() {
     1216                $theme_json = new WP_Theme_JSON(
     1217                        array(
     1218                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1219                                'settings' => array(
     1220                                        'spacing' => array(
     1221                                                'blockGap' => null,
     1222                                        ),
     1223                                ),
     1224                        ),
     1225                        'default'
     1226                );
     1227                $stylesheet = $theme_json->get_stylesheet( array( 'base-layout-styles' ) );
     1228
     1229                // Note the `base-layout-styles` includes a fallback gap for the Columns block for backwards compatibility.
     1230                $this->assertSame(
     1231                        ':where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}',
     1232                        $stylesheet
     1233                );
     1234        }
     1235
     1236        /**
     1237         * @ticket 56467
     1238         * @ticket 58550
     1239         */
     1240        public function test_get_stylesheet_skips_layout_styles() {
     1241                add_theme_support( 'disable-layout-styles' );
     1242                $theme_json = new WP_Theme_JSON(
     1243                        array(
     1244                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1245                                'settings' => array(
     1246                                        'spacing' => array(
     1247                                                'blockGap' => null,
     1248                                        ),
     1249                                ),
     1250                        ),
     1251                        'default'
     1252                );
     1253                $stylesheet = $theme_json->get_stylesheet( array( 'base-layout-styles' ) );
     1254                remove_theme_support( 'disable-layout-styles' );
     1255
     1256                // All Layout styles should be skipped.
     1257                $this->assertSame(
     1258                        '',
     1259                        $stylesheet
     1260                );
     1261        }
     1262
     1263        /**
     1264         * @ticket 56467
     1265         * @ticket 58550
     1266         */
     1267        public function test_get_stylesheet_generates_valid_block_gap_values_and_skips_null_or_false_values() {
     1268                $theme_json = new WP_Theme_JSON(
     1269                        array(
     1270                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1271                                'settings' => array(
     1272                                        'spacing' => array(
     1273                                                'blockGap' => true,
     1274                                        ),
     1275                                ),
     1276                                'styles'   => array(
     1277                                        'spacing' => array(
     1278                                                'blockGap' => '1rem',
     1279                                        ),
     1280                                        'blocks'  => array(
     1281                                                'core/post-content' => array(
     1282                                                        'color' => array(
     1283                                                                'text' => 'gray', // This value should not render block layout styles.
     1284                                                        ),
     1285                                                ),
     1286                                                'core/social-links' => array(
     1287                                                        'spacing' => array(
     1288                                                                'blockGap' => '0', // This value should render block layout gap as zero.
     1289                                                        ),
     1290                                                ),
     1291                                                'core/buttons'      => array(
     1292                                                        'spacing' => array(
     1293                                                                'blockGap' => 0, // This value should render block layout gap as zero.
     1294                                                        ),
     1295                                                ),
     1296                                                'core/columns'      => array(
     1297                                                        'spacing' => array(
     1298                                                                'blockGap' => false, // This value should be ignored. The block will use the global layout value.
     1299                                                        ),
     1300                                                ),
     1301                                        ),
     1302                                ),
     1303                        ),
     1304                        'default'
     1305                );
     1306
     1307                $this->assertSame(
     1308                        'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 1rem; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1rem;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1rem;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1rem;}:where(body .is-layout-grid) {gap: 1rem;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-post-content{color: gray;}.wp-block-social-links-is-layout-flow > :first-child:first-child{margin-block-start: 0;}.wp-block-social-links-is-layout-flow > :last-child:last-child{margin-block-end: 0;}.wp-block-social-links-is-layout-flow > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-social-links-is-layout-constrained > :first-child:first-child{margin-block-start: 0;}.wp-block-social-links-is-layout-constrained > :last-child:last-child{margin-block-end: 0;}.wp-block-social-links-is-layout-constrained > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-social-links-is-layout-flex{gap: 0;}.wp-block-social-links-is-layout-grid{gap: 0;}.wp-block-buttons-is-layout-flow > :first-child:first-child{margin-block-start: 0;}.wp-block-buttons-is-layout-flow > :last-child:last-child{margin-block-end: 0;}.wp-block-buttons-is-layout-flow > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-buttons-is-layout-constrained > :first-child:first-child{margin-block-start: 0;}.wp-block-buttons-is-layout-constrained > :last-child:last-child{margin-block-end: 0;}.wp-block-buttons-is-layout-constrained > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-buttons-is-layout-flex{gap: 0;}.wp-block-buttons-is-layout-grid{gap: 0;}',
     1309                        $theme_json->get_stylesheet()
     1310                );
     1311        }
     1312
     1313        /**
     1314         * @ticket 57354
     1315         * @ticket 58550
     1316         */
     1317        public function test_get_stylesheet_returns_outline_styles() {
     1318                $theme_json = new WP_Theme_JSON(
     1319                        array(
     1320                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     1321                                'styles'  => array(
     1322                                        'elements' => array(
     1323                                                'button' => array(
     1324                                                        'outline' => array(
     1325                                                                'offset' => '3px',
     1326                                                                'width'  => '3px',
     1327                                                                'style'  => 'dashed',
     1328                                                                'color'  => 'red',
     1329                                                        ),
     1330                                                        ':hover'  => array(
     1331                                                                'outline' => array(
     1332                                                                        'offset' => '3px',
     1333                                                                        'width'  => '3px',
     1334                                                                        'style'  => 'solid',
     1335                                                                        'color'  => 'blue',
     1336                                                                ),
     1337                                                        ),
     1338                                                ),
     1339                                        ),
     1340                                ),
     1341                        )
     1342                );
     1343
     1344                $base_styles = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     1345
     1346                $element_styles = '.wp-element-button, .wp-block-button__link{outline-color: red;outline-offset: 3px;outline-style: dashed;outline-width: 3px;}.wp-element-button:hover, .wp-block-button__link:hover{outline-color: blue;outline-offset: 3px;outline-style: solid;outline-width: 3px;}';
     1347
     1348                $expected = $base_styles . $element_styles;
     1349                $this->assertSame( $expected, $theme_json->get_stylesheet() );
     1350        }
     1351
     1352        /**
     1353         * Tests that a custom root selector is correctly applied when generating a stylesheet.
     1354         *
     1355         * @ticket 60343
     1356         */
     1357        public function test_get_stylesheet_custom_root_selector() {
     1358                $theme_json = new WP_Theme_JSON(
     1359                        array(
     1360                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     1361                                'styles'  => array(
     1362                                        'color' => array(
     1363                                                'text' => 'teal',
     1364                                        ),
     1365                                ),
     1366                        ),
     1367                        'default'
     1368                );
     1369
     1370                $options = array( 'root_selector' => '.custom' );
     1371                $actual  = $theme_json->get_stylesheet( array( 'styles' ), null, $options );
     1372
     1373                // Results also include root site blocks styles which hard code
     1374                // `body { margin: 0; }`.
     1375                $this->assertSame(
     1376                        'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }.custom{color: teal;}',
     1377                        $actual
     1378                );
     1379        }
     1380
     1381        public function test_allow_indirect_properties() {
     1382                $actual = WP_Theme_JSON::remove_insecure_properties(
     1383                        array(
     1384                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1385                                'styles'   => array(
     1386                                        'blocks'  => array(
     1387                                                'core/social-links' => array(
     1388                                                        'spacing' => array(
     1389                                                                'blockGap' => array(
     1390                                                                        'top'  => '1em',
     1391                                                                        'left' => '2em',
     1392                                                                ),
     1393                                                        ),
     1394                                                ),
     1395                                        ),
     1396                                        'spacing' => array(
     1397                                                'blockGap' => '3em',
     1398                                        ),
     1399                                ),
     1400                                'settings' => array(
     1401                                        'layout' => array(
     1402                                                'contentSize' => '800px',
     1403                                                'wideSize'    => '1000px',
     1404                                        ),
     1405                                ),
     1406                        )
     1407                );
     1408
     1409                $expected = array(
     1410                        'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     1411                        'styles'   => array(
     1412                                'blocks'  => array(
     1413                                        'core/social-links' => array(
     1414                                                'spacing' => array(
     1415                                                        'blockGap' => array(
     1416                                                                'top'  => '1em',
     1417                                                                'left' => '2em',
     1418                                                        ),
     1419                                                ),
     1420                                        ),
     1421                                ),
     1422                                'spacing' => array(
     1423                                        'blockGap' => '3em',
     1424                                ),
     1425                        ),
     1426                        'settings' => array(
     1427                                'layout' => array(
     1428                                        'contentSize' => '800px',
     1429                                        'wideSize'    => '1000px',
     1430                                ),
     1431                        ),
     1432                );
     1433
     1434                $this->assertEqualSetsWithIndex( $expected, $actual );
     1435        }
     1436
     1437        /**
    11161438         * @ticket 52991
    11171439         * @ticket 54336
    … …  
    25552877                                                                ),
    25562878                                                        ),
     2879                                                        ':seen'  => array(
     2880                                                                'color' => array(
     2881                                                                        'background' => 'ivory',
     2882                                                                ),
     2883                                                        ),
    25572884                                                ),
    25582885                                        ),
    … …  
    28413168
    28423169        /**
    2843          * @ticket 54487
    2844          */
    2845         public function test_sanitization() {
    2846                 $theme_json = new WP_Theme_JSON(
    2847                         array(
    2848                                 'version' => 2,
    2849                                 'styles'  => array(
    2850                                         'spacing' => array(
    2851                                                 'blockGap' => 'valid value',
    2852                                         ),
    2853                                         'blocks'  => array(
    2854                                                 'core/group' => array(
    2855                                                         'spacing' => array(
    2856                                                                 'margin'  => 'valid value',
    2857                                                                 'display' => 'none',
    2858                                                         ),
    2859                                                 ),
    2860                                         ),
    2861                                 ),
    2862                         )
    2863                 );
    2864 
    2865                 $actual   = $theme_json->get_raw_data();
    2866                 $expected = array(
    2867                         'version' => 2,
    2868                         'styles'  => array(
    2869                                 'spacing' => array(
    2870                                         'blockGap' => 'valid value',
    2871                                 ),
    2872                                 'blocks'  => array(
    2873                                         'core/group' => array(
    2874                                                 'spacing' => array(
    2875                                                         'margin' => 'valid value',
    2876                                                 ),
    2877                                         ),
    2878                                 ),
    2879                         ),
    2880                 );
    2881 
    2882                 $this->assertEqualSetsWithIndex( $expected, $actual );
    2883         }
    2884 
    2885         /**
    28863170         * @ticket 55505
    28873171         */
    … …  
    31553439        }
    31563440
     3441        public function test_remove_invalid_font_family_settings() {
     3442                $actual = WP_Theme_JSON::remove_insecure_properties(
     3443                        array(
     3444                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     3445                                'settings' => array(
     3446                                        'typography' => array(
     3447                                                'fontFamilies' => array(
     3448                                                        'custom' => array(
     3449                                                                array(
     3450                                                                        'name'       => 'Open Sans',
     3451                                                                        'slug'       => 'open-sans',
     3452                                                                        'fontFamily' => '"Open Sans", sans-serif</style><script>alert("xss")</script>',
     3453                                                                ),
     3454                                                                array(
     3455                                                                        'name'       => 'Arial',
     3456                                                                        'slug'       => 'arial',
     3457                                                                        'fontFamily' => 'Arial, serif',
     3458                                                                ),
     3459                                                        ),
     3460                                                ),
     3461                                        ),
     3462                                ),
     3463                        ),
     3464                        true
     3465                );
     3466
     3467                $expected = array(
     3468                        'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     3469                        'settings' => array(
     3470                                'typography' => array(
     3471                                        'fontFamilies' => array(
     3472                                                'custom' => array(
     3473                                                        array(
     3474                                                                'name'       => 'Arial',
     3475                                                                'slug'       => 'arial',
     3476                                                                'fontFamily' => 'Arial, serif',
     3477                                                        ),
     3478                                                ),
     3479                                        ),
     3480                                ),
     3481                        ),
     3482                );
     3483
     3484                $this->assertEqualSetsWithIndex( $expected, $actual );
     3485        }
    31573486
    31583487        /**
    … …  
    32043533                );
    32053534
    3206                 $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{background-color: #ffffff;color: #000000;}.wp-element-button, .wp-block-button__link{background-color: #000000;color: #ffffff;}';
     3535                $base_styles  = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     3536                $color_styles = 'body{background-color: #ffffff;color: #000000;}.wp-element-button, .wp-block-button__link{background-color: #000000;color: #ffffff;}';
     3537                $expected     = $base_styles . $color_styles;
    32073538                $this->assertSame( $expected, $theme_json->get_stylesheet() );
    32083539        }
    … …  
    32563587
    32573588        /**
    3258          * Testing that dynamic properties in theme.json that refer to other dynamic properties in a loop
     3589         * Testing that dynamic properties in theme.json that
     3590         * refer to other dynamic properties in a loop
    32593591         * should be left untouched.
    32603592         *
    … …  
    32843616                );
    32853617
    3286                 $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{background-color: #ffffff;}.wp-element-button, .wp-block-button__link{color: #ffffff;}';
     3618                $base_styles  = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     3619                $color_styles = 'body{background-color: #ffffff;}.wp-element-button, .wp-block-button__link{color: #ffffff;}';
     3620                $expected     = $base_styles . $color_styles;
    32873621                $this->assertSame( $expected, $theme_json->get_stylesheet() );
    32883622        }
    32893623
    32903624        /**
    3291          * Testing that dynamic properties in theme.json that refer to other dynamic properties
     3625         * Testing that dynamic properties in theme.json that
     3626         * refer to other dynamic properties
    32923627         * should be left unprocessed.
    32933628         *
    … …  
    33173652                );
    33183653
    3319                 $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{background-color: #ffffff;color: #ffffff;}.wp-element-button, .wp-block-button__link{color: #ffffff;}';
     3654                $base_styles  = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     3655                $color_styles = 'body{background-color: #ffffff;color: #ffffff;}.wp-element-button, .wp-block-button__link{color: #ffffff;}';
     3656                $expected     = $base_styles . $color_styles;
    33203657                $this->assertSame( $expected, $theme_json->get_stylesheet() );
    33213658        }
    33223659
    33233660        /**
    3324          * Testing that dynamic properties in theme.json that refer to themselves
    3325          * should be left unprocessed.
     3661         * Testing that dynamic properties in theme.json that
     3662         * refer to themselves should be left unprocessed.
    33263663         *
    33273664         * @ticket 56467
    … …  
    33423679                );
    33433680
    3344                 $expected = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{background-color: #ffffff;}';
     3681                $base_styles  = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     3682                $color_styles = 'body{background-color: #ffffff;}';
     3683                $expected     = $base_styles . $color_styles;
    33453684                $this->assertSame( $expected, $theme_json->get_stylesheet() );
    3346         }
    3347 
    3348         /**
    3349          * @ticket 56467
    3350          * @ticket 58548
    3351          * @ticket 58550
    3352          */
    3353         public function test_get_stylesheet_generates_layout_styles() {
    3354                 $theme_json = new WP_Theme_JSON(
    3355                         array(
    3356                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    3357                                 'settings' => array(
    3358                                         'spacing' => array(
    3359                                                 'blockGap' => true,
    3360                                         ),
    3361                                 ),
    3362                                 'styles'   => array(
    3363                                         'spacing' => array(
    3364                                                 'blockGap' => '1em',
    3365                                         ),
    3366                                 ),
    3367                         ),
    3368                         'default'
    3369                 );
    3370 
    3371                 // Results also include root site blocks styles.
    3372                 $this->assertSame(
    3373                         'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1em; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 1em; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1em;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1em;}:where(body .is-layout-grid) {gap: 1em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}',
    3374                         $theme_json->get_stylesheet( array( 'styles' ) )
    3375                 );
    3376         }
    3377 
    3378         /**
    3379          * @ticket 56467
    3380          * @ticket 58548
    3381          * @ticket 58550
    3382          */
    3383         public function test_get_stylesheet_generates_layout_styles_with_spacing_presets() {
    3384                 $theme_json = new WP_Theme_JSON(
    3385                         array(
    3386                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    3387                                 'settings' => array(
    3388                                         'spacing' => array(
    3389                                                 'blockGap' => true,
    3390                                         ),
    3391                                 ),
    3392                                 'styles'   => array(
    3393                                         'spacing' => array(
    3394                                                 'blockGap' => 'var:preset|spacing|60',
    3395                                         ),
    3396                                 ),
    3397                         ),
    3398                         'default'
    3399                 );
    3400 
    3401                 // Results also include root site blocks styles.
    3402                 $this->assertSame(
    3403                         'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--wp--preset--spacing--60); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: var(--wp--preset--spacing--60); }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: var(--wp--preset--spacing--60);margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: var(--wp--preset--spacing--60);margin-block-end: 0;}:where(body .is-layout-flex) {gap: var(--wp--preset--spacing--60);}:where(body .is-layout-grid) {gap: var(--wp--preset--spacing--60);}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}',
    3404                         $theme_json->get_stylesheet( array( 'styles' ) )
    3405                 );
    3406         }
    3407 
    3408         /**
    3409          * @ticket 56467
    3410          * @ticket 58550
    3411          */
    3412         public function test_get_stylesheet_generates_fallback_gap_layout_styles() {
    3413                 $theme_json = new WP_Theme_JSON(
    3414                         array(
    3415                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    3416                                 'settings' => array(
    3417                                         'spacing' => array(
    3418                                                 'blockGap' => null,
    3419                                         ),
    3420                                 ),
    3421                                 'styles'   => array(
    3422                                         'spacing' => array(
    3423                                                 'blockGap' => '1em',
    3424                                         ),
    3425                                 ),
    3426                         ),
    3427                         'default'
    3428                 );
    3429                 $stylesheet = $theme_json->get_stylesheet( array( 'styles' ) );
    3430 
    3431                 // Results also include root site blocks styles.
    3432                 $this->assertSame(
    3433                         'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}',
    3434                         $stylesheet
    3435                 );
    3436         }
    3437 
    3438         /**
    3439          * @ticket 56467
    3440          * @ticket 58550
    3441          */
    3442         public function test_get_stylesheet_generates_base_fallback_gap_layout_styles() {
    3443                 $theme_json = new WP_Theme_JSON(
    3444                         array(
    3445                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    3446                                 'settings' => array(
    3447                                         'spacing' => array(
    3448                                                 'blockGap' => null,
    3449                                         ),
    3450                                 ),
    3451                         ),
    3452                         'default'
    3453                 );
    3454                 $stylesheet = $theme_json->get_stylesheet( array( 'base-layout-styles' ) );
    3455 
    3456                 // Note the `base-layout-styles` includes a fallback gap for the Columns block for backwards compatibility.
    3457                 $this->assertSame(
    3458                         ':where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}',
    3459                         $stylesheet
    3460                 );
    3461         }
    3462 
    3463         /**
    3464          * @ticket 56467
    3465          * @ticket 58550
    3466          */
    3467         public function test_get_stylesheet_skips_layout_styles() {
    3468                 add_theme_support( 'disable-layout-styles' );
    3469                 $theme_json = new WP_Theme_JSON(
    3470                         array(
    3471                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    3472                                 'settings' => array(
    3473                                         'spacing' => array(
    3474                                                 'blockGap' => null,
    3475                                         ),
    3476                                 ),
    3477                         ),
    3478                         'default'
    3479                 );
    3480                 $stylesheet = $theme_json->get_stylesheet( array( 'base-layout-styles' ) );
    3481                 remove_theme_support( 'disable-layout-styles' );
    3482 
    3483                 // All Layout styles should be skipped.
    3484                 $this->assertSame(
    3485                         '',
    3486                         $stylesheet
    3487                 );
    3488         }
    3489 
    3490         /**
    3491          * @ticket 56467
    3492          * @ticket 58550
    3493          */
    3494         public function test_get_stylesheet_generates_valid_block_gap_values_and_skips_null_or_false_values() {
    3495                 $theme_json = new WP_Theme_JSON(
    3496                         array(
    3497                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    3498                                 'settings' => array(
    3499                                         'spacing' => array(
    3500                                                 'blockGap' => true,
    3501                                         ),
    3502                                 ),
    3503                                 'styles'   => array(
    3504                                         'spacing' => array(
    3505                                                 'blockGap' => '1rem',
    3506                                         ),
    3507                                         'blocks'  => array(
    3508                                                 'core/post-content' => array(
    3509                                                         'color' => array(
    3510                                                                 'text' => 'gray', // This value should not render block layout styles.
    3511                                                         ),
    3512                                                 ),
    3513                                                 'core/social-links' => array(
    3514                                                         'spacing' => array(
    3515                                                                 'blockGap' => '0', // This value should render block layout gap as zero.
    3516                                                         ),
    3517                                                 ),
    3518                                                 'core/buttons'      => array(
    3519                                                         'spacing' => array(
    3520                                                                 'blockGap' => 0, // This value should render block layout gap as zero.
    3521                                                         ),
    3522                                                 ),
    3523                                                 'core/columns'      => array(
    3524                                                         'spacing' => array(
    3525                                                                 'blockGap' => false, // This value should be ignored. The block will use the global layout value.
    3526                                                         ),
    3527                                                 ),
    3528                                         ),
    3529                                 ),
    3530                         ),
    3531                         'default'
    3532                 );
    3533 
    3534                 $this->assertSame(
    3535                         'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 1rem; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1rem;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1rem;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1rem;}:where(body .is-layout-grid) {gap: 1rem;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-post-content{color: gray;}.wp-block-social-links-is-layout-flow > :first-child:first-child{margin-block-start: 0;}.wp-block-social-links-is-layout-flow > :last-child:last-child{margin-block-end: 0;}.wp-block-social-links-is-layout-flow > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-social-links-is-layout-constrained > :first-child:first-child{margin-block-start: 0;}.wp-block-social-links-is-layout-constrained > :last-child:last-child{margin-block-end: 0;}.wp-block-social-links-is-layout-constrained > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-social-links-is-layout-flex{gap: 0;}.wp-block-social-links-is-layout-grid{gap: 0;}.wp-block-buttons-is-layout-flow > :first-child:first-child{margin-block-start: 0;}.wp-block-buttons-is-layout-flow > :last-child:last-child{margin-block-end: 0;}.wp-block-buttons-is-layout-flow > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-buttons-is-layout-constrained > :first-child:first-child{margin-block-start: 0;}.wp-block-buttons-is-layout-constrained > :last-child:last-child{margin-block-end: 0;}.wp-block-buttons-is-layout-constrained > *{margin-block-start: 0;margin-block-end: 0;}.wp-block-buttons-is-layout-flex{gap: 0;}.wp-block-buttons-is-layout-grid{gap: 0;}',
    3536                         $theme_json->get_stylesheet()
    3537                 );
    35383685        }
    35393686
    … …  
    36313778                $style_rules = $theme_json->get_styles_for_block( $metadata );
    36323779                $this->assertSame( $expected, $root_rules . $style_rules );
     3780        }
     3781
     3782        /**
     3783         * @ticket 56611
     3784         * @ticket 58548
     3785         * @ticket 58550
     3786         */
     3787        public function test_get_styles_with_appearance_tools() {
     3788                $theme_json = new WP_Theme_JSON(
     3789                        array(
     3790                                'version'  => 2,
     3791                                'settings' => array(
     3792                                        'appearanceTools' => true,
     3793                                ),
     3794                        )
     3795                );
     3796
     3797                $metadata = array(
     3798                        'path'     => array( 'settings' ),
     3799                        'selector' => 'body',
     3800                );
     3801
     3802                $expected   = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: ; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: ; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1;}:where(body .is-layout-grid) {gap: 1;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     3803                $root_rules = $theme_json->get_root_layout_rules( WP_Theme_JSON::ROOT_BLOCK_SELECTOR, $metadata );
     3804                $this->assertSame( $expected, $root_rules );
     3805        }
     3806
     3807        /**
     3808         * @ticket 54487
     3809         */
     3810        public function test_sanitization() {
     3811                $theme_json = new WP_Theme_JSON(
     3812                        array(
     3813                                'version' => 2,
     3814                                'styles'  => array(
     3815                                        'spacing' => array(
     3816                                                'blockGap' => 'valid value',
     3817                                        ),
     3818                                        'blocks'  => array(
     3819                                                'core/group' => array(
     3820                                                        'spacing' => array(
     3821                                                                'margin'  => 'valid value',
     3822                                                                'display' => 'none',
     3823                                                        ),
     3824                                                ),
     3825                                        ),
     3826                                ),
     3827                        )
     3828                );
     3829
     3830                $actual   = $theme_json->get_raw_data();
     3831                $expected = array(
     3832                        'version' => 2,
     3833                        'styles'  => array(
     3834                                'spacing' => array(
     3835                                        'blockGap' => 'valid value',
     3836                                ),
     3837                                'blocks'  => array(
     3838                                        'core/group' => array(
     3839                                                'spacing' => array(
     3840                                                        'margin' => 'valid value',
     3841                                                ),
     3842                                        ),
     3843                                ),
     3844                        ),
     3845                );
     3846
     3847                $this->assertEqualSetsWithIndex( $expected, $actual );
    36333848        }
    36343849
    … …  
    37653980                                ),
    37663981                        ),
    3767                 );
    3768         }
    3769 
    3770         /**
    3771          * @ticket 57583
    3772          *
    3773          * @dataProvider data_sanitize_with_invalid_style_variation
    3774          *
    3775          * @param array $theme_json_variations The theme.json variations to test.
    3776          */
    3777         public function test_sanitize_with_invalid_style_variation( $theme_json_variations ) {
    3778                 $theme_json = new WP_Theme_JSON(
    3779                         array(
    3780                                 'version' => 2,
    3781                                 'styles'  => array(
    3782                                         'blocks' => array(
    3783                                                 'core/quote' => $theme_json_variations,
    3784                                         ),
    3785                                 ),
    3786                         )
    3787                 );
    3788 
    3789                 // Validate structure is sanitized.
    3790                 $sanitized_theme_json = $theme_json->get_raw_data();
    3791                 $this->assertIsArray( $sanitized_theme_json, 'Sanitized theme.json is not an array data type' );
    3792                 $this->assertArrayNotHasKey( 'styles', $sanitized_theme_json, 'Sanitized theme.json should not have a "styles" key' );
    3793         }
    3794 
    3795         /**
    3796          * Data provider.
    3797          *
    3798          * @return array
    3799          */
    3800         public function data_sanitize_with_invalid_style_variation() {
    3801                 return array(
    3802                         'empty string variation' => array(
    3803                                 array(
    3804                                         'variations' => '',
    3805                                 ),
    3806                         ),
    3807                         'boolean variation'      => array(
    3808                                 array(
    3809                                         'variations' => false,
    3810                                 ),
    3811                         ),
    3812                 );
    3813         }
    3814 
    3815         /**
    3816          * @ticket 57583
    3817          *
    3818          * @dataProvider data_get_styles_for_block_with_style_variations
    3819          *
    3820          * @param array  $theme_json_variations Theme.json variations to test.
    3821          * @param string $metadata_variations   Style variations to test.
    3822          * @param string $expected              Expected results for styling.
    3823          */
    3824         public function test_get_styles_for_block_with_style_variations( $theme_json_variations, $metadata_variations, $expected ) {
    3825                 $theme_json = new WP_Theme_JSON(
    3826                         array(
    3827                                 'version' => 2,
    3828                                 'styles'  => array(
    3829                                         'blocks' => array(
    3830                                                 'core/quote' => $theme_json_variations,
    3831                                         ),
    3832                                 ),
    3833                         )
    3834                 );
    3835 
    3836                 // Validate styles are generated properly.
    3837                 $metadata      = array(
    3838                         'path'       => array( 'styles', 'blocks', 'core/quote' ),
    3839                         'selector'   => '.wp-block-quote',
    3840                         'variations' => $metadata_variations,
    3841                 );
    3842                 $actual_styles = $theme_json->get_styles_for_block( $metadata );
    3843                 $this->assertSame( $expected, $actual_styles );
    3844         }
    3845 
    3846         /**
    3847          * Data provider.
    3848          *
    3849          * @return array
    3850          */
    3851         public function data_get_styles_for_block_with_style_variations() {
    3852                 $plain = array(
    3853                         'metadata' => array(
    3854                                 'path'     => array( 'styles', 'blocks', 'core/quote', 'variations', 'plain' ),
    3855                                 'selector' => '.is-style-plain.is-style-plain.wp-block-quote',
    3856                         ),
    3857                         'styles'   => '.is-style-plain.is-style-plain.wp-block-quote{background-color: hotpink;}',
    3858                 );
    3859 
    3860                 return array(
    3861                         '1 variation with 1 invalid property'   => array(
    3862                                 'theme_json_variations' => array(
    3863                                         'variations' => array(
    3864                                                 'plain' => array(
    3865                                                         'color' => array(
    3866                                                                 'background' => 'hotpink',
    3867                                                         ),
    3868                                                 ),
    3869                                         ),
    3870                                 ),
    3871                                 'metadata_variation'    => array( $plain['metadata'] ),
    3872                                 'expected'              => $plain['styles'],
    3873                         ),
    3874                         '1 variation with 2 invalid properties' => array(
    3875                                 'theme_json_variations' => array(
    3876                                         'variations' => array(
    3877                                                 'plain' => array(
    3878                                                         'color'            => array(
    3879                                                                 'background' => 'hotpink',
    3880                                                         ),
    3881                                                         'invalidProperty1' => 'value1',
    3882                                                         'invalidProperty2' => 'value2',
    3883                                                 ),
    3884                                         ),
    3885                                 ),
    3886                                 'metadata_variation'    => array( $plain['metadata'] ),
    3887                                 'expected'              => $plain['styles'],
    3888                         ),
    3889                 );
    3890         }
    3891 
    3892         public function test_block_style_variations() {
    3893                 wp_set_current_user( static::$administrator_id );
    3894 
    3895                 $expected = array(
    3896                         'version' => WP_Theme_JSON::LATEST_SCHEMA,
    3897                         'styles'  => array(
    3898                                 'blocks' => array(
    3899                                         'core/button' => array(
    3900                                                 'color'      => array(
    3901                                                         'background' => 'blue',
    3902                                                 ),
    3903                                                 'variations' => array(
    3904                                                         'outline' => array(
    3905                                                                 'color' => array(
    3906                                                                         'background' => 'purple',
    3907                                                                 ),
    3908                                                         ),
    3909                                                 ),
    3910                                         ),
    3911                                 ),
    3912                         ),
    3913                 );
    3914 
    3915                 $actual = WP_Theme_JSON::remove_insecure_properties( $expected );
    3916 
    3917                 $this->assertSameSetsWithIndex( $expected, $actual );
    3918         }
    3919 
    3920         public function test_block_style_variations_with_invalid_properties() {
    3921                 wp_set_current_user( static::$administrator_id );
    3922 
    3923                 $partially_invalid_variation = array(
    3924                         'version' => WP_Theme_JSON::LATEST_SCHEMA,
    3925                         'styles'  => array(
    3926                                 'blocks' => array(
    3927                                         'core/button' => array(
    3928                                                 'color'      => array(
    3929                                                         'background' => 'blue',
    3930                                                 ),
    3931                                                 'variations' => array(
    3932                                                         'outline' => array(
    3933                                                                 'color'   => array(
    3934                                                                         'background' => 'purple',
    3935                                                                 ),
    3936                                                                 'invalid' => array(
    3937                                                                         'value' => 'should be stripped',
    3938                                                                 ),
    3939                                                         ),
    3940                                                 ),
    3941                                         ),
    3942                                 ),
    3943                         ),
    3944                 );
    3945 
    3946                 $expected = array(
    3947                         'version' => WP_Theme_JSON::LATEST_SCHEMA,
    3948                         'styles'  => array(
    3949                                 'blocks' => array(
    3950                                         'core/button' => array(
    3951                                                 'color'      => array(
    3952                                                         'background' => 'blue',
    3953                                                 ),
    3954                                                 'variations' => array(
    3955                                                         'outline' => array(
    3956                                                                 'color' => array(
    3957                                                                         'background' => 'purple',
    3958                                                                 ),
    3959                                                         ),
    3960                                                 ),
    3961                                         ),
    3962                                 ),
    3963                         ),
    3964                 );
    3965 
    3966                 $actual = WP_Theme_JSON::remove_insecure_properties( $partially_invalid_variation );
    3967 
    3968                 $this->assertSameSetsWithIndex( $expected, $actual );
    3969         }
    3970 
    3971         /**
    3972          * @ticket 56611
    3973          * @ticket 58548
    3974          * @ticket 58550
    3975          */
    3976         public function test_get_styles_with_appearance_tools() {
    3977                 $theme_json = new WP_Theme_JSON(
    3978                         array(
    3979                                 'version'  => 2,
    3980                                 'settings' => array(
    3981                                         'appearanceTools' => true,
    3982                                 ),
    3983                         )
    3984                 );
    3985 
    3986                 $metadata = array(
    3987                         'path'     => array( 'settings' ),
    3988                         'selector' => 'body',
    3989                 );
    3990 
    3991                 $expected   = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: ; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: ; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 1;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 1;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 1;}:where(body .is-layout-grid) {gap: 1;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
    3992                 $root_rules = $theme_json->get_root_layout_rules( WP_Theme_JSON::ROOT_BLOCK_SELECTOR, $metadata );
    3993                 $this->assertSame( $expected, $root_rules );
    3994         }
    3995 
    3996         /**
    3997          * Tests generating the spacing presets array based on the spacing scale provided.
    3998          *
    3999          * @ticket 56467
    4000          *
    4001          * @dataProvider data_generate_spacing_scale_fixtures
    4002          *
    4003          * @param array $spacing_scale   Example spacing scale definitions from the data provider.
    4004          * @param array $expected_output Expected output from data provider.
    4005          */
    4006         public function test_should_set_spacing_sizes( $spacing_scale, $expected_output ) {
    4007                 $theme_json = new WP_Theme_JSON(
    4008                         array(
    4009                                 'version'  => 2,
    4010                                 'settings' => array(
    4011                                         'spacing' => array(
    4012                                                 'spacingScale' => $spacing_scale,
    4013                                         ),
    4014                                 ),
    4015                         )
    4016                 );
    4017 
    4018                 $theme_json->set_spacing_sizes();
    4019                 $this->assertSame( $expected_output, _wp_array_get( $theme_json->get_raw_data(), array( 'settings', 'spacing', 'spacingSizes', 'default' ) ) );
    4020         }
    4021 
    4022         /**
    4023          * Data provider for spacing scale tests.
    4024          *
    4025          * @ticket 56467
    4026          *
    4027          * @return array
    4028          */
    4029         public function data_generate_spacing_scale_fixtures() {
    4030                 return array(
    4031                         'only one value when single step in spacing scale' => array(
    4032                                 'spacing_scale'   => array(
    4033                                         'operator'   => '+',
    4034                                         'increment'  => 1.5,
    4035                                         'steps'      => 1,
    4036                                         'mediumStep' => 4,
    4037                                         'unit'       => 'rem',
    4038                                 ),
    4039                                 'expected_output' => array(
    4040                                         array(
    4041                                                 'name' => '1',
    4042                                                 'slug' => '50',
    4043                                                 'size' => '4rem',
    4044                                         ),
    4045                                 ),
    4046                         ),
    4047                         'one step above medium when two steps in spacing scale' => array(
    4048                                 'spacing_scale'   => array(
    4049                                         'operator'   => '+',
    4050                                         'increment'  => 1.5,
    4051                                         'steps'      => 2,
    4052                                         'mediumStep' => 4,
    4053                                         'unit'       => 'rem',
    4054                                 ),
    4055                                 'expected_output' => array(
    4056                                         array(
    4057                                                 'name' => '1',
    4058                                                 'slug' => '50',
    4059                                                 'size' => '4rem',
    4060                                         ),
    4061                                         array(
    4062                                                 'name' => '2',
    4063                                                 'slug' => '60',
    4064                                                 'size' => '5.5rem',
    4065                                         ),
    4066                                 ),
    4067                         ),
    4068                         'one step above medium and one below when three steps in spacing scale' => array(
    4069                                 'spacing_scale'   => array(
    4070                                         'operator'   => '+',
    4071                                         'increment'  => 1.5,
    4072                                         'steps'      => 3,
    4073                                         'mediumStep' => 4,
    4074                                         'unit'       => 'rem',
    4075                                 ),
    4076                                 'expected_output' => array(
    4077                                         array(
    4078                                                 'name' => '1',
    4079                                                 'slug' => '40',
    4080                                                 'size' => '2.5rem',
    4081                                         ),
    4082                                         array(
    4083                                                 'name' => '2',
    4084                                                 'slug' => '50',
    4085                                                 'size' => '4rem',
    4086                                         ),
    4087                                         array(
    4088                                                 'name' => '3',
    4089                                                 'slug' => '60',
    4090                                                 'size' => '5.5rem',
    4091                                         ),
    4092                                 ),
    4093                         ),
    4094                         'extra step added above medium when an even number of steps > 2 specified' => array(
    4095                                 'spacing_scale'   => array(
    4096                                         'operator'   => '+',
    4097                                         'increment'  => 1.5,
    4098                                         'steps'      => 4,
    4099                                         'mediumStep' => 4,
    4100                                         'unit'       => 'rem',
    4101                                 ),
    4102                                 'expected_output' => array(
    4103                                         array(
    4104                                                 'name' => '1',
    4105                                                 'slug' => '40',
    4106                                                 'size' => '2.5rem',
    4107                                         ),
    4108                                         array(
    4109                                                 'name' => '2',
    4110                                                 'slug' => '50',
    4111                                                 'size' => '4rem',
    4112                                         ),
    4113                                         array(
    4114                                                 'name' => '3',
    4115                                                 'slug' => '60',
    4116                                                 'size' => '5.5rem',
    4117                                         ),
    4118                                         array(
    4119                                                 'name' => '4',
    4120                                                 'slug' => '70',
    4121                                                 'size' => '7rem',
    4122                                         ),
    4123                                 ),
    4124                         ),
    4125                         'extra steps above medium if bottom end will go below zero' => array(
    4126                                 'spacing_scale'   => array(
    4127                                         'operator'   => '+',
    4128                                         'increment'  => 2.5,
    4129                                         'steps'      => 5,
    4130                                         'mediumStep' => 5,
    4131                                         'unit'       => 'rem',
    4132                                 ),
    4133                                 'expected_output' => array(
    4134                                         array(
    4135                                                 'name' => '1',
    4136                                                 'slug' => '40',
    4137                                                 'size' => '2.5rem',
    4138                                         ),
    4139                                         array(
    4140                                                 'name' => '2',
    4141                                                 'slug' => '50',
    4142                                                 'size' => '5rem',
    4143                                         ),
    4144                                         array(
    4145                                                 'name' => '3',
    4146                                                 'slug' => '60',
    4147                                                 'size' => '7.5rem',
    4148                                         ),
    4149                                         array(
    4150                                                 'name' => '4',
    4151                                                 'slug' => '70',
    4152                                                 'size' => '10rem',
    4153                                         ),
    4154                                         array(
    4155                                                 'name' => '5',
    4156                                                 'slug' => '80',
    4157                                                 'size' => '12.5rem',
    4158                                         ),
    4159                                 ),
    4160                         ),
    4161                         'multiplier correctly calculated above and below medium' => array(
    4162                                 'spacing_scale'   => array(
    4163                                         'operator'   => '*',
    4164                                         'increment'  => 1.5,
    4165                                         'steps'      => 5,
    4166                                         'mediumStep' => 1.5,
    4167                                         'unit'       => 'rem',
    4168                                 ),
    4169                                 'expected_output' => array(
    4170                                         array(
    4171                                                 'name' => '1',
    4172                                                 'slug' => '30',
    4173                                                 'size' => '0.67rem',
    4174                                         ),
    4175                                         array(
    4176                                                 'name' => '2',
    4177                                                 'slug' => '40',
    4178                                                 'size' => '1rem',
    4179                                         ),
    4180                                         array(
    4181                                                 'name' => '3',
    4182                                                 'slug' => '50',
    4183                                                 'size' => '1.5rem',
    4184                                         ),
    4185                                         array(
    4186                                                 'name' => '4',
    4187                                                 'slug' => '60',
    4188                                                 'size' => '2.25rem',
    4189                                         ),
    4190                                         array(
    4191                                                 'name' => '5',
    4192                                                 'slug' => '70',
    4193                                                 'size' => '3.38rem',
    4194                                         ),
    4195                                 ),
    4196                         ),
    4197                         'increment < 1 combined showing * operator acting as divisor above and below medium' => array(
    4198                                 'spacing_scale'   => array(
    4199                                         'operator'   => '*',
    4200                                         'increment'  => 0.25,
    4201                                         'steps'      => 5,
    4202                                         'mediumStep' => 1.5,
    4203                                         'unit'       => 'rem',
    4204                                 ),
    4205                                 'expected_output' => array(
    4206                                         array(
    4207                                                 'name' => '1',
    4208                                                 'slug' => '30',
    4209                                                 'size' => '0.09rem',
    4210                                         ),
    4211                                         array(
    4212                                                 'name' => '2',
    4213                                                 'slug' => '40',
    4214                                                 'size' => '0.38rem',
    4215                                         ),
    4216                                         array(
    4217                                                 'name' => '3',
    4218                                                 'slug' => '50',
    4219                                                 'size' => '1.5rem',
    4220                                         ),
    4221                                         array(
    4222                                                 'name' => '4',
    4223                                                 'slug' => '60',
    4224                                                 'size' => '6rem',
    4225                                         ),
    4226                                         array(
    4227                                                 'name' => '5',
    4228                                                 'slug' => '70',
    4229                                                 'size' => '24rem',
    4230                                         ),
    4231                                 ),
    4232                         ),
    4233                         't-shirt sizing used if more than 7 steps in scale' => array(
    4234                                 'spacing_scale'   => array(
    4235                                         'operator'   => '*',
    4236                                         'increment'  => 1.5,
    4237                                         'steps'      => 8,
    4238                                         'mediumStep' => 1.5,
    4239                                         'unit'       => 'rem',
    4240                                 ),
    4241                                 'expected_output' => array(
    4242                                         array(
    4243                                                 'name' => '2X-Small',
    4244                                                 'slug' => '20',
    4245                                                 'size' => '0.44rem',
    4246                                         ),
    4247                                         array(
    4248                                                 'name' => 'X-Small',
    4249                                                 'slug' => '30',
    4250                                                 'size' => '0.67rem',
    4251                                         ),
    4252                                         array(
    4253                                                 'name' => 'Small',
    4254                                                 'slug' => '40',
    4255                                                 'size' => '1rem',
    4256                                         ),
    4257                                         array(
    4258                                                 'name' => 'Medium',
    4259                                                 'slug' => '50',
    4260                                                 'size' => '1.5rem',
    4261                                         ),
    4262                                         array(
    4263                                                 'name' => 'Large',
    4264                                                 'slug' => '60',
    4265                                                 'size' => '2.25rem',
    4266                                         ),
    4267                                         array(
    4268                                                 'name' => 'X-Large',
    4269                                                 'slug' => '70',
    4270                                                 'size' => '3.38rem',
    4271                                         ),
    4272                                         array(
    4273                                                 'name' => '2X-Large',
    4274                                                 'slug' => '80',
    4275                                                 'size' => '5.06rem',
    4276                                         ),
    4277                                         array(
    4278                                                 'name' => '3X-Large',
    4279                                                 'slug' => '90',
    4280                                                 'size' => '7.59rem',
    4281                                         ),
    4282                                 ),
    4283                         ),
    4284                 );
    4285         }
    4286 
    4287         /**
    4288          * Tests generating the spacing presets array based on the spacing scale provided.
    4289          *
    4290          * @ticket 56467
    4291          *
    4292          * @dataProvider data_set_spacing_sizes_when_invalid
    4293          *
    4294          * @param array $spacing_scale   Example spacing scale definitions from the data provider.
    4295          * @param array $expected_output Expected output from data provider.
    4296          */
    4297         public function test_set_spacing_sizes_should_detect_invalid_spacing_scale( $spacing_scale, $expected_output ) {
    4298                 $this->expectException( Exception::class );
    4299                 $this->expectExceptionMessage( 'Some of the theme.json settings.spacing.spacingScale values are invalid' );
    4300 
    4301                 $theme_json = new WP_Theme_JSON(
    4302                         array(
    4303                                 'version'  => 2,
    4304                                 'settings' => array(
    4305                                         'spacing' => array(
    4306                                                 'spacingScale' => $spacing_scale,
    4307                                         ),
    4308                                 ),
    4309                         )
    4310                 );
    4311 
    4312                 // Ensure PHPUnit 10 compatibility.
    4313                 set_error_handler(
    4314                         static function ( $errno, $errstr ) {
    4315                                 restore_error_handler();
    4316                                 throw new Exception( $errstr, $errno );
    4317                         },
    4318                         E_ALL
    4319                 );
    4320 
    4321                 $theme_json->set_spacing_sizes();
    4322 
    4323                 restore_error_handler();
    4324 
    4325                 $this->assertSame( $expected_output, _wp_array_get( $theme_json->get_raw_data(), array( 'settings', 'spacing', 'spacingSizes', 'default' ) ) );
    4326         }
    4327 
    4328         /**
    4329          * Data provider for spacing scale tests.
    4330          *
    4331          * @ticket 56467
    4332          *
    4333          * @return array
    4334          */
    4335         public function data_set_spacing_sizes_when_invalid() {
    4336                 return array(
    4337                         'missing operator value'  => array(
    4338                                 'spacing_scale'   => array(
    4339                                         'operator'   => '',
    4340                                         'increment'  => 1.5,
    4341                                         'steps'      => 1,
    4342                                         'mediumStep' => 4,
    4343                                         'unit'       => 'rem',
    4344                                 ),
    4345                                 'expected_output' => null,
    4346                         ),
    4347                         'non numeric increment'   => array(
    4348                                 'spacing_scale'   => array(
    4349                                         'operator'   => '+',
    4350                                         'increment'  => 'add two to previous value',
    4351                                         'steps'      => 1,
    4352                                         'mediumStep' => 4,
    4353                                         'unit'       => 'rem',
    4354                                 ),
    4355                                 'expected_output' => null,
    4356                         ),
    4357                         'non numeric steps'       => array(
    4358                                 'spacing_scale'   => array(
    4359                                         'operator'   => '+',
    4360                                         'increment'  => 1.5,
    4361                                         'steps'      => 'spiral staircase preferred',
    4362                                         'mediumStep' => 4,
    4363                                         'unit'       => 'rem',
    4364                                 ),
    4365                                 'expected_output' => null,
    4366                         ),
    4367                         'non numeric medium step' => array(
    4368                                 'spacing_scale'   => array(
    4369                                         'operator'   => '+',
    4370                                         'increment'  => 1.5,
    4371                                         'steps'      => 5,
    4372                                         'mediumStep' => 'That which is just right',
    4373                                         'unit'       => 'rem',
    4374                                 ),
    4375                                 'expected_output' => null,
    4376                         ),
    4377                         'missing unit value'      => array(
    4378                                 'spacing_scale'   => array(
    4379                                         'operator'   => '+',
    4380                                         'increment'  => 1.5,
    4381                                         'steps'      => 5,
    4382                                         'mediumStep' => 4,
    4383                                 ),
    4384                                 'expected_output' => null,
    4385                         ),
    4386                 );
    4387         }
    4388 
    4389         /**
    4390          * Tests the core separator block outbut based on various provided settings.
    4391          *
    4392          * @ticket 56903
    4393          * @ticket 58550
    4394          *
    4395          * @dataProvider data_update_separator_declarations
    4396          *
    4397          * @param array $separator_block_settings Example separator block settings from the data provider.
    4398          * @param array $expected_output          Expected output from data provider.
    4399          */
    4400         public function test_update_separator_declarations( $separator_block_settings, $expected_output ) {
    4401                 // If only background is defined, test that includes border-color to the style so it is applied on the front end.
    4402                 $theme_json = new WP_Theme_JSON(
    4403                         array(
    4404                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4405                                 'styles'  => array(
    4406                                         'blocks' => array(
    4407                                                 'core/separator' => $separator_block_settings,
    4408                                         ),
    4409                                 ),
    4410                         ),
    4411                         'default'
    4412                 );
    4413 
    4414                 $stylesheet = $theme_json->get_stylesheet( array( 'styles' ) );
    4415 
    4416                 $this->assertSame( $expected_output, $stylesheet );
    4417         }
    4418 
    4419         /**
    4420          * Data provider for separator declaration tests.
    4421          *
    4422          * @return array
    4423          */
    4424         public function data_update_separator_declarations() {
    4425                 return array(
    4426                         // If only background is defined, test that includes border-color to the style so it is applied on the front end.
    4427                         'only background'                      => array(
    4428                                 array(
    4429                                         'color' => array(
    4430                                                 'background' => 'blue',
    4431                                         ),
    4432                                 ),
    4433                                 'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;color: blue;}',
    4434                         ),
    4435                         // If background and text are defined, do not include border-color, as text color is enough.
    4436                         'background and text, no border-color' => array(
    4437                                 array(
    4438                                         'color' => array(
    4439                                                 'background' => 'blue',
    4440                                                 'text'       => 'red',
    4441                                         ),
    4442                                 ),
    4443                                 'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;color: red;}',
    4444                         ),
    4445                         // If only text is defined, do not include border-color, as by itself is enough.
    4446                         'only text'                            => array(
    4447                                 array(
    4448                                         'color' => array(
    4449                                                 'text' => 'red',
    4450                                         ),
    4451                                 ),
    4452                                 'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{color: red;}',
    4453                         ),
    4454                         // If background, text, and border-color are defined, include everything, CSS specificity will decide which to apply.
    4455                         'background, text, and border-color'   => array(
    4456                                 array(
    4457                                         'color'  => array(
    4458                                                 'background' => 'blue',
    4459                                                 'text'       => 'red',
    4460                                         ),
    4461                                         'border' => array(
    4462                                                 'color' => 'pink',
    4463                                         ),
    4464                                 ),
    4465                                 'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;border-color: pink;color: red;}',
    4466                         ),
    4467                         // If background and border color are defined, include everything, CSS specificity will decide which to apply.
    4468                         'background, and border-color'         => array(
    4469                                 array(
    4470                                         'color'  => array(
    4471                                                 'background' => 'blue',
    4472                                         ),
    4473                                         'border' => array(
    4474                                                 'color' => 'pink',
    4475                                         ),
    4476                                 ),
    4477                                 'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;border-color: pink;}',
    4478                         ),
    4479                 );
    4480         }
    4481 
    4482         /**
    4483          * @ticket 57354
    4484          * @ticket 58550
    4485          */
    4486         public function test_get_stylesheet_returns_outline_styles() {
    4487                 $theme_json = new WP_Theme_JSON(
    4488                         array(
    4489                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4490                                 'styles'  => array(
    4491                                         'elements' => array(
    4492                                                 'button' => array(
    4493                                                         'outline' => array(
    4494                                                                 'offset' => '3px',
    4495                                                                 'width'  => '3px',
    4496                                                                 'style'  => 'dashed',
    4497                                                                 'color'  => 'red',
    4498                                                         ),
    4499                                                         ':hover'  => array(
    4500                                                                 'outline' => array(
    4501                                                                         'offset' => '3px',
    4502                                                                         'width'  => '3px',
    4503                                                                         'style'  => 'solid',
    4504                                                                         'color'  => 'blue',
    4505                                                                 ),
    4506                                                         ),
    4507                                                 ),
    4508                                         ),
    4509                                 ),
    4510                         )
    4511                 );
    4512 
    4513                 $base_styles = 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
    4514 
    4515                 $element_styles = '.wp-element-button, .wp-block-button__link{outline-color: red;outline-offset: 3px;outline-style: dashed;outline-width: 3px;}.wp-element-button:hover, .wp-block-button__link:hover{outline-color: blue;outline-offset: 3px;outline-style: solid;outline-width: 3px;}';
    4516 
    4517                 $expected = $base_styles . $element_styles;
    4518                 $this->assertSame( $expected, $theme_json->get_stylesheet() );
    4519         }
    4520 
    4521         /**
    4522          * @ticket 57559
    4523          */
    4524         public function test_shadow_preset_styles() {
    4525                 $theme_json = new WP_Theme_JSON(
    4526                         array(
    4527                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    4528                                 'settings' => array(
    4529                                         'shadow' => array(
    4530                                                 'presets' => array(
    4531                                                         array(
    4532                                                                 'slug'   => 'natural',
    4533                                                                 'shadow' => '5px 5px 5px 0 black',
    4534                                                         ),
    4535                                                         array(
    4536                                                                 'slug'   => 'sharp',
    4537                                                                 'shadow' => '5px 5px black',
    4538                                                         ),
    4539                                                 ),
    4540                                         ),
    4541                                 ),
    4542                         )
    4543                 );
    4544 
    4545                 $expected_styles = 'body{--wp--preset--shadow--natural: 5px 5px 5px 0 black;--wp--preset--shadow--sharp: 5px 5px black;}';
    4546                 $this->assertSame( $expected_styles, $theme_json->get_stylesheet(), 'Styles returned from "::get_stylesheet()" does not match expectations' );
    4547                 $this->assertSame( $expected_styles, $theme_json->get_stylesheet( array( 'variables' ) ), 'Styles returned from "::get_stylesheet()" when requiring "variables" type does not match expectations' );
    4548         }
    4549 
    4550         /**
    4551          * @ticket 57559
    4552          * @ticket 58550
    4553          */
    4554         public function test_get_shadow_styles_for_blocks() {
    4555                 $theme_json = new WP_Theme_JSON(
    4556                         array(
    4557                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    4558                                 'settings' => array(
    4559                                         'shadow' => array(
    4560                                                 'presets' => array(
    4561                                                         array(
    4562                                                                 'slug'   => 'natural',
    4563                                                                 'shadow' => '5px 5px 0 0 black',
    4564                                                         ),
    4565                                                 ),
    4566                                         ),
    4567                                 ),
    4568                                 'styles'   => array(
    4569                                         'blocks'   => array(
    4570                                                 'core/paragraph' => array(
    4571                                                         'shadow' => 'var(--wp--preset--shadow--natural)',
    4572                                                 ),
    4573                                         ),
    4574                                         'elements' => array(
    4575                                                 'button' => array(
    4576                                                         'shadow' => 'var:preset|shadow|natural',
    4577                                                 ),
    4578                                                 'link'   => array(
    4579                                                         'shadow' => array( 'ref' => 'styles.elements.button.shadow' ),
    4580                                                 ),
    4581                                         ),
    4582                                 ),
    4583                         )
    4584                 );
    4585 
    4586                 $global_styles   = 'body{--wp--preset--shadow--natural: 5px 5px 0 0 black;}body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
    4587                 $element_styles  = 'a:where(:not(.wp-element-button)){box-shadow: var(--wp--preset--shadow--natural);}.wp-element-button, .wp-block-button__link{box-shadow: var(--wp--preset--shadow--natural);}p{box-shadow: var(--wp--preset--shadow--natural);}';
    4588                 $expected_styles = $global_styles . $element_styles;
    4589 
    4590                 $this->assertSame( $expected_styles, $theme_json->get_stylesheet() );
    4591         }
    4592 
    4593         /**
    4594          * @ticket 57536
    4595          */
    4596         public function test_get_custom_css_handles_global_custom_css() {
    4597                 $theme_json = new WP_Theme_JSON(
    4598                         array(
    4599                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4600                                 'styles'  => array(
    4601                                         'css' => 'body { color:purple; }',
    4602                                 ),
    4603                         )
    4604                 );
    4605                 $custom_css = 'body { color:purple; }';
    4606                 $this->assertSame( $custom_css, $theme_json->get_custom_css() );
    4607         }
    4608 
    4609         /**
    4610          * Tests that custom CSS is kept for users with correct capabilities and removed for others.
    4611          *
    4612          * @ticket 57536
    4613          *
    4614          * @dataProvider data_custom_css_for_user_caps
    4615          *
    4616          * @param string $user_property The property name for current user.
    4617          * @param array  $expected      Expected results.
    4618          */
    4619         public function test_custom_css_for_user_caps( $user_property, array $expected ) {
    4620                 wp_set_current_user( static::${$user_property} );
    4621 
    4622                 $actual = WP_Theme_JSON::remove_insecure_properties(
    4623                         array(
    4624                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4625                                 'styles'  => array(
    4626                                         'css'    => 'body { color:purple; }',
    4627                                         'blocks' => array(
    4628                                                 'core/separator' => array(
    4629                                                         'color' => array(
    4630                                                                 'background' => 'blue',
    4631                                                         ),
    4632                                                 ),
    4633                                         ),
    4634                                 ),
    4635                         )
    4636                 );
    4637 
    4638                 $this->assertSameSetsWithIndex( $expected, $actual );
    4639         }
    4640 
    4641         /**
    4642          * Data provider.
    4643          *
    4644          * @return array[]
    4645          */
    4646         public function data_custom_css_for_user_caps() {
    4647                 return array(
    4648                         'allows custom css for users with caps'     => array(
    4649                                 'user_property' => 'administrator_id',
    4650                                 'expected'      => array(
    4651                                         'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4652                                         'styles'  => array(
    4653                                                 'css'    => 'body { color:purple; }',
    4654                                                 'blocks' => array(
    4655                                                         'core/separator' => array(
    4656                                                                 'color' => array(
    4657                                                                         'background' => 'blue',
    4658                                                                 ),
    4659                                                         ),
    4660                                                 ),
    4661                                         ),
    4662                                 ),
    4663                         ),
    4664                         'removes custom css for users without caps' => array(
    4665                                 'user_property' => 'user_id',
    4666                                 'expected'      => array(
    4667                                         'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4668                                         'styles'  => array(
    4669                                                 'blocks' => array(
    4670                                                         'core/separator' => array(
    4671                                                                 'color' => array(
    4672                                                                         'background' => 'blue',
    4673                                                                 ),
    4674                                                         ),
    4675                                                 ),
    4676                                         ),
    4677                                 ),
    4678                         ),
    4679                 );
    4680         }
    4681 
    4682         /**
    4683          * @dataProvider data_process_blocks_custom_css
    4684          *
    4685          * @param array  $input    An array containing the selector and css to test.
    4686          * @param string $expected Expected results.
    4687          */
    4688         public function test_process_blocks_custom_css( $input, $expected ) {
    4689                 $theme_json = new WP_Theme_JSON(
    4690                         array(
    4691                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4692                                 'styles'  => array(),
    4693                         )
    4694                 );
    4695                 $reflection = new ReflectionMethod( $theme_json, 'process_blocks_custom_css' );
    4696                 $reflection->setAccessible( true );
    4697 
    4698                 $this->assertSame( $expected, $reflection->invoke( $theme_json, $input['css'], $input['selector'] ) );
    4699         }
    4700 
    4701         /**
    4702          * Data provider.
    4703          *
    4704          * @return array[]
    4705          */
    4706         public function data_process_blocks_custom_css() {
    4707                 return array(
    4708                         // Simple CSS without any nested selectors.
    4709                         'no nested selectors'          => array(
    4710                                 'input'    => array(
    4711                                         'selector' => '.foo',
    4712                                         'css'      => 'color: red; margin: auto;',
    4713                                 ),
    4714                                 'expected' => '.foo{color: red; margin: auto;}',
    4715                         ),
    4716                         // CSS with nested selectors.
    4717                         'with nested selector'         => array(
    4718                                 'input'    => array(
    4719                                         'selector' => '.foo',
    4720                                         'css'      => 'color: red; margin: auto; &.one{color: blue;} & .two{color: green;}',
    4721                                 ),
    4722                                 'expected' => '.foo{color: red; margin: auto;}.foo.one{color: blue;}.foo .two{color: green;}',
    4723                         ),
    4724                         // CSS with pseudo elements.
    4725                         'with pseudo elements'         => array(
    4726                                 'input'    => array(
    4727                                         'selector' => '.foo',
    4728                                         'css'      => 'color: red; margin: auto; &::before{color: blue;} & ::before{color: green;}  &.one::before{color: yellow;} & .two::before{color: purple;}',
    4729                                 ),
    4730                                 'expected' => '.foo{color: red; margin: auto;}.foo::before{color: blue;}.foo ::before{color: green;}.foo.one::before{color: yellow;}.foo .two::before{color: purple;}',
    4731                         ),
    4732                         // CSS with multiple root selectors.
    4733                         'with multiple root selectors' => array(
    4734                                 'input'    => array(
    4735                                         'selector' => '.foo, .bar',
    4736                                         'css'      => 'color: red; margin: auto; &.one{color: blue;} & .two{color: green;} &::before{color: yellow;} & ::before{color: purple;}  &.three::before{color: orange;} & .four::before{color: skyblue;}',
    4737                                 ),
    4738                                 'expected' => '.foo, .bar{color: red; margin: auto;}.foo.one, .bar.one{color: blue;}.foo .two, .bar .two{color: green;}.foo::before, .bar::before{color: yellow;}.foo ::before, .bar ::before{color: purple;}.foo.three::before, .bar.three::before{color: orange;}.foo .four::before, .bar .four::before{color: skyblue;}',
    4739                         ),
    4740                 );
    4741         }
    4742 
    4743         public function test_internal_syntax_is_converted_to_css_variables() {
    4744                 $result = new WP_Theme_JSON(
    4745                         array(
    4746                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4747                                 'styles'  => array(
    4748                                         'color'    => array(
    4749                                                 'background' => 'var:preset|color|primary',
    4750                                                 'text'       => 'var(--wp--preset--color--secondary)',
    4751                                         ),
    4752                                         'elements' => array(
    4753                                                 'link' => array(
    4754                                                         'color' => array(
    4755                                                                 'background' => 'var:preset|color|pri',
    4756                                                                 'text'       => 'var(--wp--preset--color--sec)',
    4757                                                         ),
    4758                                                 ),
    4759                                         ),
    4760                                         'blocks'   => array(
    4761                                                 'core/post-terms' => array(
    4762                                                         'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--small)' ),
    4763                                                         'color'      => array( 'background' => 'var:preset|color|secondary' ),
    4764                                                 ),
    4765                                                 'core/navigation' => array(
    4766                                                         'elements' => array(
    4767                                                                 'link' => array(
    4768                                                                         'color' => array(
    4769                                                                                 'background' => 'var:preset|color|p',
    4770                                                                                 'text'       => 'var(--wp--preset--color--s)',
    4771                                                                         ),
    4772                                                                 ),
    4773                                                         ),
    4774                                                 ),
    4775                                                 'core/quote'      => array(
    4776                                                         'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--d)' ),
    4777                                                         'color'      => array( 'background' => 'var:preset|color|d' ),
    4778                                                         'variations' => array(
    4779                                                                 'plain' => array(
    4780                                                                         'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--s)' ),
    4781                                                                         'color'      => array( 'background' => 'var:preset|color|s' ),
    4782                                                                 ),
    4783                                                         ),
    4784                                                 ),
    4785                                         ),
    4786                                 ),
    4787                         )
    4788                 );
    4789                 $styles = $result->get_raw_data()['styles'];
    4790 
    4791                 $this->assertEquals( 'var(--wp--preset--color--primary)', $styles['color']['background'], 'Top level: Assert the originally correct values are still correct.' );
    4792                 $this->assertEquals( 'var(--wp--preset--color--secondary)', $styles['color']['text'], 'Top level: Assert the originally correct values are still correct.' );
    4793 
    4794                 $this->assertEquals( 'var(--wp--preset--color--pri)', $styles['elements']['link']['color']['background'], 'Element top level: Assert the originally correct values are still correct.' );
    4795                 $this->assertEquals( 'var(--wp--preset--color--sec)', $styles['elements']['link']['color']['text'], 'Element top level: Assert the originally correct values are still correct.' );
    4796 
    4797                 $this->assertEquals( 'var(--wp--preset--font-size--small)', $styles['blocks']['core/post-terms']['typography']['fontSize'], 'Top block level: Assert the originally correct values are still correct.' );
    4798                 $this->assertEquals( 'var(--wp--preset--color--secondary)', $styles['blocks']['core/post-terms']['color']['background'], 'Top block level: Assert the internal variables are convert to CSS custom variables.' );
    4799 
    4800                 $this->assertEquals( 'var(--wp--preset--color--p)', $styles['blocks']['core/navigation']['elements']['link']['color']['background'], 'Elements block level: Assert the originally correct values are still correct.' );
    4801                 $this->assertEquals( 'var(--wp--preset--color--s)', $styles['blocks']['core/navigation']['elements']['link']['color']['text'], 'Elements block level: Assert the originally correct values are still correct.' );
    4802 
    4803                 $this->assertEquals( 'var(--wp--preset--font-size--s)', $styles['blocks']['core/quote']['variations']['plain']['typography']['fontSize'], 'Style variations: Assert the originally correct values are still correct.' );
    4804                 $this->assertEquals( 'var(--wp--preset--color--s)', $styles['blocks']['core/quote']['variations']['plain']['color']['background'], 'Style variations: Assert the internal variables are convert to CSS custom variables.' );
    4805         }
    4806 
    4807         public function test_resolve_variables() {
    4808                 $primary_color   = '#9DFF20';
    4809                 $secondary_color = '#9DFF21';
    4810                 $contrast_color  = '#000';
    4811                 $raw_color_value = '#efefef';
    4812                 $large_font      = '18px';
    4813                 $small_font      = '12px';
    4814                 $theme_json      = new WP_Theme_JSON(
    4815                         array(
    4816                                 'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    4817                                 'settings' => array(
    4818                                         'color'      => array(
    4819                                                 'palette' => array(
    4820                                                         'theme' => array(
    4821                                                                 array(
    4822                                                                         'color' => $primary_color,
    4823                                                                         'name'  => 'Primary',
    4824                                                                         'slug'  => 'primary',
    4825                                                                 ),
    4826                                                                 array(
    4827                                                                         'color' => $secondary_color,
    4828                                                                         'name'  => 'Secondary',
    4829                                                                         'slug'  => 'secondary',
    4830                                                                 ),
    4831                                                                 array(
    4832                                                                         'color' => $contrast_color,
    4833                                                                         'name'  => 'Contrast',
    4834                                                                         'slug'  => 'contrast',
    4835                                                                 ),
    4836                                                         ),
    4837                                                 ),
    4838                                         ),
    4839                                         'typography' => array(
    4840                                                 'fontSizes' => array(
    4841                                                         array(
    4842                                                                 'size' => $small_font,
    4843                                                                 'name' => 'Font size small',
    4844                                                                 'slug' => 'small',
    4845                                                         ),
    4846                                                         array(
    4847                                                                 'size' => $large_font,
    4848                                                                 'name' => 'Font size large',
    4849                                                                 'slug' => 'large',
    4850                                                         ),
    4851                                                 ),
    4852                                         ),
    4853                                 ),
    4854                                 'styles'   => array(
    4855                                         'color'    => array(
    4856                                                 'background' => 'var(--wp--preset--color--primary)',
    4857                                                 'text'       => $raw_color_value,
    4858                                         ),
    4859                                         'elements' => array(
    4860                                                 'button' => array(
    4861                                                         'color'      => array(
    4862                                                                 'text' => 'var(--wp--preset--color--contrast)',
    4863                                                         ),
    4864                                                         'typography' => array(
    4865                                                                 'fontSize' => 'var(--wp--preset--font-size--small)',
    4866                                                         ),
    4867                                                 ),
    4868                                         ),
    4869                                         'blocks'   => array(
    4870                                                 'core/post-terms'      => array(
    4871                                                         'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--small)' ),
    4872                                                         'color'      => array( 'background' => $raw_color_value ),
    4873                                                 ),
    4874                                                 'core/more'            => array(
    4875                                                         'typography' => array( 'fontSize' => 'var(--undefined--font-size--small)' ),
    4876                                                         'color'      => array( 'background' => 'linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 35%, var(--wp--undefined--color--secondary) 100%)' ),
    4877                                                 ),
    4878                                                 'core/comment-content' => array(
    4879                                                         'typography' => array( 'fontSize' => 'calc(var(--wp--preset--font-size--small, 12px) + 20px)' ),
    4880                                                         'color'      => array(
    4881                                                                 'text'       => 'var(--wp--preset--color--primary, red)',
    4882                                                                 'background' => 'var(--wp--preset--color--primary, var(--wp--preset--font-size--secondary))',
    4883                                                                 'link'       => 'var(--undefined--color--primary, var(--wp--preset--font-size--secondary))',
    4884                                                         ),
    4885                                                 ),
    4886                                                 'core/comments'        => array(
    4887                                                         'color' => array(
    4888                                                                 'text'       => 'var(--undefined--color--primary, var(--wp--preset--font-size--small))',
    4889                                                                 'background' => 'var(--wp--preset--color--primary, var(--undefined--color--primary))',
    4890                                                         ),
    4891                                                 ),
    4892                                                 'core/navigation'      => array(
    4893                                                         'elements' => array(
    4894                                                                 'link' => array(
    4895                                                                         'color'      => array(
    4896                                                                                 'background' => 'var(--wp--preset--color--primary)',
    4897                                                                                 'text'       => 'var(--wp--preset--color--secondary)',
    4898                                                                         ),
    4899                                                                         'typography' => array(
    4900                                                                                 'fontSize' => 'var(--wp--preset--font-size--large)',
    4901                                                                         ),
    4902                                                                 ),
    4903                                                         ),
    4904                                                 ),
    4905                                                 'core/quote'           => array(
    4906                                                         'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--large)' ),
    4907                                                         'color'      => array( 'background' => 'var(--wp--preset--color--primary)' ),
    4908                                                         'variations' => array(
    4909                                                                 'plain' => array(
    4910                                                                         'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--small)' ),
    4911                                                                         'color'      => array( 'background' => 'var(--wp--preset--color--secondary)' ),
    4912                                                                 ),
    4913                                                         ),
    4914                                                 ),
    4915                                         ),
    4916                                 ),
    4917                         )
    4918                 );
    4919 
    4920                 $styles = $theme_json::resolve_variables( $theme_json )->get_raw_data()['styles'];
    4921 
    4922                 $this->assertEquals( $primary_color, $styles['color']['background'], 'Top level: Assert values are converted' );
    4923                 $this->assertEquals( $raw_color_value, $styles['color']['text'], 'Top level: Assert raw values stay intact' );
    4924 
    4925                 $this->assertEquals( $contrast_color, $styles['elements']['button']['color']['text'], 'Elements: color' );
    4926                 $this->assertEquals( $small_font, $styles['elements']['button']['typography']['fontSize'], 'Elements: font-size' );
    4927 
    4928                 $this->assertEquals( $large_font, $styles['blocks']['core/quote']['typography']['fontSize'], 'Blocks: font-size' );
    4929                 $this->assertEquals( $primary_color, $styles['blocks']['core/quote']['color']['background'], 'Blocks: color' );
    4930                 $this->assertEquals( $raw_color_value, $styles['blocks']['core/post-terms']['color']['background'], 'Blocks: Raw color value stays intact' );
    4931                 $this->assertEquals( $small_font, $styles['blocks']['core/post-terms']['typography']['fontSize'], 'Block core/post-terms: font-size' );
    4932                 $this->assertEquals(
    4933                         "linear-gradient(90deg, $primary_color 0%, $secondary_color 35%, var(--wp--undefined--color--secondary) 100%)",
    4934                         $styles['blocks']['core/more']['color']['background'],
    4935                         'Blocks: multiple colors and undefined color'
    4936                 );
    4937                 $this->assertEquals( 'var(--undefined--font-size--small)', $styles['blocks']['core/more']['typography']['fontSize'], 'Blocks: undefined font-size ' );
    4938                 $this->assertEquals( "calc($small_font + 20px)", $styles['blocks']['core/comment-content']['typography']['fontSize'], 'Blocks: font-size in random place' );
    4939                 $this->assertEquals( $primary_color, $styles['blocks']['core/comment-content']['color']['text'], 'Blocks: text color with fallback' );
    4940                 $this->assertEquals( $primary_color, $styles['blocks']['core/comment-content']['color']['background'], 'Blocks: background color with var as fallback' );
    4941                 $this->assertEquals( $primary_color, $styles['blocks']['core/navigation']['elements']['link']['color']['background'], 'Block element: background color' );
    4942                 $this->assertEquals( $secondary_color, $styles['blocks']['core/navigation']['elements']['link']['color']['text'], 'Block element: text color' );
    4943                 $this->assertEquals( $large_font, $styles['blocks']['core/navigation']['elements']['link']['typography']['fontSize'], 'Block element: font-size' );
    4944 
    4945                 $this->assertEquals(
    4946                         "var(--undefined--color--primary, $small_font)",
    4947                         $styles['blocks']['core/comments']['color']['text'],
    4948                         'Blocks: text color with undefined var and fallback'
    4949                 );
    4950                 $this->assertEquals(
    4951                         $primary_color,
    4952                         $styles['blocks']['core/comments']['color']['background'],
    4953                         'Blocks: background color with variable and undefined fallback'
    4954                 );
    4955 
    4956                 $this->assertEquals( $small_font, $styles['blocks']['core/quote']['variations']['plain']['typography']['fontSize'], 'Block variations: font-size' );
    4957                 $this->assertEquals( $secondary_color, $styles['blocks']['core/quote']['variations']['plain']['color']['background'], 'Block variations: color' );
    4958         }
    4959 
    4960         /**
    4961          * Tests that a custom root selector is correctly applied when generating a stylesheet.
    4962          *
    4963          * @ticket 60343
    4964          */
    4965         public function test_get_stylesheet_custom_root_selector() {
    4966                 $theme_json = new WP_Theme_JSON(
    4967                         array(
    4968                                 'version' => WP_Theme_JSON::LATEST_SCHEMA,
    4969                                 'styles'  => array(
    4970                                         'color' => array(
    4971                                                 'text' => 'teal',
    4972                                         ),
    4973                                 ),
    4974                         ),
    4975                         'default'
    4976                 );
    4977 
    4978                 $options = array( 'root_selector' => '.custom' );
    4979                 $actual  = $theme_json->get_stylesheet( array( 'styles' ), null, $options );
    4980 
    4981                 // Results also include root site blocks styles which hard code
    4982                 // `body { margin: 0;}`.
    4983                 $this->assertEquals(
    4984                         'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }.custom{color: teal;}',
    4985                         $actual
    49863982                );
    49873983        }
    … …  
    51234119
    51244120        /**
     4121         * @ticket 57583
     4122         *
     4123         * @dataProvider data_sanitize_with_invalid_style_variation
     4124         *
     4125         * @param array $theme_json_variations The theme.json variations to test.
     4126         */
     4127        public function test_sanitize_with_invalid_style_variation( $theme_json_variations ) {
     4128                $theme_json = new WP_Theme_JSON(
     4129                        array(
     4130                                'version' => 2,
     4131                                'styles'  => array(
     4132                                        'blocks' => array(
     4133                                                'core/quote' => $theme_json_variations,
     4134                                        ),
     4135                                ),
     4136                        )
     4137                );
     4138
     4139                // Validate structure is sanitized.
     4140                $sanitized_theme_json = $theme_json->get_raw_data();
     4141                $this->assertIsArray( $sanitized_theme_json, 'Sanitized theme.json is not an array data type' );
     4142                $this->assertArrayNotHasKey( 'styles', $sanitized_theme_json, 'Sanitized theme.json should not have a "styles" key' );
     4143        }
     4144
     4145        /**
     4146         * Data provider.
     4147         *
     4148         * @return array
     4149         */
     4150        public function data_sanitize_with_invalid_style_variation() {
     4151                return array(
     4152                        'empty string variation' => array(
     4153                                array(
     4154                                        'variations' => '',
     4155                                ),
     4156                        ),
     4157                        'boolean variation'      => array(
     4158                                array(
     4159                                        'variations' => false,
     4160                                ),
     4161                        ),
     4162                );
     4163        }
     4164
     4165        /**
     4166         * @ticket 57583
     4167         *
     4168         * @dataProvider data_get_styles_for_block_with_style_variations
     4169         *
     4170         * @param array  $theme_json_variations Theme.json variations to test.
     4171         * @param string $metadata_variations   Style variations to test.
     4172         * @param string $expected              Expected results for styling.
     4173         */
     4174        public function test_get_styles_for_block_with_style_variations( $theme_json_variations, $metadata_variations, $expected ) {
     4175                $theme_json = new WP_Theme_JSON(
     4176                        array(
     4177                                'version' => 2,
     4178                                'styles'  => array(
     4179                                        'blocks' => array(
     4180                                                'core/quote' => $theme_json_variations,
     4181                                        ),
     4182                                ),
     4183                        )
     4184                );
     4185
     4186                // Validate styles are generated properly.
     4187                $metadata      = array(
     4188                        'path'       => array( 'styles', 'blocks', 'core/quote' ),
     4189                        'selector'   => '.wp-block-quote',
     4190                        'variations' => $metadata_variations,
     4191                );
     4192                $actual_styles = $theme_json->get_styles_for_block( $metadata );
     4193                $this->assertSame( $expected, $actual_styles );
     4194        }
     4195
     4196        /**
     4197         * Data provider.
     4198         *
     4199         * @return array
     4200         */
     4201        public function data_get_styles_for_block_with_style_variations() {
     4202                $plain = array(
     4203                        'metadata' => array(
     4204                                'path'     => array( 'styles', 'blocks', 'core/quote', 'variations', 'plain' ),
     4205                                'selector' => '.is-style-plain.is-style-plain.wp-block-quote',
     4206                        ),
     4207                        'styles'   => '.is-style-plain.is-style-plain.wp-block-quote{background-color: hotpink;}',
     4208                );
     4209
     4210                return array(
     4211                        '1 variation with 1 invalid property'   => array(
     4212                                'theme_json_variations' => array(
     4213                                        'variations' => array(
     4214                                                'plain' => array(
     4215                                                        'color' => array(
     4216                                                                'background' => 'hotpink',
     4217                                                        ),
     4218                                                ),
     4219                                        ),
     4220                                ),
     4221                                'metadata_variation'    => array( $plain['metadata'] ),
     4222                                'expected'              => $plain['styles'],
     4223                        ),
     4224                        '1 variation with 2 invalid properties' => array(
     4225                                'theme_json_variations' => array(
     4226                                        'variations' => array(
     4227                                                'plain' => array(
     4228                                                        'color'            => array(
     4229                                                                'background' => 'hotpink',
     4230                                                        ),
     4231                                                        'invalidProperty1' => 'value1',
     4232                                                        'invalidProperty2' => 'value2',
     4233                                                ),
     4234                                        ),
     4235                                ),
     4236                                'metadata_variation'    => array( $plain['metadata'] ),
     4237                                'expected'              => $plain['styles'],
     4238                        ),
     4239                );
     4240        }
     4241
     4242        public function test_block_style_variations() {
     4243                wp_set_current_user( static::$administrator_id );
     4244
     4245                $expected = array(
     4246                        'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4247                        'styles'  => array(
     4248                                'blocks' => array(
     4249                                        'core/button' => array(
     4250                                                'color'      => array(
     4251                                                        'background' => 'blue',
     4252                                                ),
     4253                                                'variations' => array(
     4254                                                        'outline' => array(
     4255                                                                'color' => array(
     4256                                                                        'background' => 'purple',
     4257                                                                ),
     4258                                                        ),
     4259                                                ),
     4260                                        ),
     4261                                ),
     4262                        ),
     4263                );
     4264
     4265                $actual = WP_Theme_JSON::remove_insecure_properties( $expected );
     4266
     4267                $this->assertSameSetsWithIndex( $expected, $actual );
     4268        }
     4269
     4270        public function test_block_style_variations_with_invalid_properties() {
     4271                wp_set_current_user( static::$administrator_id );
     4272
     4273                $partially_invalid_variation = array(
     4274                        'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4275                        'styles'  => array(
     4276                                'blocks' => array(
     4277                                        'core/button' => array(
     4278                                                'color'      => array(
     4279                                                        'background' => 'blue',
     4280                                                ),
     4281                                                'variations' => array(
     4282                                                        'outline' => array(
     4283                                                                'color'   => array(
     4284                                                                        'background' => 'purple',
     4285                                                                ),
     4286                                                                'invalid' => array(
     4287                                                                        'value' => 'should be stripped',
     4288                                                                ),
     4289                                                        ),
     4290                                                ),
     4291                                        ),
     4292                                ),
     4293                        ),
     4294                );
     4295
     4296                $expected = array(
     4297                        'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4298                        'styles'  => array(
     4299                                'blocks' => array(
     4300                                        'core/button' => array(
     4301                                                'color'      => array(
     4302                                                        'background' => 'blue',
     4303                                                ),
     4304                                                'variations' => array(
     4305                                                        'outline' => array(
     4306                                                                'color' => array(
     4307                                                                        'background' => 'purple',
     4308                                                                ),
     4309                                                        ),
     4310                                                ),
     4311                                        ),
     4312                                ),
     4313                        ),
     4314                );
     4315
     4316                $actual = WP_Theme_JSON::remove_insecure_properties( $partially_invalid_variation );
     4317
     4318                $this->assertSameSetsWithIndex( $expected, $actual );
     4319        }
     4320
     4321        /**
     4322         * Tests generating the spacing presets array based on the spacing scale provided.
     4323         *
     4324         * @ticket 56467
     4325         *
     4326         * @dataProvider data_set_spacing_sizes
     4327         */
     4328        public function test_set_spacing_sizes( $spacing_scale, $expected_output ) {
     4329                $theme_json = new WP_Theme_JSON(
     4330                        array(
     4331                                'version'  => 2,
     4332                                'settings' => array(
     4333                                        'spacing' => array(
     4334                                                'spacingScale' => $spacing_scale,
     4335                                        ),
     4336                                ),
     4337                        )
     4338                );
     4339
     4340                $theme_json->set_spacing_sizes();
     4341                $this->assertSame( $expected_output, _wp_array_get( $theme_json->get_raw_data(), array( 'settings', 'spacing', 'spacingSizes', 'default' ) ) );
     4342        }
     4343
     4344        /**
     4345         * Data provider for spacing scale tests.
     4346         *
     4347         * @ticket 56467
     4348         *
     4349         * @return array
     4350         */
     4351        public function data_set_spacing_sizes() {
     4352                return array(
     4353                        'only one value when single step in spacing scale' => array(
     4354                                'spacing_scale'   => array(
     4355                                        'operator'   => '+',
     4356                                        'increment'  => 1.5,
     4357                                        'steps'      => 1,
     4358                                        'mediumStep' => 4,
     4359                                        'unit'       => 'rem',
     4360                                ),
     4361                                'expected_output' => array(
     4362                                        array(
     4363                                                'name' => '1',
     4364                                                'slug' => '50',
     4365                                                'size' => '4rem',
     4366                                        ),
     4367                                ),
     4368                        ),
     4369                        'one step above medium when two steps in spacing scale' => array(
     4370                                'spacing_scale'   => array(
     4371                                        'operator'   => '+',
     4372                                        'increment'  => 1.5,
     4373                                        'steps'      => 2,
     4374                                        'mediumStep' => 4,
     4375                                        'unit'       => 'rem',
     4376                                ),
     4377                                'expected_output' => array(
     4378                                        array(
     4379                                                'name' => '1',
     4380                                                'slug' => '50',
     4381                                                'size' => '4rem',
     4382                                        ),
     4383                                        array(
     4384                                                'name' => '2',
     4385                                                'slug' => '60',
     4386                                                'size' => '5.5rem',
     4387                                        ),
     4388                                ),
     4389                        ),
     4390                        'one step above medium and one below when three steps in spacing scale' => array(
     4391                                'spacing_scale'   => array(
     4392                                        'operator'   => '+',
     4393                                        'increment'  => 1.5,
     4394                                        'steps'      => 3,
     4395                                        'mediumStep' => 4,
     4396                                        'unit'       => 'rem',
     4397                                ),
     4398                                'expected_output' => array(
     4399                                        array(
     4400                                                'name' => '1',
     4401                                                'slug' => '40',
     4402                                                'size' => '2.5rem',
     4403                                        ),
     4404                                        array(
     4405                                                'name' => '2',
     4406                                                'slug' => '50',
     4407                                                'size' => '4rem',
     4408                                        ),
     4409                                        array(
     4410                                                'name' => '3',
     4411                                                'slug' => '60',
     4412                                                'size' => '5.5rem',
     4413                                        ),
     4414                                ),
     4415                        ),
     4416                        'extra step added above medium when an even number of steps > 2 specified' => array(
     4417                                'spacing_scale'   => array(
     4418                                        'operator'   => '+',
     4419                                        'increment'  => 1.5,
     4420                                        'steps'      => 4,
     4421                                        'mediumStep' => 4,
     4422                                        'unit'       => 'rem',
     4423                                ),
     4424                                'expected_output' => array(
     4425                                        array(
     4426                                                'name' => '1',
     4427                                                'slug' => '40',
     4428                                                'size' => '2.5rem',
     4429                                        ),
     4430                                        array(
     4431                                                'name' => '2',
     4432                                                'slug' => '50',
     4433                                                'size' => '4rem',
     4434                                        ),
     4435                                        array(
     4436                                                'name' => '3',
     4437                                                'slug' => '60',
     4438                                                'size' => '5.5rem',
     4439                                        ),
     4440                                        array(
     4441                                                'name' => '4',
     4442                                                'slug' => '70',
     4443                                                'size' => '7rem',
     4444                                        ),
     4445                                ),
     4446                        ),
     4447                        'extra steps above medium if bottom end will go below zero' => array(
     4448                                'spacing_scale'   => array(
     4449                                        'operator'   => '+',
     4450                                        'increment'  => 2.5,
     4451                                        'steps'      => 5,
     4452                                        'mediumStep' => 5,
     4453                                        'unit'       => 'rem',
     4454                                ),
     4455                                'expected_output' => array(
     4456                                        array(
     4457                                                'name' => '1',
     4458                                                'slug' => '40',
     4459                                                'size' => '2.5rem',
     4460                                        ),
     4461                                        array(
     4462                                                'name' => '2',
     4463                                                'slug' => '50',
     4464                                                'size' => '5rem',
     4465                                        ),
     4466                                        array(
     4467                                                'name' => '3',
     4468                                                'slug' => '60',
     4469                                                'size' => '7.5rem',
     4470                                        ),
     4471                                        array(
     4472                                                'name' => '4',
     4473                                                'slug' => '70',
     4474                                                'size' => '10rem',
     4475                                        ),
     4476                                        array(
     4477                                                'name' => '5',
     4478                                                'slug' => '80',
     4479                                                'size' => '12.5rem',
     4480                                        ),
     4481                                ),
     4482                        ),
     4483                        'multiplier correctly calculated above and below medium' => array(
     4484                                'spacing_scale'   => array(
     4485                                        'operator'   => '*',
     4486                                        'increment'  => 1.5,
     4487                                        'steps'      => 5,
     4488                                        'mediumStep' => 1.5,
     4489                                        'unit'       => 'rem',
     4490                                ),
     4491                                'expected_output' => array(
     4492                                        array(
     4493                                                'name' => '1',
     4494                                                'slug' => '30',
     4495                                                'size' => '0.67rem',
     4496                                        ),
     4497                                        array(
     4498                                                'name' => '2',
     4499                                                'slug' => '40',
     4500                                                'size' => '1rem',
     4501                                        ),
     4502                                        array(
     4503                                                'name' => '3',
     4504                                                'slug' => '50',
     4505                                                'size' => '1.5rem',
     4506                                        ),
     4507                                        array(
     4508                                                'name' => '4',
     4509                                                'slug' => '60',
     4510                                                'size' => '2.25rem',
     4511                                        ),
     4512                                        array(
     4513                                                'name' => '5',
     4514                                                'slug' => '70',
     4515                                                'size' => '3.38rem',
     4516                                        ),
     4517                                ),
     4518                        ),
     4519                        'increment < 1 combined showing * operator acting as divisor above and below medium' => array(
     4520                                'spacing_scale'   => array(
     4521                                        'operator'   => '*',
     4522                                        'increment'  => 0.25,
     4523                                        'steps'      => 5,
     4524                                        'mediumStep' => 1.5,
     4525                                        'unit'       => 'rem',
     4526                                ),
     4527                                'expected_output' => array(
     4528                                        array(
     4529                                                'name' => '1',
     4530                                                'slug' => '30',
     4531                                                'size' => '0.09rem',
     4532                                        ),
     4533                                        array(
     4534                                                'name' => '2',
     4535                                                'slug' => '40',
     4536                                                'size' => '0.38rem',
     4537                                        ),
     4538                                        array(
     4539                                                'name' => '3',
     4540                                                'slug' => '50',
     4541                                                'size' => '1.5rem',
     4542                                        ),
     4543                                        array(
     4544                                                'name' => '4',
     4545                                                'slug' => '60',
     4546                                                'size' => '6rem',
     4547                                        ),
     4548                                        array(
     4549                                                'name' => '5',
     4550                                                'slug' => '70',
     4551                                                'size' => '24rem',
     4552                                        ),
     4553                                ),
     4554                        ),
     4555                        't-shirt sizing used if more than 7 steps in scale' => array(
     4556                                'spacing_scale'   => array(
     4557                                        'operator'   => '*',
     4558                                        'increment'  => 1.5,
     4559                                        'steps'      => 8,
     4560                                        'mediumStep' => 1.5,
     4561                                        'unit'       => 'rem',
     4562                                ),
     4563                                'expected_output' => array(
     4564                                        array(
     4565                                                'name' => '2X-Small',
     4566                                                'slug' => '20',
     4567                                                'size' => '0.44rem',
     4568                                        ),
     4569                                        array(
     4570                                                'name' => 'X-Small',
     4571                                                'slug' => '30',
     4572                                                'size' => '0.67rem',
     4573                                        ),
     4574                                        array(
     4575                                                'name' => 'Small',
     4576                                                'slug' => '40',
     4577                                                'size' => '1rem',
     4578                                        ),
     4579                                        array(
     4580                                                'name' => 'Medium',
     4581                                                'slug' => '50',
     4582                                                'size' => '1.5rem',
     4583                                        ),
     4584                                        array(
     4585                                                'name' => 'Large',
     4586                                                'slug' => '60',
     4587                                                'size' => '2.25rem',
     4588                                        ),
     4589                                        array(
     4590                                                'name' => 'X-Large',
     4591                                                'slug' => '70',
     4592                                                'size' => '3.38rem',
     4593                                        ),
     4594                                        array(
     4595                                                'name' => '2X-Large',
     4596                                                'slug' => '80',
     4597                                                'size' => '5.06rem',
     4598                                        ),
     4599                                        array(
     4600                                                'name' => '3X-Large',
     4601                                                'slug' => '90',
     4602                                                'size' => '7.59rem',
     4603                                        ),
     4604                                ),
     4605                        ),
     4606                );
     4607        }
     4608
     4609        /**
     4610         * Tests generating the spacing presets array based on the spacing scale provided.
     4611         *
     4612         * @ticket 56467
     4613         *
     4614         * @dataProvider data_set_spacing_sizes_when_invalid
     4615         *
     4616         * @param array $spacing_scale   Example spacing scale definitions from the data provider.
     4617         * @param array $expected_output Expected output from data provider.
     4618         */
     4619        public function test_set_spacing_sizes_when_invalid( $spacing_scale, $expected_output ) {
     4620                $this->expectException( Exception::class );
     4621                $this->expectExceptionMessage( 'Some of the theme.json settings.spacing.spacingScale values are invalid' );
     4622
     4623                $theme_json = new WP_Theme_JSON(
     4624                        array(
     4625                                'version'  => 2,
     4626                                'settings' => array(
     4627                                        'spacing' => array(
     4628                                                'spacingScale' => $spacing_scale,
     4629                                        ),
     4630                                ),
     4631                        )
     4632                );
     4633
     4634                // Ensure PHPUnit 10 compatibility.
     4635                set_error_handler(
     4636                        static function ( $errno, $errstr ) {
     4637                                restore_error_handler();
     4638                                throw new Exception( $errstr, $errno );
     4639                        },
     4640                        E_ALL
     4641                );
     4642
     4643                $theme_json->set_spacing_sizes();
     4644
     4645                restore_error_handler();
     4646
     4647                $this->assertSame( $expected_output, _wp_array_get( $theme_json->get_raw_data(), array( 'settings', 'spacing', 'spacingSizes', 'default' ) ) );
     4648        }
     4649
     4650        /**
     4651         * Data provider for spacing scale tests.
     4652         *
     4653         * @ticket 56467
     4654         *
     4655         * @return array
     4656         */
     4657        public function data_set_spacing_sizes_when_invalid() {
     4658                return array(
     4659                        'missing operator value'  => array(
     4660                                'spacing_scale'   => array(
     4661                                        'operator'   => '',
     4662                                        'increment'  => 1.5,
     4663                                        'steps'      => 1,
     4664                                        'mediumStep' => 4,
     4665                                        'unit'       => 'rem',
     4666                                ),
     4667                                'expected_output' => null,
     4668                        ),
     4669                        'non numeric increment'   => array(
     4670                                'spacing_scale'   => array(
     4671                                        'operator'   => '+',
     4672                                        'increment'  => 'add two to previous value',
     4673                                        'steps'      => 1,
     4674                                        'mediumStep' => 4,
     4675                                        'unit'       => 'rem',
     4676                                ),
     4677                                'expected_output' => null,
     4678                        ),
     4679                        'non numeric steps'       => array(
     4680                                'spacing_scale'   => array(
     4681                                        'operator'   => '+',
     4682                                        'increment'  => 1.5,
     4683                                        'steps'      => 'spiral staircase preferred',
     4684                                        'mediumStep' => 4,
     4685                                        'unit'       => 'rem',
     4686                                ),
     4687                                'expected_output' => null,
     4688                        ),
     4689                        'non numeric medium step' => array(
     4690                                'spacing_scale'   => array(
     4691                                        'operator'   => '+',
     4692                                        'increment'  => 1.5,
     4693                                        'steps'      => 5,
     4694                                        'mediumStep' => 'That which is just right',
     4695                                        'unit'       => 'rem',
     4696                                ),
     4697                                'expected_output' => null,
     4698                        ),
     4699                        'missing unit value'      => array(
     4700                                'spacing_scale'   => array(
     4701                                        'operator'   => '+',
     4702                                        'increment'  => 1.5,
     4703                                        'steps'      => 5,
     4704                                        'mediumStep' => 4,
     4705                                ),
     4706                                'expected_output' => null,
     4707                        ),
     4708                );
     4709        }
     4710
     4711        /**
     4712         * Tests the core separator block outbut based on various provided settings.
     4713         *
     4714         * @ticket 56903
     4715         * @ticket 58550
     4716         *
     4717         * @dataProvider data_update_separator_declarations
     4718         *
     4719         * @param array $separator_block_settings Example separator block settings from the data provider.
     4720         * @param array $expected_output          Expected output from data provider.
     4721         */
     4722        public function test_update_separator_declarations( $separator_block_settings, $expected_output ) {
     4723                // If only background is defined, test that includes border-color to the style so it is applied on the front end.
     4724                $theme_json = new WP_Theme_JSON(
     4725                        array(
     4726                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4727                                'styles'  => array(
     4728                                        'blocks' => array(
     4729                                                'core/separator' => $separator_block_settings,
     4730                                        ),
     4731                                ),
     4732                        ),
     4733                        'default'
     4734                );
     4735
     4736                $stylesheet = $theme_json->get_stylesheet( array( 'styles' ) );
     4737
     4738                $this->assertSame( $expected_output, $stylesheet );
     4739        }
     4740
     4741        /**
     4742         * Data provider for separator declaration tests.
     4743         *
     4744         * @return array
     4745         */
     4746        public function data_update_separator_declarations() {
     4747                return array(
     4748                        // If only background is defined, test that includes border-color to the style so it is applied on the front end.
     4749                        'only background'                      => array(
     4750                                array(
     4751                                        'color' => array(
     4752                                                'background' => 'blue',
     4753                                        ),
     4754                                ),
     4755                                'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;color: blue;}',
     4756                        ),
     4757                        // If background and text are defined, do not include border-color, as text color is enough.
     4758                        'background and text, no border-color' => array(
     4759                                array(
     4760                                        'color' => array(
     4761                                                'background' => 'blue',
     4762                                                'text'       => 'red',
     4763                                        ),
     4764                                ),
     4765                                'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;color: red;}',
     4766                        ),
     4767                        // If only text is defined, do not include border-color, as by itself is enough.
     4768                        'only text'                            => array(
     4769                                array(
     4770                                        'color' => array(
     4771                                                'text' => 'red',
     4772                                        ),
     4773                                ),
     4774                                'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{color: red;}',
     4775                        ),
     4776                        // If background, text, and border-color are defined, include everything, CSS specificity will decide which to apply.
     4777                        'background, text, and border-color'   => array(
     4778                                array(
     4779                                        'color'  => array(
     4780                                                'background' => 'blue',
     4781                                                'text'       => 'red',
     4782                                        ),
     4783                                        'border' => array(
     4784                                                'color' => 'pink',
     4785                                        ),
     4786                                ),
     4787                                'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;border-color: pink;color: red;}',
     4788                        ),
     4789                        // If background and border color are defined, include everything, CSS specificity will decide which to apply.
     4790                        'background, and border-color'         => array(
     4791                                array(
     4792                                        'color'  => array(
     4793                                                'background' => 'blue',
     4794                                        ),
     4795                                        'border' => array(
     4796                                                'color' => 'pink',
     4797                                        ),
     4798                                ),
     4799                                'expected_output' => 'body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}.wp-block-separator{background-color: blue;border-color: pink;}',
     4800                        ),
     4801                );
     4802        }
     4803
     4804        /**
     4805         * @ticket 57559
     4806         */
     4807        public function test_shadow_preset_styles() {
     4808                $theme_json = new WP_Theme_JSON(
     4809                        array(
     4810                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     4811                                'settings' => array(
     4812                                        'shadow' => array(
     4813                                                'presets' => array(
     4814                                                        array(
     4815                                                                'slug'   => 'natural',
     4816                                                                'shadow' => '5px 5px 5px 0 black',
     4817                                                        ),
     4818                                                        array(
     4819                                                                'slug'   => 'sharp',
     4820                                                                'shadow' => '5px 5px black',
     4821                                                        ),
     4822                                                ),
     4823                                        ),
     4824                                ),
     4825                        )
     4826                );
     4827
     4828                $expected_styles = 'body{--wp--preset--shadow--natural: 5px 5px 5px 0 black;--wp--preset--shadow--sharp: 5px 5px black;}';
     4829                $this->assertSame( $expected_styles, $theme_json->get_stylesheet(), 'Styles returned from "::get_stylesheet()" does not match expectations' );
     4830                $this->assertSame( $expected_styles, $theme_json->get_stylesheet( array( 'variables' ) ), 'Styles returned from "::get_stylesheet()" when requiring "variables" type does not match expectations' );
     4831        }
     4832
     4833        /**
     4834         * @ticket 57559
     4835         * @ticket 58550
     4836         */
     4837        public function test_get_shadow_styles_for_blocks() {
     4838                $theme_json = new WP_Theme_JSON(
     4839                        array(
     4840                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     4841                                'settings' => array(
     4842                                        'shadow' => array(
     4843                                                'presets' => array(
     4844                                                        array(
     4845                                                                'slug'   => 'natural',
     4846                                                                'shadow' => '5px 5px 0 0 black',
     4847                                                        ),
     4848                                                ),
     4849                                        ),
     4850                                ),
     4851                                'styles'   => array(
     4852                                        'blocks'   => array(
     4853                                                'core/paragraph' => array(
     4854                                                        'shadow' => 'var(--wp--preset--shadow--natural)',
     4855                                                ),
     4856                                        ),
     4857                                        'elements' => array(
     4858                                                'button' => array(
     4859                                                        'shadow' => 'var:preset|shadow|natural',
     4860                                                ),
     4861                                                'link'   => array(
     4862                                                        'shadow' => array( 'ref' => 'styles.elements.button.shadow' ),
     4863                                                ),
     4864                                        ),
     4865                                ),
     4866                        )
     4867                );
     4868
     4869                $global_styles   = 'body{--wp--preset--shadow--natural: 5px 5px 0 0 black;}body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}';
     4870                $element_styles  = 'a:where(:not(.wp-element-button)){box-shadow: var(--wp--preset--shadow--natural);}.wp-element-button, .wp-block-button__link{box-shadow: var(--wp--preset--shadow--natural);}p{box-shadow: var(--wp--preset--shadow--natural);}';
     4871                $expected_styles = $global_styles . $element_styles;
     4872                $this->assertSame( $expected_styles, $theme_json->get_stylesheet() );
     4873        }
     4874
     4875        /**
     4876         * @ticket 57536
     4877         */
     4878        public function test_get_custom_css_handles_global_custom_css() {
     4879                $theme_json = new WP_Theme_JSON(
     4880                        array(
     4881                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4882                                'styles'  => array(
     4883                                        'css'    => 'body {color:purple;}',
     4884                                        'blocks' => array(
     4885                                                'core/paragraph' => array(
     4886                                                        'css' => 'color:red;',
     4887                                                ),
     4888                                        ),
     4889                                ),
     4890                        )
     4891                );
     4892
     4893                $custom_css = 'body {color:purple;}p{color:red;}';
     4894                $this->assertSame( $custom_css, $theme_json->get_custom_css() );
     4895        }
     4896
     4897        /**
     4898         * Tests that custom CSS is kept for users with correct capabilities and removed for others.
     4899         *
     4900         * @ticket 57536
     4901         *
     4902         * @dataProvider data_custom_css_for_user_caps
     4903         *
     4904         * @param string $user_property The property name for current user.
     4905         * @param array  $expected      Expected results.
     4906         */
     4907        public function test_custom_css_for_user_caps( $user_property, array $expected ) {
     4908                wp_set_current_user( static::${$user_property} );
     4909
     4910                $actual = WP_Theme_JSON::remove_insecure_properties(
     4911                        array(
     4912                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4913                                'styles'  => array(
     4914                                        'css'    => 'body { color:purple; }',
     4915                                        'blocks' => array(
     4916                                                'core/separator' => array(
     4917                                                        'color' => array(
     4918                                                                'background' => 'blue',
     4919                                                        ),
     4920                                                ),
     4921                                        ),
     4922                                ),
     4923                        )
     4924                );
     4925
     4926                $this->assertSameSetsWithIndex( $expected, $actual );
     4927        }
     4928
     4929        /**
     4930         * Data provider.
     4931         *
     4932         * @return array[]
     4933         */
     4934        public function data_custom_css_for_user_caps() {
     4935                return array(
     4936                        'allows custom css for users with caps'     => array(
     4937                                'user_property' => 'administrator_id',
     4938                                'expected'      => array(
     4939                                        'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4940                                        'styles'  => array(
     4941                                                'css'    => 'body { color:purple; }',
     4942                                                'blocks' => array(
     4943                                                        'core/separator' => array(
     4944                                                                'color' => array(
     4945                                                                        'background' => 'blue',
     4946                                                                ),
     4947                                                        ),
     4948                                                ),
     4949                                        ),
     4950                                ),
     4951                        ),
     4952                        'removes custom css for users without caps' => array(
     4953                                'user_property' => 'user_id',
     4954                                'expected'      => array(
     4955                                        'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4956                                        'styles'  => array(
     4957                                                'blocks' => array(
     4958                                                        'core/separator' => array(
     4959                                                                'color' => array(
     4960                                                                        'background' => 'blue',
     4961                                                                ),
     4962                                                        ),
     4963                                                ),
     4964                                        ),
     4965                                ),
     4966                        ),
     4967                );
     4968        }
     4969
     4970        /**
     4971         * @dataProvider data_process_blocks_custom_css
     4972         *
     4973         * @param array  $input    An array containing the selector and css to test.
     4974         * @param string $expected Expected results.
     4975         */
     4976        public function test_process_blocks_custom_css( $input, $expected ) {
     4977                $theme_json = new WP_Theme_JSON(
     4978                        array(
     4979                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     4980                                'styles'  => array(),
     4981                        )
     4982                );
     4983                $reflection = new ReflectionMethod( $theme_json, 'process_blocks_custom_css' );
     4984                $reflection->setAccessible( true );
     4985
     4986                $this->assertSame( $expected, $reflection->invoke( $theme_json, $input['css'], $input['selector'] ) );
     4987        }
     4988
     4989        /**
     4990         * Data provider.
     4991         *
     4992         * @return array[]
     4993         */
     4994        public function data_process_blocks_custom_css() {
     4995                return array(
     4996                        // Simple CSS without any nested selectors.
     4997                        'no nested selectors'          => array(
     4998                                'input'    => array(
     4999                                        'selector' => '.foo',
     5000                                        'css'      => 'color: red; margin: auto;',
     5001                                ),
     5002                                'expected' => '.foo{color: red; margin: auto;}',
     5003                        ),
     5004                        // CSS with nested selectors.
     5005                        'with nested selector'         => array(
     5006                                'input'    => array(
     5007                                        'selector' => '.foo',
     5008                                        'css'      => 'color: red; margin: auto; &.one{color: blue;} & .two{color: green;}',
     5009                                ),
     5010                                'expected' => '.foo{color: red; margin: auto;}.foo.one{color: blue;}.foo .two{color: green;}',
     5011                        ),
     5012                        // CSS with pseudo elements.
     5013                        'with pseudo elements'         => array(
     5014                                'input'    => array(
     5015                                        'selector' => '.foo',
     5016                                        'css'      => 'color: red; margin: auto; &::before{color: blue;} & ::before{color: green;}  &.one::before{color: yellow;} & .two::before{color: purple;}',
     5017                                ),
     5018                                'expected' => '.foo{color: red; margin: auto;}.foo::before{color: blue;}.foo ::before{color: green;}.foo.one::before{color: yellow;}.foo .two::before{color: purple;}',
     5019                        ),
     5020                        // CSS with multiple root selectors.
     5021                        'with multiple root selectors' => array(
     5022                                'input'    => array(
     5023                                        'selector' => '.foo, .bar',
     5024                                        'css'      => 'color: red; margin: auto; &.one{color: blue;} & .two{color: green;} &::before{color: yellow;} & ::before{color: purple;}  &.three::before{color: orange;} & .four::before{color: skyblue;}',
     5025                                ),
     5026                                'expected' => '.foo, .bar{color: red; margin: auto;}.foo.one, .bar.one{color: blue;}.foo .two, .bar .two{color: green;}.foo::before, .bar::before{color: yellow;}.foo ::before, .bar ::before{color: purple;}.foo.three::before, .bar.three::before{color: orange;}.foo .four::before, .bar .four::before{color: skyblue;}',
     5027                        ),
     5028                );
     5029        }
     5030
     5031        public function test_internal_syntax_is_converted_to_css_variables() {
     5032                $result = new WP_Theme_JSON(
     5033                        array(
     5034                                'version' => WP_Theme_JSON::LATEST_SCHEMA,
     5035                                'styles'  => array(
     5036                                        'color'    => array(
     5037                                                'background' => 'var:preset|color|primary',
     5038                                                'text'       => 'var(--wp--preset--color--secondary)',
     5039                                        ),
     5040                                        'elements' => array(
     5041                                                'link' => array(
     5042                                                        'color' => array(
     5043                                                                'background' => 'var:preset|color|pri',
     5044                                                                'text'       => 'var(--wp--preset--color--sec)',
     5045                                                        ),
     5046                                                ),
     5047                                        ),
     5048                                        'blocks'   => array(
     5049                                                'core/post-terms' => array(
     5050                                                        'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--small)' ),
     5051                                                        'color'      => array( 'background' => 'var:preset|color|secondary' ),
     5052                                                ),
     5053                                                'core/navigation' => array(
     5054                                                        'elements' => array(
     5055                                                                'link' => array(
     5056                                                                        'color' => array(
     5057                                                                                'background' => 'var:preset|color|p',
     5058                                                                                'text'       => 'var(--wp--preset--color--s)',
     5059                                                                        ),
     5060                                                                ),
     5061                                                        ),
     5062                                                ),
     5063                                                'core/quote'      => array(
     5064                                                        'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--d)' ),
     5065                                                        'color'      => array( 'background' => 'var:preset|color|d' ),
     5066                                                        'variations' => array(
     5067                                                                'plain' => array(
     5068                                                                        'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--s)' ),
     5069                                                                        'color'      => array( 'background' => 'var:preset|color|s' ),
     5070                                                                ),
     5071                                                        ),
     5072                                                ),
     5073                                        ),
     5074                                ),
     5075                        )
     5076                );
     5077                $styles = $result->get_raw_data()['styles'];
     5078
     5079                $this->assertEquals( 'var(--wp--preset--color--primary)', $styles['color']['background'], 'Top level: Assert the originally correct values are still correct.' );
     5080                $this->assertEquals( 'var(--wp--preset--color--secondary)', $styles['color']['text'], 'Top level: Assert the originally correct values are still correct.' );
     5081
     5082                $this->assertEquals( 'var(--wp--preset--color--pri)', $styles['elements']['link']['color']['background'], 'Element top level: Assert the originally correct values are still correct.' );
     5083                $this->assertEquals( 'var(--wp--preset--color--sec)', $styles['elements']['link']['color']['text'], 'Element top level: Assert the originally correct values are still correct.' );
     5084
     5085                $this->assertEquals( 'var(--wp--preset--font-size--small)', $styles['blocks']['core/post-terms']['typography']['fontSize'], 'Top block level: Assert the originally correct values are still correct.' );
     5086                $this->assertEquals( 'var(--wp--preset--color--secondary)', $styles['blocks']['core/post-terms']['color']['background'], 'Top block level: Assert the internal variables are convert to CSS custom variables.' );
     5087
     5088                $this->assertEquals( 'var(--wp--preset--color--p)', $styles['blocks']['core/navigation']['elements']['link']['color']['background'], 'Elements block level: Assert the originally correct values are still correct.' );
     5089                $this->assertEquals( 'var(--wp--preset--color--s)', $styles['blocks']['core/navigation']['elements']['link']['color']['text'], 'Elements block level: Assert the originally correct values are still correct.' );
     5090
     5091                $this->assertEquals( 'var(--wp--preset--font-size--s)', $styles['blocks']['core/quote']['variations']['plain']['typography']['fontSize'], 'Style variations: Assert the originally correct values are still correct.' );
     5092                $this->assertEquals( 'var(--wp--preset--color--s)', $styles['blocks']['core/quote']['variations']['plain']['color']['background'], 'Style variations: Assert the internal variables are convert to CSS custom variables.' );
     5093        }
     5094
     5095        public function test_resolve_variables() {
     5096                $primary_color   = '#9DFF20';
     5097                $secondary_color = '#9DFF21';
     5098                $contrast_color  = '#000';
     5099                $raw_color_value = '#efefef';
     5100                $large_font      = '18px';
     5101                $small_font      = '12px';
     5102                $theme_json      = new WP_Theme_JSON(
     5103                        array(
     5104                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     5105                                'settings' => array(
     5106                                        'color'      => array(
     5107                                                'palette' => array(
     5108                                                        'theme' => array(
     5109                                                                array(
     5110                                                                        'color' => $primary_color,
     5111                                                                        'name'  => 'Primary',
     5112                                                                        'slug'  => 'primary',
     5113                                                                ),
     5114                                                                array(
     5115                                                                        'color' => $secondary_color,
     5116                                                                        'name'  => 'Secondary',
     5117                                                                        'slug'  => 'secondary',
     5118                                                                ),
     5119                                                                array(
     5120                                                                        'color' => $contrast_color,
     5121                                                                        'name'  => 'Contrast',
     5122                                                                        'slug'  => 'contrast',
     5123                                                                ),
     5124                                                        ),
     5125                                                ),
     5126                                        ),
     5127                                        'typography' => array(
     5128                                                'fontSizes' => array(
     5129                                                        array(
     5130                                                                'size' => $small_font,
     5131                                                                'name' => 'Font size small',
     5132                                                                'slug' => 'small',
     5133                                                        ),
     5134                                                        array(
     5135                                                                'size' => $large_font,
     5136                                                                'name' => 'Font size large',
     5137                                                                'slug' => 'large',
     5138                                                        ),
     5139                                                ),
     5140                                        ),
     5141                                ),
     5142                                'styles'   => array(
     5143                                        'color'    => array(
     5144                                                'background' => 'var(--wp--preset--color--primary)',
     5145                                                'text'       => $raw_color_value,
     5146                                        ),
     5147                                        'elements' => array(
     5148                                                'button' => array(
     5149                                                        'color'      => array(
     5150                                                                'text' => 'var(--wp--preset--color--contrast)',
     5151                                                        ),
     5152                                                        'typography' => array(
     5153                                                                'fontSize' => 'var(--wp--preset--font-size--small)',
     5154                                                        ),
     5155                                                ),
     5156                                        ),
     5157                                        'blocks'   => array(
     5158                                                'core/post-terms'      => array(
     5159                                                        'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--small)' ),
     5160                                                        'color'      => array( 'background' => $raw_color_value ),
     5161                                                ),
     5162                                                'core/more'            => array(
     5163                                                        'typography' => array( 'fontSize' => 'var(--undefined--font-size--small)' ),
     5164                                                        'color'      => array( 'background' => 'linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 35%, var(--wp--undefined--color--secondary) 100%)' ),
     5165                                                ),
     5166                                                'core/comment-content' => array(
     5167                                                        'typography' => array( 'fontSize' => 'calc(var(--wp--preset--font-size--small, 12px) + 20px)' ),
     5168                                                        'color'      => array(
     5169                                                                'text'       => 'var(--wp--preset--color--primary, red)',
     5170                                                                'background' => 'var(--wp--preset--color--primary, var(--wp--preset--font-size--secondary))',
     5171                                                                'link'       => 'var(--undefined--color--primary, var(--wp--preset--font-size--secondary))',
     5172                                                        ),
     5173                                                ),
     5174                                                'core/comments'        => array(
     5175                                                        'color' => array(
     5176                                                                'text'       => 'var(--undefined--color--primary, var(--wp--preset--font-size--small))',
     5177                                                                'background' => 'var(--wp--preset--color--primary, var(--undefined--color--primary))',
     5178                                                        ),
     5179                                                ),
     5180                                                'core/navigation'      => array(
     5181                                                        'elements' => array(
     5182                                                                'link' => array(
     5183                                                                        'color'      => array(
     5184                                                                                'background' => 'var(--wp--preset--color--primary)',
     5185                                                                                'text'       => 'var(--wp--preset--color--secondary)',
     5186                                                                        ),
     5187                                                                        'typography' => array(
     5188                                                                                'fontSize' => 'var(--wp--preset--font-size--large)',
     5189                                                                        ),
     5190                                                                ),
     5191                                                        ),
     5192                                                ),
     5193                                                'core/quote'           => array(
     5194                                                        'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--large)' ),
     5195                                                        'color'      => array( 'background' => 'var(--wp--preset--color--primary)' ),
     5196                                                        'variations' => array(
     5197                                                                'plain' => array(
     5198                                                                        'typography' => array( 'fontSize' => 'var(--wp--preset--font-size--small)' ),
     5199                                                                        'color'      => array( 'background' => 'var(--wp--preset--color--secondary)' ),
     5200                                                                ),
     5201                                                        ),
     5202                                                ),
     5203                                        ),
     5204                                ),
     5205                        )
     5206                );
     5207
     5208                $styles = $theme_json::resolve_variables( $theme_json )->get_raw_data()['styles'];
     5209
     5210                $this->assertEquals( $primary_color, $styles['color']['background'], 'Top level: Assert values are converted' );
     5211                $this->assertEquals( $raw_color_value, $styles['color']['text'], 'Top level: Assert raw values stay intact' );
     5212
     5213                $this->assertEquals( $contrast_color, $styles['elements']['button']['color']['text'], 'Elements: color' );
     5214                $this->assertEquals( $small_font, $styles['elements']['button']['typography']['fontSize'], 'Elements: font-size' );
     5215
     5216                $this->assertEquals( $large_font, $styles['blocks']['core/quote']['typography']['fontSize'], 'Blocks: font-size' );
     5217                $this->assertEquals( $primary_color, $styles['blocks']['core/quote']['color']['background'], 'Blocks: color' );
     5218                $this->assertEquals( $raw_color_value, $styles['blocks']['core/post-terms']['color']['background'], 'Blocks: Raw color value stays intact' );
     5219                $this->assertEquals( $small_font, $styles['blocks']['core/post-terms']['typography']['fontSize'], 'Block core/post-terms: font-size' );
     5220                $this->assertEquals(
     5221                        "linear-gradient(90deg, $primary_color 0%, $secondary_color 35%, var(--wp--undefined--color--secondary) 100%)",
     5222                        $styles['blocks']['core/more']['color']['background'],
     5223                        'Blocks: multiple colors and undefined color'
     5224                );
     5225                $this->assertEquals( 'var(--undefined--font-size--small)', $styles['blocks']['core/more']['typography']['fontSize'], 'Blocks: undefined font-size ' );
     5226                $this->assertEquals( "calc($small_font + 20px)", $styles['blocks']['core/comment-content']['typography']['fontSize'], 'Blocks: font-size in random place' );
     5227                $this->assertEquals( $primary_color, $styles['blocks']['core/comment-content']['color']['text'], 'Blocks: text color with fallback' );
     5228                $this->assertEquals( $primary_color, $styles['blocks']['core/comment-content']['color']['background'], 'Blocks: background color with var as fallback' );
     5229                $this->assertEquals( $primary_color, $styles['blocks']['core/navigation']['elements']['link']['color']['background'], 'Block element: background color' );
     5230                $this->assertEquals( $secondary_color, $styles['blocks']['core/navigation']['elements']['link']['color']['text'], 'Block element: text color' );
     5231                $this->assertEquals( $large_font, $styles['blocks']['core/navigation']['elements']['link']['typography']['fontSize'], 'Block element: font-size' );
     5232
     5233                $this->assertEquals(
     5234                        "var(--undefined--color--primary, $small_font)",
     5235                        $styles['blocks']['core/comments']['color']['text'],
     5236                        'Blocks: text color with undefined var and fallback'
     5237                );
     5238                $this->assertEquals(
     5239                        $primary_color,
     5240                        $styles['blocks']['core/comments']['color']['background'],
     5241                        'Blocks: background color with variable and undefined fallback'
     5242                );
     5243
     5244                $this->assertEquals( $small_font, $styles['blocks']['core/quote']['variations']['plain']['typography']['fontSize'], 'Block variations: font-size' );
     5245                $this->assertEquals( $secondary_color, $styles['blocks']['core/quote']['variations']['plain']['color']['background'], 'Block variations: color' );
     5246        }
     5247
     5248        /**
    51255249         * Tests the correct application of a block style variation's selector to
    51265250         * a block's selector.

  • trunk/tests/phpunit/tests/theme/wpThemeJsonResolver.php

    r57260 r57662  
    2121
    2222        /**
     23         * WP_Theme_JSON_Resolver::$blocks_cache property.
     24         *
     25         * @var ReflectionProperty
     26         */
     27        private static $property_blocks_cache;
     28
     29        /**
     30         * Original value of the WP_Theme_JSON_Resolver::$blocks_cache property.
     31         *
     32         * @var array
     33         */
     34        private static $property_blocks_cache_orig_value;
     35
     36        /**
     37         * WP_Theme_JSON_Resolver::$core property.
     38         *
     39         * @var ReflectionProperty
     40         */
     41        private static $property_core;
     42
     43        /**
     44         * Original value of the WP_Theme_JSON_Resolver::$core property.
     45         *
     46         * @var WP_Theme_JSON
     47         */
     48        private static $property_core_orig_value;
     49
     50        /**
    2351         * Theme root directory.
    2452         *
    25          * @var string
     53         * @var string|null
    2654         */
    2755        private $theme_root;
    … …  
    3058         * Original theme directory.
    3159         *
    32          * @var string
     60         * @var array|null
    3361         */
    3462        private $orig_theme_dir;
    3563
    3664        /**
    37          * WP_Theme_JSON_Resolver::$blocks_cache property.
    38          *
    39          * @var ReflectionProperty
    40          */
    41         private static $property_blocks_cache;
    42 
    43         /**
    44          * Original value of the WP_Theme_JSON_Resolver::$blocks_cache property.
    45          *
    46          * @var array
    47          */
    48         private static $property_blocks_cache_orig_value;
    49 
    50         /**
    51          * WP_Theme_JSON_Resolver::$core property.
    52          *
    53          * @var ReflectionProperty
    54          */
    55         private static $property_core;
    56 
    57         /**
    58          * Original value of the WP_Theme_JSON_Resolver::$core property.
    59          *
    60          * @var WP_Theme_JSON
    61          */
    62         private static $property_core_orig_value;
     65         * @var array|null
     66         */
     67        private $queries;
    6368
    6469        public static function set_up_before_class() {
    … …  
    99104                add_filter( 'stylesheet_root', array( $this, 'filter_set_theme_root' ) );
    100105                add_filter( 'template_root', array( $this, 'filter_set_theme_root' ) );
    101 
     106                $this->queries = array();
    102107                // Clear caches.
    103108                wp_clean_themes_cache();
    … …  
    141146                $this->assertSame( 'block-theme', wp_get_theme()->get( 'TextDomain' ) );
    142147                $this->assertSame( 'Motyw blokowy', $theme_data->get_data()['title'] );
    143                 $this->assertSameSets(
     148                $this->assertSame(
    144149                        array(
    145150                                'color'      => array(
    … …  
    219224                $this->assertArrayHasKey( 'page-home', $custom_templates );
    220225                $this->assertSame(
    221                         $custom_templates['page-home'],
    222226                        array(
    223227                                'title'     => 'Szablon strony głównej',
    224228                                'postTypes' => array( 'page' ),
    225                         )
    226                 );
     229                        ),
     230                        $custom_templates['page-home']
     231                );
     232
    227233                $this->assertSameSets(
    228234                        array(
    … …  
    234240                        $theme_data->get_template_parts()
    235241                );
     242
    236243                $this->assertSame(
    237244                        'Wariant motywu blokowego',
    238                         $style_variations[1]['title']
     245                        $style_variations[2]['title']
    239246                );
    240247        }
    … …  
    258265
    259266        /**
    260          * Tests when WP_Theme_JSON_Resolver::$blocks_cache is empty or does not match
    261          * the all registered blocks.
     267         * Tests when WP_Theme_JSON_Resolver::$blocks_cache is empty or
     268         * does not match the all registered blocks.
    262269         *
    263270         * Though this is a non-public method, it is vital to other functionality.
    … …  
    332339
    333340        /**
    334          * Tests when WP_Theme_JSON_Resolver::$blocks_cache is empty or does not match
    335          * the all registered blocks.
     341         * Tests when WP_Theme_JSON_Resolver::$blocks_cache is empty or
     342         * does not match the all registered blocks.
    336343         *
    337344         * Though this is a non-public method, it is vital to other functionality.
    … …  
    597604
    598605                $this->assertSame(
    599                         WP_Theme_JSON_Resolver::get_theme_data()->get_custom_templates(),
    600606                        array(
    601607                                'page-home'                   => array(
    … …  
    607613                                        'postTypes' => array( 'post' ),
    608614                                ),
    609                         )
     615                        ),
     616                        WP_Theme_JSON_Resolver::get_theme_data()->get_custom_templates()
    610617                );
    611618        }
    … …  
    750757         */
    751758        public function test_get_theme_data_theme_supports_overrides_theme_json() {
     759                switch_theme( 'default' );
     760
    752761                // Test that get_theme_data() returns a WP_Theme_JSON object.
    753762                $theme_json_resolver = new WP_Theme_JSON_Resolver();
    … …  
    763772                $previous_line_height = $previous_settings['typography']['lineHeight'];
    764773                $this->assertFalse( $previous_line_height, 'lineHeight setting from theme.json should be false.' );
     774
    765775                add_theme_support( 'custom-line-height' );
    766776                $current_settings = $theme_json_resolver->get_theme_data()->get_settings();
    767777                $line_height      = $current_settings['typography']['lineHeight'];
    768778                $this->assertTrue( $line_height, 'lineHeight setting after add_theme_support() should be true.' );
     779                remove_theme_support( 'custom-line-height' );
    769780        }
    770781
    … …  
    810821         * @param bool   $theme_palette      Whether the theme palette is present.
    811822         * @param string $theme_palette_text Message.
    812          * @param bool   $user_palette        Whether the user palette is present.
    813          * @param string $user_palette_text   Message.
     823         * @param bool   $user_palette       Whether the user palette is present.
     824         * @param string $user_palette_text  Message.
    814825         */
    815826        public function test_get_merged_data_returns_origin( $origin, $core_palette, $core_palette_text, $block_styles, $block_styles_text, $theme_palette, $theme_palette_text, $user_palette, $user_palette_text ) {
    … …  
    818829                        'my/block-with-styles',
    819830                        array(
    820                                 'api_version' => 2,
     831                                'api_version' => 3,
    821832                                'attributes'  => array(
    822833                                        'borderColor' => array(
    … …  
    878889         *
    879890         * @covers WP_Theme_JSON_Resolver::get_merged_data
    880          *
    881891         */
    882892        public function test_get_merged_data_returns_origin_proper() {
    … …  
    915925
    916926        /**
    917          * Data provider.
     927         * Data provider for test_get_merged_data_returns_origin.
    918928         *
    919929         * @return array[]
    … …  
    984994                $expected_settings = array(
    985995                        array(
    986                                 'version'  => 2,
     996                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
     997                                'title'    => 'variation-a',
     998                                'settings' => array(
     999                                        'blocks' => array(
     1000                                                'core/paragraph' => array(
     1001                                                        'color' => array(
     1002                                                                'palette' => array(
     1003                                                                        'theme' => array(
     1004                                                                                array(
     1005                                                                                        'slug'  => 'dark',
     1006                                                                                        'name'  => 'Dark',
     1007                                                                                        'color' => '#010101',
     1008                                                                                ),
     1009                                                                        ),
     1010                                                                ),
     1011                                                        ),
     1012                                                ),
     1013                                        ),
     1014                                ),
     1015                        ),
     1016                        array(
     1017                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    9871018                                'title'    => 'variation-b',
    9881019                                'settings' => array(
    … …  
    10051036                        ),
    10061037                        array(
    1007                                 'version'  => 2,
     1038                                'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    10081039                                'title'    => 'Block theme variation',
    10091040                                'settings' => array(

  • trunk/tests/phpunit/tests/theme/wpThemeJsonSchema.php

    r54889 r57662  
    1313class Tests_Theme_wpThemeJsonSchema extends WP_UnitTestCase {
    1414        /**
    15          * The current theme.json schema version.
    16          */
    17         const LATEST_SCHEMA_VERSION = WP_Theme_JSON::LATEST_SCHEMA;
    18 
    19         /**
    2015         * @ticket 54336
    2116         */
    22         public function test_migrate_v1_to_v2() {
     17        public function test_migrate_v1_to_latest() {
    2318                $theme_json_v1 = array(
    2419                        'version'  => 1,
    … …  
    107102
    108103                $expected = array(
    109                         'version'  => self::LATEST_SCHEMA_VERSION,
     104                        'version'  => WP_Theme_JSON::LATEST_SCHEMA,
    110105                        'settings' => array(
    111106                                'color'      => array(
Note: See TracChangeset for help on using the changeset viewer.