Changeset 57822

Timestamp:

03/12/2024 06:52:20 PM (9 months ago)

Author:

dmsnell

Message:

Interactivity API: Ensure proper directive processing on special elements.

Adds a test to ensure proper processing of directives on special HTML elements,
or HTML which contains special elements. These special elements are defined by
the HTML API and are the HTML elements which cannot contain other tags, such as
the IFRAME, SCRIPT, TEXTAREA, TITLE, elements, etc...

The server diretive processor performs a custom tracking of HTML structure and
this test ensures it isn't mislead by the handling of those special elements.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/6247
Discussed in https://core.trac.wordpress.org/ticket/60746

Props santosguillamot, cbravobernal, mukesh27, westonruter, swissspidy, dmsnell.
Follow-up to [57348].
Fixes #60746.

File:

• trunk/tests/phpunit/tests/interactivity-api/wpInteractivityAPIFunctions.php (moved) (moved from trunk/tests/phpunit/tests/interactivity-api/interactivity-api.php) (2 diffs)

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

@@ -11 +11 @@
  * @group interactivity-api
  */
-class Tests_Interactivity_API_Functions extends WP_UnitTestCase {
+class Tests_Interactivity_API_wpInteractivityAPIFunctions extends WP_UnitTestCase {
     /**
      * Set up.
@@ -391 +391 @@
         $this->assertEquals( 'data-wp-context=\'{"amp":"T\u0026T"}\'', wp_interactivity_data_wp_context( array( 'amp' => 'T&T' ) ) );
     }
+
+    /**
+     * Tests that directives processing of tags that don't visit closer tag work.
+     *
+     * @ticket 60746
+     *
+     * @covers ::wp_interactivity_process_directives_of_interactive_blocks
+     */
+    public function test_process_directives_in_tags_that_dont_visit_closer_tag() {
+        register_block_type(
+            'test/custom-directive-block',
+            array(
+                'render_callback' => function () {
+                    return '<iframe data-wp-interactive="nameSpace" ' . wp_interactivity_data_wp_context( array( 'text' => 'test' ) ) . ' data-wp-class--test="context.text" src="1"></iframe>';
+                },
+                'supports'        => array(
+                    'interactivity' => true,
+                ),
+            )
+        );
+        $post_content      = '<!-- wp:test/custom-directive-block /-->';
+        $processed_content = do_blocks( $post_content );
+        $processor         = new WP_HTML_Tag_Processor( $processed_content );
+        $processor->next_tag( array( 'class_name' => 'test' ) );
+        unregister_block_type( 'test/custom-directive-block' );
+        $this->assertEquals( '1', $processor->get_attribute( 'src' ) );
+    }
 }