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

Timestamp:

01/31/2024 08:29:18 AM (3 years ago)

Author:

gziolo

Message:

Script Modules API: Add import map polyfill for older browsers

Syncs the changes from ​https://github.com/WordPress/gutenberg/pull/58263. Adds a polyfill to make import maps compatible with unsported browsers (​https://caniuse.com/import-maps).

Fixes #60348.
Props cbravobernal, jorbin, luisherranz, jonsurrell.

File:

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

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

@@ -12 +12 @@
  * @coversDefaultClass WP_Script_Modules
  */
-class Tests_WP_Script_Modules extends WP_UnitTestCase {
+class Tests_Script_Modules_WpScriptModules extends WP_UnitTestCase {
+
         /**
          * Instance of WP_Script_Modules.
@@ -25 +26 @@
         public function set_up() {
                 parent::set_up();
+                // Set up the WP_Script_Modules instance.
                 $this->script_modules = new WP_Script_Modules();
         }
@@ -601 +603 @@
                 $this->assertStringStartsWith( '/dep.js', $import_map['dep'] );
         }
+
+        /**
+         * @ticket 60348
+         *
+         * @covers ::print_import_map_polyfill()
+         */
+        public function test_wp_print_import_map_has_no_polyfill_when_no_modules_registered() {
+                $import_map_polyfill = get_echo( array( $this->script_modules, 'print_import_map' ) );
+
+                $this->assertEquals( '', $import_map_polyfill );
+        }
+
+        /**
+         * @ticket 60348
+         *
+         * @covers ::print_import_map_polyfill()
+         */
+        public function test_wp_print_import_map_has_polyfill_when_modules_registered() {
+                $script_name = 'wp-polyfill-importmap';
+                wp_register_script( $script_name, '/wp-polyfill-importmap.js' );
+
+                $this->script_modules->enqueue( 'foo', '/foo.js', array( 'dep' ), '1.0' );
+                $this->script_modules->register( 'dep', '/dep.js' );
+                $import_map_polyfill = get_echo( array( $this->script_modules, 'print_import_map' ) );
+
+                wp_deregister_script( $script_name );
+
+                $p = new WP_HTML_Tag_Processor( $import_map_polyfill );
+                $p->next_tag( array( 'tag' => 'SCRIPT' ) );
+                $id = $p->get_attribute( 'id' );
+
+                $this->assertEquals( 'wp-load-polyfill-importmap', $id );
+        }
 }