Block Library: Add missing transforms between Verse and Preformatted blocks (#70101)

* Add missing transforms between Verse and Preformatted block

* Revert test file changes

* Update test files

* Restart unit tests

* Restart unit tests

* Update test snapshots

* Remove duplicate transformations between Verse and Preformatted blocks

* refactor: simplify verse block transform

Co-authored-by: Sukhendu2002 <[email protected]>
Co-authored-by: t-hamano <[email protected]>

Author: 3 people

packages/block-library/src/preformatted/test/__snapshots__/transforms.native.js.snap

@@ -29,3 +29,9 @@ exports[`Preformatted block transforms to Paragraph block 1`] = `
 <p>Some <em>preformatted</em> text...<br />And more!</p>
 <!-- /wp:paragraph -->"
 `;
+
+exports[`Preformatted block transforms to Verse block 1`] = `
+"<!-- wp:verse -->
+<pre class="wp-block-verse">Some <em>preformatted</em> text...<br />And more!</pre>
+<!-- /wp:verse -->"
+`;

packages/block-library/src/preformatted/test/transforms.native.js

@@ -16,7 +16,12 @@ const initialHtml = `
 <!-- /wp:preformatted -->`;
 
 const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [ 'Paragraph', 'Code', ...transformsWithInnerBlocks ];
+const blockTransforms = [
+	'Paragraph',
+	'Code',
+	'Verse',
+	...transformsWithInnerBlocks,
+];
 
 setupCoreBlocks();
 

packages/block-library/src/preformatted/transforms.js

@@ -7,7 +7,7 @@ const transforms = {
 	from: [
 		{
 			type: 'block',
-			blocks: [ 'core/code', 'core/paragraph' ],
+			blocks: [ 'core/code', 'core/paragraph', 'core/verse' ],
 			transform: ( { content, anchor } ) =>
 				createBlock( 'core/preformatted', {
 					content,
@@ -41,6 +41,12 @@ const transforms = {
 			blocks: [ 'core/code' ],
 			transform: ( attributes ) => createBlock( 'core/code', attributes ),
 		},
+		{
+			type: 'block',
+			blocks: [ 'core/verse' ],
+			transform: ( attributes ) =>
+				createBlock( 'core/verse', attributes ),
+		},
 	],
 };
 

packages/block-library/src/verse/test/__snapshots__/transforms.native.js.snap

@@ -23,3 +23,9 @@ exports[`Verse block transforms to Paragraph block 1`] = `
 <p>Come<br />Home.</p>
 <!-- /wp:paragraph -->"
 `;
+
+exports[`Verse block transforms to Preformatted block 1`] = `
+"<!-- wp:preformatted -->
+<pre class="wp-block-preformatted">Come<br />Home.</pre>
+<!-- /wp:preformatted -->"
+`;

packages/block-library/src/verse/test/transforms.native.js

@@ -16,7 +16,11 @@ const initialHtml = `
 <!-- /wp:verse -->`;
 
 const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [ 'Paragraph', ...transformsWithInnerBlocks ];
+const blockTransforms = [
+	'Paragraph',
+	'Preformatted',
+	...transformsWithInnerBlocks,
+];
 
 setupCoreBlocks();