Changeset 61020 for trunk/tests/phpunit/tests/interactivity-api/wpInteractivityAPI-wp-style.php

Timestamp:

10/21/2025 12:07:16 PM (11 months ago)

Author:

luisherranz

Message:

Interactivity API: Support unique IDs in server-side directives processing.

Server-side logic to support unique IDs in the Interactivity API directives to match what the client is doing (​https://github.com/WordPress/gutenberg/pull/72161).

Props santosguillamot, darerodz, luisherranz.
Fixes #64106.

File:

• trunk/tests/phpunit/tests/interactivity-api/wpInteractivityAPI-wp-style.php (modified) (2 diffs)

trunk/tests/phpunit/tests/interactivity-api/wpInteractivityAPI-wp-style.php

@@ -191 +191 @@
                         >Text</div>';
                 list($p) = $this->process_directives( $html );
-                $this->assertSame( 'color:green;background:green;', $p->get_attribute( 'style' ) );
+                $this->assertSame( 'background:green;color:green;', $p->get_attribute( 'style' ) );
         }
 
@@ -449 +449 @@
                 $this->assertNull( $p->get_attribute( 'style' ) );
         }
+
+        /**
+         * Tests it can use CSS variables.
+         *
+         * @ticket 64106
+         *
+         * @covers ::process_directives
+         */
+        public function test_wp_style_can_use_CSS_variables() {
+                $html    = '<div data-wp-style----text-color="myPlugin::state.green">Text</div>';
+                list($p) = $this->process_directives( $html );
+                $this->assertSame( '--text-color:green;', $p->get_attribute( 'style' ) );
+        }
+
+        /**
+         * Tests it ignores unique IDs.
+         *
+         * @ticket 64106
+         *
+         * @covers ::process_directives
+         */
+        public function test_wp_style_ignores_unique_ids() {
+                $html    = '<div data-wp-style--color---unique-id="myPlugin::state.green">Text</div>';
+                list($p) = $this->process_directives( $html );
+                $this->assertNull( $p->get_attribute( 'style' ) );
+        }
 }