SSR: Add wp-html and wp-text attribute directive processors

phpunit/directives/attributes/wp-html.php

@@ -0,0 +1,49 @@
+<?php
+/**
+ * data-wp-html tag directive test.
+ */
+
+require_once __DIR__ . '/../../../src/directives/attributes/wp-html.php';
+
+require_once __DIR__ . '/../../../src/directives/class-wp-directive-context.php';
+require_once __DIR__ . '/../../../src/directives/class-wp-directive-processor.php';
+
+require_once __DIR__ . '/../../../src/directives/wp-html.php';
+
+/**
+ * Tests for the data-wp-html tag directive.
+ *
+ * @group  directives
+ * @covers process_wp_html
+ */
+class Tests_Directives_WpHtml extends WP_UnitTestCase {
+	public function test_directive_sets_inner_html_based_on_attribute_value_and_retains_html() {
+		$markup = '<div data-wp-html="context.myblock.someHtml"></div>';
+
+		$tags = new WP_Directive_Processor( $markup );
+		$tags->next_tag();
+
+		$context_before = new WP_Directive_Context( array( 'myblock' => array( 'someHtml' => 'Lorem <em>ipsum</em> dolor sit.' ) ) );
+		$context        = clone $context_before;
+		process_wp_html( $tags, $context );
+
+		$expected_markup = '<div data-wp-html="context.myblock.someHtml">Lorem <em>ipsum</em> dolor sit.</div>';
+		$this->assertSame( $expected_markup, $tags->get_updated_html() );
+		$this->assertSame( $context_before->get_context(), $context->get_context(), 'data-wp-html directive changed context' );
+	}
+
+	public function test_directive_overwrites_inner_html_based_on_attribute_value() {
+		$markup = '<div data-wp-html="context.myblock.someHtml">Lorem ipsum dolor sit.</div>';
+
+		$tags = new WP_Directive_Processor( $markup );
+		$tags->next_tag();
+
+		$context_before = new WP_Directive_Context( array( 'myblock' => array( 'someHtml' => 'Honi soit qui mal y pense.' ) ) );
+		$context        = clone $context_before;
+		process_wp_html( $tags, $context );
+
+		$expected_markup = '<div data-wp-html="context.myblock.someHtml">Honi soit qui mal y pense.</div>';
+		$this->assertSame( $expected_markup, $tags->get_updated_html() );
+		$this->assertSame( $context_before->get_context(), $context->get_context(), 'data-wp-html directive changed context' );
+	}
+}

phpunit/directives/attributes/wp-text.php

@@ -0,0 +1,49 @@
+<?php
+/**
+ * data-wp-text tag directive test.
+ */
+
+require_once __DIR__ . '/../../../src/directives/attributes/wp-text.php';
+
+require_once __DIR__ . '/../../../src/directives/class-wp-directive-context.php';
+require_once __DIR__ . '/../../../src/directives/class-wp-directive-processor.php';
+
+require_once __DIR__ . '/../../../src/directives/wp-html.php';
+
+/**
+ * Tests for the data-wp-text tag directive.
+ *
+ * @group  directives
+ * @covers process_wp_text
+ */
+class Tests_Directives_WpText extends WP_UnitTestCase {
+	public function test_directive_sets_inner_html_based_on_attribute_value_and_escapes_html() {
+		$markup = '<div data-wp-text="context.myblock.someText"></div>';
+
+		$tags = new WP_Directive_Processor( $markup );
+		$tags->next_tag();
+
+		$context_before = new WP_Directive_Context( array( 'myblock' => array( 'someText' => 'The HTML tag <br> produces a line break.' ) ) );
+		$context        = clone $context_before;
+		process_wp_text( $tags, $context );
+
+		$expected_markup = '<div data-wp-text="context.myblock.someText">The HTML tag &lt;br&gt; produces a line break.</div>';
+		$this->assertSame( $expected_markup, $tags->get_updated_html() );
+		$this->assertSame( $context_before->get_context(), $context->get_context(), 'data-wp-text directive changed context' );
+	}
+
+	public function test_directive_overwrites_inner_html_based_on_attribute_value() {
+		$markup = '<div data-wp-text="context.myblock.someText">Lorem ipsum dolor sit.</div>';
+
+		$tags = new WP_Directive_Processor( $markup );
+		$tags->next_tag();
+
+		$context_before = new WP_Directive_Context( array( 'myblock' => array( 'someText' => 'Honi soit qui mal y pense.' ) ) );
+		$context        = clone $context_before;
+		process_wp_text( $tags, $context );
+
+		$expected_markup = '<div data-wp-text="context.myblock.someText">Honi soit qui mal y pense.</div>';
+		$this->assertSame( $expected_markup, $tags->get_updated_html() );
+		$this->assertSame( $context_before->get_context(), $context->get_context(), 'data-wp-text directive changed context' );
+	}
+}

src/directives/attributes/wp-html.php

@@ -0,0 +1,17 @@
+<?php
+
+require_once __DIR__ . '/../utils.php';
+
+function process_wp_html( $tags, $context ) {
+	if ( $tags->is_tag_closer() ) {
+		return;
+	}
+
+	$value = $tags->get_attribute( 'data-wp-html' );
+	if ( null === $value ) {
+		return;
+	}
+
+	$text = evaluate( $value, $context->get_context() );
+	$tags->set_inner_html( $text );
+}

src/directives/attributes/wp-text.php

@@ -0,0 +1,17 @@
+<?php
+
+require_once __DIR__ . '/../utils.php';
+
+function process_wp_text( $tags, $context ) {
+	if ( $tags->is_tag_closer() ) {
+		return;
+	}
+
+	$value = $tags->get_attribute( 'data-wp-text' );
+	if ( null === $value ) {
+		return;
+	}
+
+	$text = evaluate( $value, $context->get_context() );
+	$tags->set_inner_html( esc_html( $text ) );
+}

wp-directives.php

@@ -44,7 +44,9 @@ function () {
 require_once __DIR__ . '/src/directives/attributes/wp-bind.php';
 require_once __DIR__ . '/src/directives/attributes/wp-context.php';
 require_once __DIR__ . '/src/directives/attributes/wp-class.php';
+require_once __DIR__ . '/src/directives/attributes/wp-html.php';
 require_once __DIR__ . '/src/directives/attributes/wp-style.php';
+require_once __DIR__ . '/src/directives/attributes/wp-text.php';
 
 function wp_directives_loader() {
 	// Load the Admin page.
@@ -216,7 +218,9 @@ function process_directives_in_block( $block_content ) {
 		'data-wp-context' => 'process_wp_context',
 		'data-wp-bind'    => 'process_wp_bind',
 		'data-wp-class'   => 'process_wp_class',
+		'data-wp-html'    => 'process_wp_html',
 		'data-wp-style'   => 'process_wp_style',
+		'data-wp-text'    => 'process_wp_text',
 	);
 
 	$tags = new WP_HTML_Tag_Processor( $block_content );