From 6214193f73803b3f83cb70aa2de1baddddfc3809 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <tyxla@abv.bg>
Date: Fri, 2 Sep 2022 16:01:48 +0300
Subject: [PATCH] Block Editor: Refactor BlockView tests to
 @testing-library/react

---
 .../test/__snapshots__/block-view.js.snap     | 54 ++++++++++---------
 .../block-compare/test/block-view.js          |  6 +--
 2 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/packages/block-editor/src/components/block-compare/test/__snapshots__/block-view.js.snap b/packages/block-editor/src/components/block-compare/test/__snapshots__/block-view.js.snap
index 46d61bf580fa2..f8abe9753c031 100644
--- a/packages/block-editor/src/components/block-compare/test/__snapshots__/block-view.js.snap
+++ b/packages/block-editor/src/components/block-compare/test/__snapshots__/block-view.js.snap
@@ -1,40 +1,42 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`BlockView should match snapshot 1`] = `
-<div
-  className="class"
->
+<div>
   <div
-    className="block-editor-block-compare__content"
+    class="class"
   >
-    <h2
-      className="block-editor-block-compare__heading"
-    >
-      title
-    </h2>
     <div
-      className="block-editor-block-compare__html"
+      class="block-editor-block-compare__content"
     >
-      raw
+      <h2
+        class="block-editor-block-compare__heading"
+      >
+        title
+      </h2>
+      <div
+        class="block-editor-block-compare__html"
+      >
+        raw
+      </div>
+      <div
+        class="block-editor-block-compare__preview edit-post-visual-editor"
+      >
+        <div>
+          render
+        </div>
+      </div>
     </div>
     <div
-      className="block-editor-block-compare__preview edit-post-visual-editor"
+      class="block-editor-block-compare__action"
     >
-      <RawHTML>
-        render
-      </RawHTML>
+      <button
+        class="components-button is-secondary"
+        tabindex="0"
+        type="button"
+      >
+        action
+      </button>
     </div>
   </div>
-  <div
-    className="block-editor-block-compare__action"
-  >
-    <ForwardRef(Button)
-      onClick={[Function]}
-      tabIndex="0"
-      variant="secondary"
-    >
-      action
-    </ForwardRef(Button)>
-  </div>
 </div>
 `;
diff --git a/packages/block-editor/src/components/block-compare/test/block-view.js b/packages/block-editor/src/components/block-compare/test/block-view.js
index 04b3f34ffd1fe..3edd3b6cddad2 100644
--- a/packages/block-editor/src/components/block-compare/test/block-view.js
+++ b/packages/block-editor/src/components/block-compare/test/block-view.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { shallow } from 'enzyme';
+import { render } from '@testing-library/react';
 
 /**
  * Internal dependencies
@@ -12,7 +12,7 @@ const noop = () => {};
 
 describe( 'BlockView', () => {
 	test( 'should match snapshot', () => {
-		const wrapper = shallow(
+		const { container } = render(
 			<BlockView
 				title="title"
 				rawContent="raw"
@@ -23,6 +23,6 @@ describe( 'BlockView', () => {
 			/>
 		);
 
-		expect( wrapper ).toMatchSnapshot();
+		expect( container ).toMatchSnapshot();
 	} );
 } );