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

Timestamp:

12/02/2024 08:08:34 AM (12 months ago)

Author:

gziolo

Message:

Interactivity API: Support length property on strings and arrays on the server

The Interactivity API tries to align client and server rendering so that the behavior is the same. Adds missing handling for .length to directives processing on the server on strings and numeric arrays which is inherently supported through JavaScript language on the client.

Props jonsurrell, gziolo, luisherranz.
Fixes #62582.

File:

• trunk/tests/phpunit/tests/interactivity-api/wpInteractivityAPI.php (modified) (1 diff)

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

@@ -1542 +1542 @@
         $this->assertNull( $element );
     }
+
+    /**
+     * Verify behavior of .length directive access.
+     *
+     * @ticket 62582
+     *
+     * @covers ::process_directives
+     *
+     * @dataProvider data_length_directives
+     *
+     * @param mixed $value     The property value.
+     * @param string $expected The expected property length as a string,
+     *                         or "" if no length is expected.
+     */
+    public function test_process_directives_string_array_length( $value, string $expected ) {
+        $this->interactivity->state(
+            'myPlugin',
+            array( 'prop' => $value )
+        );
+        $html           = '<div data-wp-text="myPlugin::state.prop.length"></div>';
+        $processed_html = $this->interactivity->process_directives( $html );
+        $processor      = new WP_HTML_Tag_Processor( $processed_html );
+        $processor->next_tag( 'DIV' );
+        $processor->next_token();
+        $this->assertSame( $expected, $processor->get_modifiable_text() );
+    }
+
+    /**
+     * Data provider.
+     *
+     * @return array
+     */
+    public static function data_length_directives(): array {
+        return array(
+            'numeric array'     => array( array( 'a', 'b', 'c' ), '3' ),
+            'empty array'       => array( array(), '0' ),
+            'string'            => array( 'abc', '3' ),
+            'empty string'      => array( '', '0' ),
+
+            // Failure cases resulting in empty string.
+            'non-numeric array' => array( array( 'a' => 'a' ), '' ),
+            'object'            => array( new stdClass(), '' ),
+        );
+    }
 }