Changeset 61019 for trunk/tests/phpunit/tests/interactivity-api/wpInteractivityAPI.php

Timestamp:

10/21/2025 11:30:43 AM (12 months ago)

Author:

luisherranz

Message:

Interactivity API: Support for loadOnClientNavigation.

Uses the wp_script_attributes filter to add a data-wp-router-options directive with a loadOnClientNavigation: true property for all the interactive blocks that are compatible with client-side navigation to let the Interactivity API router determine which modules it can safely load during client-side navigation.

Props luisherranz, westonruter.
Fixes #64122.

File:

• trunk/tests/phpunit/tests/interactivity-api/wpInteractivityAPI.php (modified) (3 diffs)

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

@@ -27 +27 @@
                 $this->interactivity = new WP_Interactivity_API();
                 wp_default_script_modules();
+                $this->interactivity->add_hooks();
+        }
+
+        /**
+         * Tear down.
+         */
+        public function tear_down() {
+                global $wp_script_modules;
+                parent::tear_down();
+                $wp_script_modules = null;
         }
 
@@ -237 +247 @@
          */
         private function get_script_data_filter_result( ?Closure $callback = null ): MockAction {
-                $this->interactivity->add_hooks();
                 wp_enqueue_script_module( '@wordpress/interactivity' );
                 $filter = new MockAction();
@@ -1724 +1733 @@
                 $this->assertStringNotContainsString( 'class="[disallowed]"', $processed_html );
         }
+
+        /**
+         * Tests that add_client_navigation_support_to_script_module marks a
+         * script module for client navigation.
+         *
+         * @ticket 64122
+         *
+         * @covers WP_Interactivity_API::add_client_navigation_support_to_script_module
+         * @covers WP_Interactivity_API::add_load_on_client_navigation_attribute_to_script_modules
+         */
+        public function test_add_client_navigation_support_to_script_module() {
+                $this->interactivity->add_client_navigation_support_to_script_module( 'marked-module' );
+
+                wp_register_script_module( 'marked-module', '/marked.js' );
+                wp_register_script_module( 'unmarked-module', '/unmarked.js' );
+                wp_enqueue_script_module( 'marked-module' );
+                wp_enqueue_script_module( 'unmarked-module' );
+
+                $output = get_echo( array( wp_script_modules(), 'print_enqueued_script_modules' ) );
+
+                $p = new WP_HTML_Tag_Processor( $output );
+
+                // First module: marked-module should have the attribute.
+                $p->next_tag( array( 'tag_name' => 'SCRIPT' ) );
+                $this->assertSame( 'marked-module-js-module', $p->get_attribute( 'id' ) );
+                $this->assertSame(
+                        '{"loadOnClientNavigation":true}',
+                        $p->get_attribute( 'data-wp-router-options' )
+                );
+
+                // Second module: unmarked-module should NOT have the attribute.
+                $p->next_tag( array( 'tag_name' => 'SCRIPT' ) );
+                $this->assertSame( 'unmarked-module-js-module', $p->get_attribute( 'id' ) );
+                $this->assertNull( $p->get_attribute( 'data-wp-router-options' ) );
+        }
 }