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

Timestamp:

10/21/2025 11:30:43 AM (5 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' ) );
+    }
 }