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

Timestamp:

01/31/2024 08:29:18 AM (2 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 );
+    }
 }