@wordpress/element 4.17.0 → 4.19.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 4.19.0 (2022-11-02)
+
+## 4.18.0 (2022-10-19)
+
 ## 4.17.0 (2022-10-05)
 
 ## 4.16.0 (2022-09-21)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/element",
-	"version": "4.17.0",
+	"version": "4.19.0",
 	"description": "Element React module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,7 +31,7 @@
 		"@babel/runtime": "^7.16.0",
 		"@types/react": "^17.0.37",
 		"@types/react-dom": "^17.0.11",
-		"@wordpress/escape-html": "^2.19.0",
+		"@wordpress/escape-html": "^2.21.0",
 		"change-case": "^4.1.2",
 		"is-plain-object": "^5.0.0",
 		"react": "^17.0.2",
@@ -40,5 +40,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8d42d2febb7d0ba8372a33e560a62f5a5f6a9112"
+	"gitHead": "511f4cc1f0138641bc4394bc1cf36e833109c791"
 }

package/src/test/create-interpolate-element.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import TestRenderer, { act } from 'react-test-renderer';
+import { render } from '@testing-library/react';
 
 /**
  * Internal dependencies
@@ -207,19 +207,17 @@ describe( 'createInterpolateElement', () => {
 				</div>
 			);
 		};
-		let renderer;
-		act( () => {
-			renderer = TestRenderer.create(
-				<TestComponent switchKey={ true } />
-			);
-		} );
-		expect( () => renderer.root.findByType( 'em' ) ).not.toThrow();
-		expect( () => renderer.root.findByType( 'strong' ) ).toThrow();
-		act( () => {
-			renderer.update( <TestComponent switchKey={ false } /> );
-		} );
-		expect( () => renderer.root.findByType( 'strong' ) ).not.toThrow();
-		expect( () => renderer.root.findByType( 'em' ) ).toThrow();
+		const { container, rerender } = render( <TestComponent switchKey /> );
+
+		expect( container.firstChild ).toContainHTML( '<em>string!</em>' );
+		expect( container.firstChild ).not.toContainHTML( '<strong>' );
+
+		rerender( <TestComponent switchKey={ false } /> );
+
+		expect( container.firstChild ).toContainHTML(
+			'<strong>string!</strong>'
+		);
+		expect( container.firstChild ).not.toContainHTML( '<em>' );
 	} );
 	it( 'handles parsing emojii correctly', () => {
 		const testString = '👳‍♀️<icon>🚨🤷‍♂️⛈️fully</icon> here';

package/src/test/index.js

@@ -1,3 +1,5 @@
+/* eslint-disable testing-library/render-result-naming-convention */
+
 /**
  * Internal dependencies
  */
@@ -127,3 +129,5 @@ describe( 'element', () => {
 		} );
 	} );
 } );
+
+/* eslint-enable testing-library/render-result-naming-convention */

package/src/test/serialize.js

@@ -1,3 +1,5 @@
+/* eslint-disable testing-library/render-result-naming-convention */
+
 /**
  * Internal dependencies
  */
@@ -717,3 +719,5 @@ describe( 'renderStyle()', () => {
 		} );
 	} );
 } );
+
+/* eslint-enable testing-library/render-result-naming-convention */