@wordpress/block-editor 17.0.2-next.v.202608281122.0 → 17.1.0

package/src/layouts/test/{grid.jsx → grid.jsdom.test.jsx}

@@ -1,17 +1,20 @@
+import { describe, expect, it, vi } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import { __experimentalToolsPanel as ToolsPanel } from '@wordpress/components';
 import grid from '../grid';
 
+globalThis.wpVitest.mockMatchMedia();
+
 const GridLayoutInspectorControls = grid.inspectorControls;
 const PANEL_ID = 'test-panel';
 
 function renderInspectorControls( props = {} ) {
 	return render(
-		<ToolsPanel label="Layout" resetAll={ jest.fn() } panelId={ PANEL_ID }>
+		<ToolsPanel label="Layout" resetAll={ vi.fn() } panelId={ PANEL_ID }>
 			<GridLayoutInspectorControls
 				clientId={ PANEL_ID }
 				layout={ {} }
-				onChange={ jest.fn() }
+				onChange={ vi.fn() }
 				{ ...props }
 			/>
 		</ToolsPanel>

package/src/layouts/test/utils.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { appendSelectors, getBlockGapCSS } from '../utils';
 
 const layoutDefinitions = {

package/src/store/actions.js

@@ -18,7 +18,6 @@ import { __, _n, sprintf } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { create, insert, remove, toHTMLString } from '@wordpress/rich-text';
 import deprecated from '@wordpress/deprecated';
-import { store as preferencesStore } from '@wordpress/preferences';
 import {
 	retrieveSelectedAttribute,
 	findRichTextAttributeKey,
@@ -1821,21 +1820,24 @@ export const __unstableMarkAutomaticChange =
 	};
 
 /**
- * Action that sets the editor mode
+ * Action that used to set the editor mode (Write/Design tool).
  *
- * @param {string} mode Editor mode
+ * @deprecated
+ *
+ * @return {Object} Action object.
  */
-export const __unstableSetEditorMode =
-	( mode ) =>
-	( { registry } ) => {
-		registry.dispatch( preferencesStore ).set( 'core', 'editorTool', mode );
-
-		if ( mode === 'navigation' ) {
-			speak( __( 'You are currently in Write mode.' ) );
-		} else if ( mode === 'edit' ) {
-			speak( __( 'You are currently in Design mode.' ) );
+export function __unstableSetEditorMode() {
+	deprecated(
+		'wp.data.dispatch( "core/block-editor" ).__unstableSetEditorMode',
+		{
+			since: '7.2',
+			hint: 'The Write/Design editor tool has been removed.',
 		}
+	);
+	return {
+		type: 'DO_NOTHING',
 	};
+}
 
 /**
  * Set the block moving client ID.

package/src/store/test/{actions.js → actions.jsdom.test.js}

@@ -1,3 +1,4 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import deepFreeze from 'deep-freeze';
 import { createRegistry } from '@wordpress/data';
 import {
@@ -60,7 +61,7 @@ describe( 'actions', () => {
 
 	describe( 'resetBlocks', () => {
 		it( 'should dispatch the RESET_BLOCKS action', () => {
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 			const blocks = [];
 			resetBlocks( blocks )( { dispatch } );
 			expect( dispatch ).toHaveBeenCalledWith( {
@@ -166,7 +167,7 @@ describe( 'actions', () => {
 					return [];
 				},
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			multiSelect( start, end )( { select, dispatch } );
 
@@ -196,7 +197,7 @@ describe( 'actions', () => {
 					return 0;
 				},
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			multiSelect( start, end )( { select, dispatch } );
 
@@ -226,8 +227,8 @@ describe( 'actions', () => {
 				canInsertBlockType: () => true,
 				getBlockCount: () => 1,
 			};
-			const dispatch = jest.fn();
-			dispatch.ensureDefaultBlock = jest.fn();
+			const dispatch = vi.fn();
+			dispatch.ensureDefaultBlock = vi.fn();
 			const registry = createRegistry();
 
 			replaceBlock( 'chicken', block )( { select, dispatch, registry } );
@@ -269,7 +270,7 @@ describe( 'actions', () => {
 					}
 				},
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			replaceBlocks( [ 'chicken' ], blocks )( { select, dispatch } );
 
@@ -295,8 +296,8 @@ describe( 'actions', () => {
 				canInsertBlockType: () => true,
 				getBlockCount: () => 1,
 			};
-			const dispatch = jest.fn();
-			dispatch.ensureDefaultBlock = jest.fn();
+			const dispatch = vi.fn();
+			dispatch.ensureDefaultBlock = vi.fn();
 			const registry = createRegistry();
 
 			replaceBlocks(
@@ -334,8 +335,8 @@ describe( 'actions', () => {
 				canInsertBlockType: () => true,
 				getBlockCount: () => 1,
 			};
-			const dispatch = jest.fn();
-			dispatch.ensureDefaultBlock = jest.fn();
+			const dispatch = vi.fn();
+			dispatch.ensureDefaultBlock = vi.fn();
 			const registry = createRegistry();
 
 			replaceBlocks(
@@ -371,7 +372,7 @@ describe( 'actions', () => {
 				getSelectedBlockClientId: () => null,
 				canInsertBlockType: () => true,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			insertBlock(
 				block,
@@ -412,7 +413,7 @@ describe( 'actions', () => {
 				getSelectedBlockClientId: () => null,
 				canInsertBlockType: () => true,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			insertBlocks(
 				[ containerBlock ],
@@ -461,8 +462,8 @@ describe( 'actions', () => {
 				getSelectedBlockClientId: () => containerBlock.clientId,
 				canInsertBlockType: () => true,
 			};
-			const dispatch = jest.fn();
-			dispatch.selectBlock = jest.fn();
+			const dispatch = vi.fn();
+			dispatch.selectBlock = vi.fn();
 
 			insertBlocks(
 				[ containerBlock ],
@@ -498,7 +499,7 @@ describe( 'actions', () => {
 				getSelectedBlockClientId: () => null,
 				canInsertBlockType: () => true,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			insertBlocks(
 				[ containerBlock ],
@@ -531,7 +532,7 @@ describe( 'actions', () => {
 				getSelectedBlockClientId: () => null,
 				canInsertBlockType: () => true,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			insertBlocks(
 				[ containerBlock ],
@@ -597,7 +598,7 @@ describe( 'actions', () => {
 					}
 				},
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			insertBlocks(
 				blocks,
@@ -633,7 +634,7 @@ describe( 'actions', () => {
 				getSelectedBlockClientId: () => null,
 				canInsertBlockType: () => false,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			insertBlocks(
 				blocks,
@@ -677,7 +678,7 @@ describe( 'actions', () => {
 					}
 				},
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			insertBlocks(
 				blocks,
@@ -719,8 +720,8 @@ describe( 'actions', () => {
 				canRemoveBlocks: () => true,
 				getBlockRemovalRules: () => false,
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				selectPreviousBlock: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				selectPreviousBlock: vi.fn(),
 			} );
 			const registry = createRegistry();
 
@@ -743,7 +744,7 @@ describe( 'actions', () => {
 			const select = {
 				canMoveBlocks: () => false,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			moveBlocksToPosition(
 				[ 'chicken' ],
@@ -761,7 +762,7 @@ describe( 'actions', () => {
 				canRemoveBlocks: () => true,
 				canInsertBlocks: () => true,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			moveBlocksToPosition(
 				[ 'chicken' ],
@@ -785,7 +786,7 @@ describe( 'actions', () => {
 				canRemoveBlocks: () => true,
 				canInsertBlocks: () => false,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			moveBlocksToPosition(
 				[ 'chicken' ],
@@ -803,7 +804,7 @@ describe( 'actions', () => {
 			const select = {
 				canMoveBlocks: () => true,
 			};
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 
 			moveBlocksToPosition(
 				'chicken',
@@ -832,8 +833,8 @@ describe( 'actions', () => {
 				canRemoveBlocks: () => true,
 				getBlockRemovalRules: () => false,
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				selectPreviousBlock: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				selectPreviousBlock: vi.fn(),
 			} );
 			const registry = createRegistry();
 			removeBlock( clientId )( { select, dispatch, registry } );
@@ -858,8 +859,8 @@ describe( 'actions', () => {
 				canRemoveBlocks: () => true,
 				getBlockRemovalRules: () => false,
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				selectPreviousBlock: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				selectPreviousBlock: vi.fn(),
 			} );
 
 			const registry = createRegistry();
@@ -1047,9 +1048,9 @@ describe( 'actions', () => {
 				getBlockEditingMode: () => 'default',
 				isBlockSelected: () => false,
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				selectBlock: jest.fn(),
-				removeBlock: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				selectBlock: vi.fn(),
+				removeBlock: vi.fn(),
 			} );
 
 			mergeBlocks(
@@ -1101,9 +1102,9 @@ describe( 'actions', () => {
 				} ),
 				getBlockEditingMode: () => 'default',
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				replaceBlocks: jest.fn(),
-				selectionChange: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				replaceBlocks: vi.fn(),
+				selectionChange: vi.fn(),
 			} );
 
 			mergeBlocks(
@@ -1173,8 +1174,8 @@ describe( 'actions', () => {
 				} ),
 				getBlockEditingMode: () => 'default',
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				replaceBlocks: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				replaceBlocks: vi.fn(),
 			} );
 
 			mergeBlocks(
@@ -1252,9 +1253,9 @@ describe( 'actions', () => {
 				} ),
 				getBlockEditingMode: () => 'default',
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				replaceBlocks: jest.fn(),
-				selectionChange: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				replaceBlocks: vi.fn(),
+				selectionChange: vi.fn(),
 			} );
 
 			mergeBlocks(
@@ -1328,9 +1329,9 @@ describe( 'actions', () => {
 				} ),
 				getBlockEditingMode: ( clientId ) => modes[ clientId ],
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				replaceBlocks: jest.fn(),
-				selectionChange: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				replaceBlocks: vi.fn(),
+				selectionChange: vi.fn(),
 			} );
 
 			mergeBlocks(
@@ -1388,9 +1389,9 @@ describe( 'actions', () => {
 				} ),
 				getBlockEditingMode: ( clientId ) => modes[ clientId ],
 			};
-			const dispatch = Object.assign( jest.fn(), {
-				replaceBlocks: jest.fn(),
-				selectionChange: jest.fn(),
+			const dispatch = Object.assign( vi.fn(), {
+				replaceBlocks: vi.fn(),
+				selectionChange: vi.fn(),
 			} );
 
 			mergeBlocks(
@@ -1479,9 +1480,9 @@ describe( 'actions', () => {
 
 	describe( 'updateSettings', () => {
 		it( 'warns when setting the deprecated __unstableIsPreviewMode property and sets the stable property instead', () => {
-			const consoleWarn = jest
+			const consoleWarn = vi
 				.spyOn( global.console, 'warn' )
-				.mockImplementation();
+				.mockImplementation( () => {} );
 
 			const store = createRegistry().registerStore(
 				blockEditorStoreName,
@@ -1604,7 +1605,7 @@ describe( 'actions', () => {
 			const inserterMediaCategories = [
 				{ name: 'a', labels: { name: 'a' } },
 			];
-			const dispatch = jest.fn();
+			const dispatch = vi.fn();
 			registerInserterMediaCategory( category )( {
 				select: {
 					getRegisteredInserterMediaCategories: () =>

package/src/store/test/array.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { insertAt, moveTo } from '../array';
 
 describe( 'array', () => {

package/src/store/test/get-block-settings.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { addFilter, removeFilter } from '@wordpress/hooks';
 import { getBlockSettings } from '../get-block-settings';
 

package/src/store/test/performance.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import reducer from '../reducer';
 
 describe( 'performance', () => {
@@ -19,7 +20,7 @@ describe( 'performance', () => {
 			blocks,
 		} );
 		expect( preparedState ).toBeDefined();
-	} );
+	}, 60_000 );
 
 	it( 'should update blocks', () => {
 		const updatedState = reducer( preparedState, {

package/src/store/test/private-actions.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import {
 	hideBlockInterface,
 	showBlockInterface,

package/src/store/test/private-selectors.js

@@ -1,3 +1,13 @@
+import {
+	afterAll,
+	afterEach,
+	beforeAll,
+	beforeEach,
+	describe,
+	expect,
+	it,
+	vi,
+} from 'vitest';
 import {
 	registerBlockType,
 	unregisterBlockType,
@@ -430,10 +440,10 @@ describe( 'private selectors', () => {
 			derivedBlockEditingModes: new Map(),
 		};
 
-		const hasContentRoleAttribute = jest.fn( () => false );
-		const get = jest.fn( () => 'edit' );
+		const hasContentRoleAttribute = vi.fn( () => false );
+		const get = vi.fn( () => 'edit' );
 		getBlockEditingMode.registry = {
-			select: jest.fn( () => ( {
+			select: vi.fn( () => ( {
 				hasContentRoleAttribute,
 				get,
 			} ) ),

package/src/store/test/reducer.js

@@ -1,3 +1,12 @@
+import {
+	afterAll,
+	beforeAll,
+	beforeEach,
+	describe,
+	expect,
+	it,
+	vi,
+} from 'vitest';
 import deepFreeze from 'deep-freeze';
 import {
 	registerBlockType,
@@ -40,18 +49,38 @@ import { sectionRootClientIdKey, isIsolatedEditorKey } from '.././private-keys';
 
 const { isContentBlock } = unlock( privateApis );
 
-jest.mock( '@wordpress/data/src/select', () => {
-	const actualSelect = jest.requireActual( '@wordpress/data/src/select' );
+const { mockIsContentBlock } = vi.hoisted( () => ( {
+	mockIsContentBlock: vi.fn(),
+} ) );
+
+vi.mock( import( '@wordpress/data' ), async ( importOriginal ) => {
+	const actualData = await importOriginal();
 
 	return {
-		select: jest.fn( ( ...args ) => actualSelect.select( ...args ) ),
+		...actualData,
+		select: vi.fn( ( ...args ) => actualData.select( ...args ) ),
 	};
 } );
 
-jest.mock( '@wordpress/blocks/src/api/utils', () => {
+vi.mock( import( '../../lock-unlock' ), async ( importOriginal ) => {
+	const actualLockUnlock = await importOriginal();
+
 	return {
-		...jest.requireActual( '@wordpress/blocks/src/api/utils' ),
-		isContentBlock: jest.fn(),
+		...actualLockUnlock,
+		unlock: ( value ) => {
+			const unlocked = actualLockUnlock.unlock( value );
+			if (
+				unlocked &&
+				typeof unlocked === 'object' &&
+				'isContentBlock' in unlocked
+			) {
+				return {
+					...unlocked,
+					isContentBlock: mockIsContentBlock,
+				};
+			}
+			return unlocked;
+		},
 	};
 } );
 
@@ -3445,9 +3474,9 @@ describe( 'state', () => {
 
 	describe( 'settings', () => {
 		it( 'should warn about __unstableIsPreviewMode deprecation', () => {
-			const consoleWarn = jest
+			const consoleWarn = vi
 				.spyOn( global.console, 'warn' )
-				.mockImplementation();
+				.mockImplementation( () => {} );
 
 			const settingsObject = settings( undefined, {
 				type: 'UPDATE_SETTINGS',

package/src/store/test/{registry-selectors.js → registry-selectors.jsdom.test.js}

@@ -1,3 +1,12 @@
+import {
+	afterAll,
+	afterEach,
+	beforeAll,
+	beforeEach,
+	describe,
+	expect,
+	it,
+} from 'vitest';
 import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
 import { select, dispatch } from '@wordpress/data';
 import { store } from '../';

package/src/store/test/{selectors.jsx → selectors.jsdom.test.jsx}

@@ -1,3 +1,13 @@
+import {
+	afterAll,
+	afterEach,
+	beforeAll,
+	beforeEach,
+	describe,
+	expect,
+	it,
+	vi,
+} from 'vitest';
 import {
 	registerBlockType,
 	unregisterBlockType,
@@ -5389,8 +5399,8 @@ describe( 'getBlockEditingMode', () => {
 		derivedBlockEditingModes: new Map(),
 	};
 
-	const hasContentRoleAttribute = jest.fn( () => false );
-	const get = jest.fn( () => 'edit' );
+	const hasContentRoleAttribute = vi.fn( () => false );
+	const get = vi.fn( () => 'edit' );
 
 	const mockedSelectors = { get };
 
@@ -5399,7 +5409,7 @@ describe( 'getBlockEditingMode', () => {
 	} );
 
 	getBlockEditingMode.registry = {
-		select: jest.fn( () => mockedSelectors ),
+		select: vi.fn( () => mockedSelectors ),
 	};
 
 	it( 'should return default by default', () => {

package/src/style.scss

@@ -59,7 +59,6 @@
 @use "./components/url-input/style.scss" as *;
 @use "./components/url-popover/style.scss" as *;
 @use "./hooks/background.scss" as *;
-@use "./hooks/block-fields/styles.scss" as *;
 @use "./hooks/block-hooks.scss" as *;
 @use "./hooks/block-bindings.scss" as *;
 @use "./hooks/border.scss" as *;
@@ -74,3 +73,4 @@
 @use "./components/inserter/style.scss" as *;
 @use "./components/spacing-sizes-control/style.scss" as *;
 @use "./components/block-visibility/style.scss" as *;
+@use "./components/writing-flow/style.scss" as *;

package/src/utils/test/block-bindings.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import {
 	getBlockBindingsContext,
 	hasPatternOverridesDefaultBinding,

package/src/utils/test/color-values.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import {
 	extractPresetSlug,
 	encodeColorValueWithPalette,