Add test case for old text color format

WordPress · Feb 9, 2022 · 3d970a0 · 3d970a0
1 parent 3076182
commit 3d970a0
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/packages/format-library/src/text-color/test/__snapshots__/index.native.js.snap b/packages/format-library/src/text-color/test/__snapshots__/index.native.js.snap
@@ -17,3 +17,13 @@ exports[`Text color creates a paragraph block with the text color format 1`] = `
 <p>Hello <mark style=\\"background-color:rgba(0,0,0,0);color:#cf2e2e\\" class=\\"has-inline-color has-vivid-red-color\\">this is a test</mark></p>
 <!-- /wp:paragraph -->"
 `;
+
+exports[`Text color supports old text color format using "span" tag 1`] = `
+"<!-- wp:paragraph -->
+<p>this <span class=\\"has-inline-color has-green-color\\">is</span> <span class=\\"has-inline-color has-red-color\\">test</span></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><span style=\\"color:#08a5e9\\" class=\\"has-inline-color\\">this is a test</span></p>
+<!-- /wp:paragraph -->"
+`;
diff --git a/packages/format-library/src/text-color/test/index.native.js b/packages/format-library/src/text-color/test/index.native.js
@@ -161,4 +161,18 @@ describe( 'Text color', () => {
 
 		expect( getEditorHtml() ).toMatchSnapshot();
 	} );
+
+	it( 'supports old text color format using "span" tag', async () => {
+		await initializeEditor( {
+			initialHtml: `<!-- wp:paragraph -->
+			<p>this <span class="has-inline-color has-green-color">is</span> <span class="has-inline-color has-red-color">test</span></p>
+			<!-- /wp:paragraph -->
+			
+			<!-- wp:paragraph -->
+			<p><span style="color:#08a5e9" class="has-inline-color">this is a test</span></p>
+			<!-- /wp:paragraph -->`,
+		} );
+
+		expect( getEditorHtml() ).toMatchSnapshot();
+	} );
 } );