@wordpress/editor 12.17.1-next.4d3b314fd5.0 → 12.18.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 12.18.0 (2022-10-05)
+
 ## 12.17.0 (2022-09-21)
 
 ## 12.16.0 (2022-09-13)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "12.17.1-next.4d3b314fd5.0",
+	"version": "12.18.0",
 	"description": "Enhanced block editor for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,32 +31,32 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.18.1-next.4d3b314fd5.0",
-		"@wordpress/api-fetch": "^6.15.1-next.4d3b314fd5.0",
-		"@wordpress/blob": "^3.18.1-next.4d3b314fd5.0",
-		"@wordpress/block-editor": "^10.1.1-next.4d3b314fd5.0",
-		"@wordpress/blocks": "^11.18.1-next.4d3b314fd5.0",
-		"@wordpress/components": "^21.1.2-next.4d3b314fd5.0",
-		"@wordpress/compose": "^5.16.1-next.4d3b314fd5.0",
-		"@wordpress/core-data": "^5.1.1-next.4d3b314fd5.0",
-		"@wordpress/data": "^7.2.1-next.4d3b314fd5.0",
-		"@wordpress/date": "^4.18.1-next.4d3b314fd5.0",
-		"@wordpress/deprecated": "^3.18.1-next.4d3b314fd5.0",
-		"@wordpress/element": "^4.16.1-next.4d3b314fd5.0",
-		"@wordpress/hooks": "^3.18.1-next.4d3b314fd5.0",
-		"@wordpress/html-entities": "^3.18.1-next.4d3b314fd5.0",
-		"@wordpress/i18n": "^4.18.1-next.4d3b314fd5.0",
-		"@wordpress/icons": "^9.9.1-next.4d3b314fd5.0",
-		"@wordpress/keyboard-shortcuts": "^3.16.1-next.4d3b314fd5.0",
-		"@wordpress/keycodes": "^3.18.1-next.4d3b314fd5.0",
-		"@wordpress/media-utils": "^4.9.1-next.4d3b314fd5.0",
-		"@wordpress/notices": "^3.18.1-next.4d3b314fd5.0",
-		"@wordpress/preferences": "^2.10.1-next.4d3b314fd5.0",
-		"@wordpress/reusable-blocks": "^3.16.1-next.4d3b314fd5.0",
-		"@wordpress/rich-text": "^5.16.1-next.4d3b314fd5.0",
-		"@wordpress/server-side-render": "^3.16.1-next.4d3b314fd5.0",
-		"@wordpress/url": "^3.19.1-next.4d3b314fd5.0",
-		"@wordpress/wordcount": "^3.18.1-next.4d3b314fd5.0",
+		"@wordpress/a11y": "^3.19.0",
+		"@wordpress/api-fetch": "^6.16.0",
+		"@wordpress/blob": "^3.19.0",
+		"@wordpress/block-editor": "^10.2.0",
+		"@wordpress/blocks": "^11.18.0",
+		"@wordpress/components": "^21.2.0",
+		"@wordpress/compose": "^5.17.0",
+		"@wordpress/core-data": "^5.2.0",
+		"@wordpress/data": "^7.3.0",
+		"@wordpress/date": "^4.19.0",
+		"@wordpress/deprecated": "^3.19.0",
+		"@wordpress/element": "^4.17.0",
+		"@wordpress/hooks": "^3.19.0",
+		"@wordpress/html-entities": "^3.19.0",
+		"@wordpress/i18n": "^4.19.0",
+		"@wordpress/icons": "^9.10.0",
+		"@wordpress/keyboard-shortcuts": "^3.17.0",
+		"@wordpress/keycodes": "^3.19.0",
+		"@wordpress/media-utils": "^4.10.0",
+		"@wordpress/notices": "^3.19.0",
+		"@wordpress/preferences": "^2.11.0",
+		"@wordpress/reusable-blocks": "^3.17.0",
+		"@wordpress/rich-text": "^5.17.0",
+		"@wordpress/server-side-render": "^3.17.0",
+		"@wordpress/url": "^3.20.0",
+		"@wordpress/wordcount": "^3.19.0",
 		"classnames": "^2.3.1",
 		"lodash": "^4.17.21",
 		"memize": "^1.1.0",
@@ -71,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "25054766423cb49d959eb656c2533530073ff5c2"
+	"gitHead": "8d42d2febb7d0ba8372a33e560a62f5a5f6a9112"
 }

package/src/components/autosave-monitor/test/index.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { shallow } from 'enzyme';
+import { render } from '@testing-library/react';
 
 /**
  * Internal dependencies
@@ -9,7 +9,6 @@ import { shallow } from 'enzyme';
 import { AutosaveMonitor } from '../';
 
 describe( 'AutosaveMonitor', () => {
-	let wrapper;
 	let setAutosaveTimerSpy;
 	beforeEach( () => {
 		jest.useFakeTimers( 'legacy' );
@@ -17,9 +16,6 @@ describe( 'AutosaveMonitor', () => {
 			AutosaveMonitor.prototype,
 			'setAutosaveTimer'
 		);
-		wrapper = shallow( <AutosaveMonitor isDirty />, {
-			lifecycleExperimental: true,
-		} );
 	} );
 
 	afterEach( () => {
@@ -29,128 +25,167 @@ describe( 'AutosaveMonitor', () => {
 		setAutosaveTimerSpy.mockClear();
 	} );
 
+	it( 'should render nothing', () => {
+		const { container } = render( <AutosaveMonitor isDirty /> );
+
+		expect( container ).toBeEmptyDOMElement();
+	} );
+
 	it( 'should start autosave timer after being mounted', () => {
+		render( <AutosaveMonitor isDirty /> );
+
 		expect( setAutosaveTimerSpy ).toHaveBeenCalled();
 	} );
 
 	it( 'should clear the autosave timer after being unmounted', () => {
-		wrapper.unmount();
+		const { rerender } = render( <AutosaveMonitor isDirty /> );
+
+		rerender( <div /> );
+
+		expect( clearTimeout ).toHaveBeenCalled();
+	} );
+
+	it( 'should clear and restart autosave timer when the interval changes', () => {
+		const { rerender } = render( <AutosaveMonitor isDirty /> );
+
+		rerender( <AutosaveMonitor isDirty interval={ 999 } /> );
+
 		expect( clearTimeout ).toHaveBeenCalled();
+		expect( setAutosaveTimerSpy ).toHaveBeenCalledTimes( 2 );
 	} );
 
-	describe( '#componentDidUpdate()', () => {
-		it( 'should clear and restart autosave timer when the interval changes', () => {
-			wrapper.setProps( { interval: 999 } );
-			expect( clearTimeout ).toHaveBeenCalled();
-			expect( setAutosaveTimerSpy ).toHaveBeenCalledTimes( 2 );
-		} );
-
-		it( 'should set needsAutosave=true when editReference changes', () => {
-			expect( wrapper.instance().needsAutosave ).toBe( false );
-			wrapper.setProps( {
-				editsReference: [],
-			} );
-			expect( wrapper.instance().needsAutosave ).toBe( true );
-		} );
-
-		it( 'should set needsAutosave=true when editReference changes and the post becomes dirty', () => {
-			expect( wrapper.instance().needsAutosave ).toBe( false );
-			wrapper.setProps( {
-				isDirty: true,
-				editsReference: [],
-			} );
-			expect( wrapper.instance().needsAutosave ).toBe( true );
-		} );
-
-		it( 'should not set needsAutosave=true when editReference changes and the post is not dirty anymore', () => {
-			expect( wrapper.instance().needsAutosave ).toBe( false );
-			wrapper.setProps( {
-				isDirty: true,
-				editsReference: [],
-			} );
-			wrapper.setProps( {
-				isDirty: false,
-				editsReference: [],
-			} );
-			expect( wrapper.instance().needsAutosave ).toBe( false );
-		} );
-
-		it( 'should set needsAutosave=true when editReference changes and the post is not autosaving', () => {
-			expect( wrapper.instance().needsAutosave ).toBe( false );
-			wrapper.setProps( {
-				isAutosaving: false,
-				editsReference: [],
-			} );
-			expect( wrapper.instance().needsAutosave ).toBe( true );
-		} );
-
-		it( 'should not set needsAutosave=true when editReference changes and the post started autosaving', () => {
-			expect( wrapper.instance().needsAutosave ).toBe( false );
-			wrapper.setProps( {
-				isAutosaving: false,
-				editsReference: [],
-			} );
-			wrapper.setProps( {
-				isAutosaving: true,
-				editsReference: [],
-			} );
-			expect( wrapper.instance().needsAutosave ).toBe( false );
-		} );
+	it( 'should autosave when `editReference` changes', () => {
+		const autosave = jest.fn();
+		const { rerender } = render(
+			<AutosaveMonitor isDirty isAutosaveable autosave={ autosave } />
+		);
+
+		expect( autosave ).not.toHaveBeenCalled();
+
+		rerender(
+			<AutosaveMonitor
+				isDirty
+				isAutosaveable
+				autosave={ autosave }
+				editsReference={ [] }
+			/>
+		);
+
+		jest.runOnlyPendingTimers();
+
+		expect( autosave ).toHaveBeenCalledTimes( 1 );
 	} );
 
-	describe( '#autosaveTimerHandler()', () => {
-		it( 'should schedule itself in another {interval} ms', () => {
-			wrapper.setProps( {
-				isAutosaveable: true,
-				interval: 5,
-			} );
-			expect( setAutosaveTimerSpy ).toHaveBeenCalledTimes( 2 );
-			wrapper.instance().autosaveTimerHandler();
-			expect( setAutosaveTimerSpy ).toHaveBeenCalledTimes( 3 );
-			expect( setTimeout ).lastCalledWith( expect.any( Function ), 5000 );
-		} );
-
-		it( 'should schedule itself in 1000 ms if the post is not autosaveable at a time', () => {
-			wrapper.setProps( {
-				isAutosaveable: false,
-				interval: 5,
-			} );
-			expect( setAutosaveTimerSpy ).toHaveBeenCalledTimes( 2 );
-			wrapper.instance().autosaveTimerHandler();
-			expect( setAutosaveTimerSpy ).toHaveBeenCalledTimes( 3 );
-			expect( setTimeout ).lastCalledWith( expect.any( Function ), 1000 );
-		} );
-
-		it( 'should call autosave if needsAutosave=true', () => {
-			const autosave = jest.fn();
-			wrapper.setProps( {
-				isAutosaveable: true,
-				interval: 5,
-				autosave,
-			} );
-			wrapper.instance().needsAutosave = true;
-			expect( autosave ).toHaveBeenCalledTimes( 0 );
-			wrapper.instance().autosaveTimerHandler();
-			expect( autosave ).toHaveBeenCalledTimes( 1 );
-		} );
-
-		it( 'should not call autosave if needsAutosave is not true', () => {
-			const autosave = jest.fn();
-			wrapper.setProps( {
-				isAutosaveable: true,
-				interval: 5,
-				autosave,
-			} );
-			wrapper.instance().needsAutosave = false;
-			expect( autosave ).toHaveBeenCalledTimes( 0 );
-			wrapper.instance().autosaveTimerHandler();
-			expect( autosave ).toHaveBeenCalledTimes( 0 );
-		} );
+	it( 'should autosave when `editReference` changes and the post becomes dirty', () => {
+		const autosave = jest.fn();
+		const { rerender } = render(
+			<AutosaveMonitor isAutosaveable autosave={ autosave } />
+		);
+
+		expect( autosave ).not.toHaveBeenCalled();
+
+		rerender(
+			<AutosaveMonitor
+				isDirty
+				isAutosaveable
+				autosave={ autosave }
+				editsReference={ [] }
+			/>
+		);
+
+		jest.runOnlyPendingTimers();
+
+		expect( autosave ).toHaveBeenCalledTimes( 1 );
 	} );
 
-	describe( '#render()', () => {
-		it( 'should render nothing', () => {
-			expect( wrapper.type() ).toBe( null );
-		} );
+	it( 'should not autosave when `editReference` changes and the post is not dirty anymore', () => {
+		const autosave = jest.fn();
+		const { rerender } = render(
+			<AutosaveMonitor isDirty isAutosaveable autosave={ autosave } />
+		);
+
+		expect( autosave ).not.toHaveBeenCalled();
+
+		rerender(
+			<AutosaveMonitor
+				isAutosaveable
+				autosave={ autosave }
+				editsReference={ [] }
+			/>
+		);
+
+		jest.runOnlyPendingTimers();
+
+		expect( autosave ).not.toHaveBeenCalled();
+	} );
+
+	it( 'should not autosave when `editReference` changes and the post is not autosaving', () => {
+		const autosave = jest.fn();
+		const { rerender } = render(
+			<AutosaveMonitor isAutosaveable autosave={ autosave } />
+		);
+
+		expect( autosave ).not.toHaveBeenCalled();
+
+		rerender(
+			<AutosaveMonitor
+				isAutosaveable
+				autosave={ autosave }
+				isAutosaving={ false }
+				editsReference={ [] }
+			/>
+		);
+
+		jest.runOnlyPendingTimers();
+
+		expect( autosave ).not.toHaveBeenCalled();
+	} );
+
+	it( 'should not autosave when `editReference` changes and the post started autosaving', () => {
+		const autosave = jest.fn();
+		const { rerender } = render(
+			<AutosaveMonitor
+				isAutosaveable
+				autosave={ autosave }
+				isAutosaving={ false }
+			/>
+		);
+
+		expect( autosave ).not.toHaveBeenCalled();
+
+		rerender(
+			<AutosaveMonitor
+				isAutosaveable
+				autosave={ autosave }
+				isAutosaving
+				editsReference={ [] }
+			/>
+		);
+
+		jest.runOnlyPendingTimers();
+
+		expect( autosave ).not.toHaveBeenCalled();
+	} );
+
+	it( 'should schedule itself in another {interval} ms', () => {
+		const { rerender } = render( <AutosaveMonitor isDirty /> );
+
+		rerender( <AutosaveMonitor isDirty isAutosaveable interval={ 5 } /> );
+
+		jest.runOnlyPendingTimers();
+
+		expect( setTimeout ).lastCalledWith( expect.any( Function ), 5000 );
+	} );
+
+	it( 'should schedule itself in 1000 ms if the post is not autosaveable at a time', () => {
+		const { rerender } = render( <AutosaveMonitor isDirty /> );
+
+		rerender(
+			<AutosaveMonitor isDirty isAutosaveable={ false } interval={ 5 } />
+		);
+
+		jest.runOnlyPendingTimers();
+
+		expect( setTimeout ).lastCalledWith( expect.any( Function ), 1000 );
 	} );
 } );