Changeset 61587 for trunk/tests/phpunit/tests/script-modules/wpScriptModules.php

Timestamp:

02/04/2026 01:41:25 AM (8 months ago)

Author:

westonruter

Message:

Script Loader: Allow classic scripts to depend on script modules.

This allows classic scripts to declare dependencies on script modules by passing module_dependencies in the $args param for wp_register_script() or wp_enqueue_script(). The WP_Script_Modules::get_import_map() method is updated to traverse the dependency tree of all enqueued classic scripts to find any associated script module dependencies and include them in the importmap, enabling dynamic imports of modules within classic scripts.

A _wp_scripts_add_args_data() helper function is introduced to consolidate argument validation and processing for wp_register_script() and wp_enqueue_script(), reducing code duplication. This function validates that the $args array only contains recognized keys (strategy, in_footer, fetchpriority, module_dependencies) and triggers a _doing_it_wrong() notice for any unrecognized keys. Similarly, WP_Scripts::add_data() is updated to do early type checking for the data passed to $args. The script modules in module_dependencies may be referenced by a module ID string or by an array that has an id key, following the same pattern as dependencies in WP_Script_Modules.

When a script module is added to the module_dependencies for a classic script, but it does not exist at the time the importmap is printed, a _doing_it_wrong() notice is emitted.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/8024

Follow-up to [61323].

Props sirreal, westonruter.
See #64229.
Fixes #61500.

File:

• trunk/tests/phpunit/tests/script-modules/wpScriptModules.php (modified) (4 diffs)

trunk/tests/phpunit/tests/script-modules/wpScriptModules.php

@@ -12 +12 @@
 class Tests_Script_Modules_WpScriptModules extends WP_UnitTestCase {
 
-        /**
-         * @var WP_Script_Modules
-         */
-        protected $original_script_modules;
-
-        /**
-         * @var string
-         */
-        protected $original_wp_version;
-
-        /**
-         * Instance of WP_Script_Modules.
-         *
-         * @var WP_Script_Modules
-         */
-        protected $script_modules;
+        protected WP_Script_Modules $original_script_modules;
+
+        protected string $original_wp_version;
+
+        protected ?WP_Scripts $original_wp_scripts;
+
+        protected WP_Script_Modules $script_modules;
 
         /**
@@ -33 +24 @@
          */
         public function set_up() {
-                global $wp_script_modules, $wp_version;
+                global $wp_script_modules, $wp_scripts, $wp_version;
                 parent::set_up();
                 $this->original_script_modules = $wp_script_modules;
                 $this->original_wp_version     = $wp_version;
+                $this->original_wp_scripts     = $wp_scripts ?? null;
                 $wp_script_modules             = null;
                 $this->script_modules          = wp_script_modules();
+
+                $wp_scripts                  = new WP_Scripts();
+                $wp_scripts->default_version = get_bloginfo( 'version' );
         }
 
@@ -45 +40 @@
          */
         public function tear_down() {
-                global $wp_script_modules, $wp_version;
                 parent::tear_down();
+                global $wp_script_modules, $wp_scripts, $wp_version;
                 $wp_script_modules = $this->original_script_modules;
                 $wp_version        = $this->original_wp_version;
+                $wp_scripts        = $this->original_wp_scripts;
         }
 
@@ -1987 +1983 @@
 
         /**
+         * Tests that script modules identified as dependencies of classic scripts are included in the import map.
+         *
+         * @ticket 61500
+         *
+         * @covers WP_Script_Modules::get_import_map
+         */
+        public function test_included_module_appears_in_importmap() {
+                $this->script_modules->register( 'dependency', '/dep.js' );
+                $this->script_modules->register( 'example', '/example.js', array( 'dependency' ) );
+                $this->script_modules->register( 'example2', '/example2.js' );
+
+                // Nothing printed now.
+                $this->assertSame( array(), $this->get_enqueued_script_modules(), 'Initial enqueued script modules was wrong.' );
+                $this->assertSame( array(), $this->get_preloaded_script_modules(), 'Initial module preloads was wrong.' );
+                $this->assertSame( array(), $this->get_import_map(), 'Initial import map was wrong.' );
+
+                // Enqueuing a script with a module dependency should add it to the import map.
+                wp_enqueue_script(
+                        'classic',
+                        '/classic.js',
+                        array( 'classic-dependency' ),
+                        false,
+                        array(
+                                'module_dependencies' => array(
+                                        'example',
+                                        array(
+                                                'id' => 'example2',
+                                        ),
+                                ),
+                        )
+                );
+
+                $this->assertSame( array(), $this->get_enqueued_script_modules(), 'Final enqueued script modules was wrong.' );
+                $this->assertSame( array(), $this->get_preloaded_script_modules(), 'Final module preloads was wrong.' );
+                $this->assertEqualSets(
+                        array( 'example', 'example2', 'dependency' ),
+                        array_keys( $this->get_import_map() ),
+                        'Import map keys were wrong.'
+                );
+        }
+
+        /**
+         * Tests that dynamic dependencies of enqueued script modules are included in the import map.
+         *
+         * @ticket 61500
+         *
+         * @covers WP_Script_Modules::get_import_map
+         */
+        public function test_import_map_includes_dynamic_dependencies_of_enqueued_modules() {
+                $this->script_modules->register( 'dependency-of-enqueued', '/dependency-of-enqueued.js' );
+                $this->script_modules->enqueue(
+                        'enqueued',
+                        '/enqueued.js',
+                        array(
+                                array(
+                                        'id'     => 'dependency-of-enqueued',
+                                        'import' => 'dynamic',
+                                ),
+                        )
+                );
+
+                $enqueued = $this->get_enqueued_script_modules();
+                $this->assertCount( 1, $enqueued, 'Enqueue count was wrong.' );
+                $this->assertArrayHasKey( 'enqueued', $enqueued, 'Missing "enqueued" script module enqueue.' );
+                $this->assertCount( 0, $this->get_preloaded_script_modules(), 'Module preload count was wrong.' );
+                $this->assertEqualSets(
+                        array( 'dependency-of-enqueued' ),
+                        array_keys( $this->get_import_map() ),
+                        'Import map keys were wrong.'
+                );
+        }
+
+        /**
+         * Tests that script module dependencies of enqueued classic scripts (including transitive ones) are included in the import map.
+         *
+         * @ticket 61500
+         *
+         * @covers WP_Script_Modules::get_import_map
+         */
+        public function test_import_map_includes_dependencies_of_classic_scripts_recursive() {
+                $this->script_modules->register( 'classic-transitive-dependency', '/classic-transitive-dependency.js' );
+                $this->script_modules->register( 'dependency-of-not-enqueued', '/dependency-of-not-enqueued.js' );
+                $this->script_modules->register( 'not-enqueued', '/not-enqueued.js', array( 'dependency-of-not-enqueued' ) );
+
+                // Enqueuing a script with a module dependency should add it to the import map.
+                wp_register_script(
+                        'classic-transitive-dep',
+                        '/classic-transitive-dep.js',
+                        array(),
+                        false,
+                        array(
+                                'module_dependencies' => array( 'classic-transitive-dependency' ),
+                        )
+                );
+                wp_enqueue_script(
+                        'classic',
+                        '/classic.js',
+                        array( 'classic-transitive-dep' ),
+                        false,
+                        array(
+                                'module_dependencies' => array( 'not-enqueued' ),
+                        )
+                );
+
+                $enqueued = $this->get_enqueued_script_modules();
+                $this->assertCount( 0, $enqueued, 'Enqueue count was wrong.' );
+                $this->assertCount( 0, $this->get_preloaded_script_modules(), 'Module preload count was wrong.' );
+                $this->assertEqualSets(
+                        array(
+                                'classic-transitive-dependency',
+                                'not-enqueued',
+                                'dependency-of-not-enqueued',
+                        ),
+                        array_keys( $this->get_import_map() ),
+                        'Import map keys were wrong.'
+                );
+        }
+
+        /**
+         * Tests that WP_Scripts emits a _doing_it_wrong() notice for missing script module dependencies.
+         *
+         * @ticket 61500
+         * @ticket 64229
+         * @covers WP_Script_Modules::get_import_map
+         */
+        public function test_wp_scripts_doing_it_wrong_for_missing_script_module_dependencies() {
+                $expected_incorrect_usage = 'WP_Scripts::add_data';
+                $this->setExpectedIncorrectUsage( $expected_incorrect_usage );
+
+                wp_enqueue_script(
+                        'registered-dep',
+                        '/registered-dep.js',
+                        array(),
+                        null,
+                        array(
+                                'module_dependencies' => array( 'does-not-exist' ),
+                        )
+                );
+
+                $import_map = $this->get_import_map();
+                $this->assertSame( array(), $import_map, 'Expected importmap to be empty.' );
+                $markup = get_echo( 'wp_print_scripts' );
+
+                /*
+                 * In the future, we may want to have missing script module dependencies for classic scripts to cause the
+                 * classic script to not be printed. This would align the behavior with script modules that have missing
+                 * script module dependencies, and classic scripts that have missing classic script dependencies. Nevertheless,
+                 * since script module dependencies rely on dynamic imports, the dependency may not be as strong. This means
+                 * the classic script may still work or have a fallback in case the script module fails to dynamically import.
+                 * This same change could be made for script modules as well, where if a script module has a missing dynamic
+                 * script module dependency, this might similarly not be sufficient reason to omit printing the dependent script module.
+                 */
+                $this->assertStringContainsString( 'registered-dep.js', $markup, 'Expected script to be present, even though it has a missing script module dependency.' );
+
+                $this->assertArrayHasKey(
+                        $expected_incorrect_usage,
+                        $this->caught_doing_it_wrong,
+                        "Expected $expected_incorrect_usage to trigger a _doing_it_wrong() notice for missing dependency."
+                );
+
+                $this->assertStringContainsString(
+                        'The script with the handle "registered-dep" was enqueued with script module dependencies ("module_dependencies") that are not registered: does-not-exist',
+                        $this->caught_doing_it_wrong[ $expected_incorrect_usage ],
+                        'Expected _doing_it_wrong() notice to indicate missing script module dependencies for enqueued script.'
+                );
+        }
+
+        /**
          * Tests various ways of printing and dependency ordering of script modules.
          *