Editor: Use HTML API class_list() for duotone wrapper classes.

Update `WP_Duotone::restore_image_outer_container()` to iterate `WP_HTML_Tag_Processor::class_list()` instead of splitting the `class` attribute on spaces, matching Gutenberg PR 79531.

Developed in WordPress#12324.

Follow-up to [58313].

Props jonsurrell, mukesh27, scruffian.
Fixes #65576.


git-svn-id: https://develop.svn.wordpress.org/trunk@62627 602fd350-edb4-49c9-b593-d223f7449a82

Author: sirreal

src/wp-includes/class-wp-duotone.php

@@ -1191,8 +1191,7 @@ public static function restore_image_outer_container( $block_content ) {
 		$tags->set_bookmark( 'wrapper-div' );
 		$tags->next_tag();
 
-		$inner_classnames = explode( ' ', $tags->get_attribute( 'class' ) );
-		foreach ( $inner_classnames as $classname ) {
+		foreach ( $tags->class_list() as $classname ) {
 			if ( str_starts_with( $classname, 'wp-duotone' ) ) {
 				$tags->remove_class( $classname );
 				$tags->seek( 'wrapper-div' );

tests/phpunit/tests/block-supports/duotone.php

@@ -61,6 +61,20 @@ public function test_render_duotone_support_custom() {
 		$this->assertMatchesRegularExpression( $expected, WP_Duotone::render_duotone_support( $block_content, $block, $wp_block ) );
 	}
 
+	/**
+	 * @ticket 65576
+	 *
+	 * @covers ::restore_image_outer_container
+	 */
+	public function test_restore_image_outer_container_moves_duotone_class_to_wrapper_in_classic_theme() {
+		switch_theme( 'default' );
+
+		$block_content = '<div class="wp-block-image"><figure class="alignright wp-duotone-blue-orange size-full"><img src="/my-image.jpg"></figure></div>';
+		$expected      = '<div class="wp-block-image wp-duotone-blue-orange"><figure class="alignright size-full"><img src="/my-image.jpg"></figure></div>';
+
+		$this->assertEqualHTML( $expected, WP_Duotone::restore_image_outer_container( $block_content ) );
+	}
+
 	/**
 	 * Tests whether the slug is extracted from the attribute.
 	 *