@wordpress/block-library 10.5.2-next.v.202608281122.0 → 11.0.0

package/src/more/index.js

@@ -1,14 +1,9 @@
 import { more as icon } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 import initBlock from '../utils/init-block';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
-import { unlock } from '../lock-unlock';
-
-const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -36,18 +31,4 @@ export const settings = {
 	save,
 };
 
-if ( window.__experimentalContentOnlyInspectorFields ) {
-	settings[ fieldsKey ] = [
-		{
-			id: 'customText',
-			label: __( 'Content' ),
-			type: 'text',
-			Edit: 'rich-text', // TODO: replace with custom component
-		},
-	];
-	settings[ formKey ] = {
-		fields: [ 'customText' ],
-	};
-}
-
 export const init = () => initBlock( { name, metadata, settings } );

package/src/navigation/constants.js

@@ -8,7 +8,7 @@ export const DEFAULT_BLOCK = {
 
 export const PRIORITIZED_INSERTER_BLOCKS = [
 	'core/navigation-link/page',
-	'core/navigation-link',
+	'core/navigation-link/custom-link',
 ];
 
 // These parameters must be kept aligned with those in

package/src/navigation/edit/test/are-blocks-dirty.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { areBlocksDirty } from '../are-blocks-dirty';
 
 describe( 'areBlocksDirty', () => {

package/src/navigation/edit/test/{layout-custom-properties.js → layout-custom-properties.jsdom.test.js}

@@ -1,19 +1,20 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { renderHook } from '@testing-library/react';
 import { useSettings, useStyleOverride } from '@wordpress/block-editor';
 import useLayoutCustomProperties from '../use-layout-custom-properties';
 
-const mockGetResponsiveMediaQueries = jest.fn();
+const mockGetResponsiveMediaQueries = vi.fn();
 
-jest.mock( '@wordpress/block-editor', () => ( {
-	useSettings: jest.fn(),
-	useStyleOverride: jest.fn(),
+vi.mock( import( '@wordpress/block-editor' ), () => ( {
+	useSettings: vi.fn(),
+	useStyleOverride: vi.fn(),
 } ) );
 
-jest.mock( '@wordpress/global-styles-engine', () => ( {
+vi.mock( import( '@wordpress/global-styles-engine' ), () => ( {
 	privateApis: {},
 } ) );
 
-jest.mock( '../../../lock-unlock', () => ( {
+vi.mock( import( '../../../lock-unlock' ), () => ( {
 	unlock: () => ( {
 		getResponsiveMediaQueries: ( ...args ) =>
 			mockGetResponsiveMediaQueries( ...args ),
@@ -22,7 +23,7 @@ jest.mock( '../../../lock-unlock', () => ( {
 
 describe( 'Navigation layout custom properties', () => {
 	beforeEach( () => {
-		jest.clearAllMocks();
+		vi.clearAllMocks();
 		useSettings.mockReturnValue( [ { mobile: 480, tablet: 782 } ] );
 		mockGetResponsiveMediaQueries.mockReturnValue( {
 			'@tablet': '@media (480px < width <= 782px)',

package/src/navigation/edit/test/{navigation-menu-selector.jsx → navigation-menu-selector.jsdom.test.jsx}

@@ -1,24 +1,21 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useEntityRecords } from '@wordpress/core-data';
 import NavigationMenuSelector from '../navigation-menu-selector';
 import useNavigationMenu from '../../use-navigation-menu';
 
-jest.mock( '../../use-navigation-menu', () => {
+vi.mock( import( '../../use-navigation-menu' ), () => {
 	// This allows us to tweak the returned value on each test.
-	const mock = jest.fn();
-	return mock;
+	const mock = vi.fn();
+	return { default: mock };
 } );
 
-jest.mock( '@wordpress/core-data', () => ( {
-	...jest.requireActual( '@wordpress/core-data' ),
-	useEntityRecords: jest.fn(),
+vi.mock( import( '@wordpress/core-data' ), async ( importOriginal ) => ( {
+	...( await importOriginal() ),
+	useEntityRecords: vi.fn(),
 } ) );
 
-useEntityRecords.mockReturnValue( {
-	records: [],
-} );
-
 const navigationMenu1 = {
 	id: 1,
 	title: {
@@ -63,6 +60,18 @@ const classicMenusFixture = [
 ];
 
 describe( 'NavigationMenuSelector', () => {
+	beforeEach( () => {
+		useNavigationMenu.mockReturnValue( {
+			navigationMenus: [],
+			hasResolvedNavigationMenus: true,
+			canUserCreateNavigationMenus: true,
+			canSwitchNavigationMenu: true,
+		} );
+		useEntityRecords.mockReturnValue( {
+			records: [],
+		} );
+	} );
+
 	describe( 'Toggle', () => {
 		it( 'should show dropdown toggle with loading message when menus have not resolved', async () => {
 			useNavigationMenu.mockReturnValue( {
@@ -213,7 +222,7 @@ describe( 'NavigationMenuSelector', () => {
 
 			it( 'should call handler callback and close popover when create menu button is clicked', async () => {
 				const user = userEvent.setup();
-				const handler = jest.fn();
+				const handler = vi.fn();
 
 				useNavigationMenu.mockReturnValue( {
 					navigationMenus: [],
@@ -240,7 +249,7 @@ describe( 'NavigationMenuSelector', () => {
 
 			it( 'should handle disabled state of the create menu button during the creation process', async () => {
 				const user = userEvent.setup();
-				const handler = jest.fn();
+				const handler = vi.fn();
 
 				// at the start we have the menus and we're not waiting on network
 				useNavigationMenu.mockReturnValue( {
@@ -440,7 +449,7 @@ describe( 'NavigationMenuSelector', () => {
 			it( 'should call the handler when the Navigation Menu is selected', async () => {
 				const user = userEvent.setup();
 
-				const handler = jest.fn();
+				const handler = vi.fn();
 
 				useNavigationMenu.mockReturnValue( {
 					navigationMenus: navigationMenusFixture,
@@ -547,7 +556,7 @@ describe( 'NavigationMenuSelector', () => {
 
 			it( 'should call the handler when the classic menu item is selected and disable all options during the import/creation process', async () => {
 				const user = userEvent.setup();
-				const handler = jest.fn( async () => {} );
+				const handler = vi.fn( async () => {} );
 
 				// initially we have the menus, and we're not waiting on network
 				useNavigationMenu.mockReturnValue( {

package/src/navigation/edit/test/{overlay-template-part-selector.jsx → overlay-template-part-selector.jsdom.test.jsx}

@@ -1,42 +1,45 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useEntityRecords } from '@wordpress/core-data';
-import { useDispatch } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import OverlayTemplatePartSelector from '../overlay-template-part-selector';
 import useCreateOverlayTemplatePart from '../use-create-overlay';
 
+globalThis.wpVitest.mockMatchMedia();
+
 // Mock useEntityRecords
-jest.mock( '@wordpress/core-data', () => ( {
-	useEntityRecords: jest.fn(),
+vi.mock( import( '@wordpress/core-data' ), () => ( {
+	useEntityRecords: vi.fn(),
 	store: {},
 } ) );
 
 // Mock useCreateOverlayTemplatePart hook
-jest.mock( '../use-create-overlay', () => ( {
+vi.mock( import( '../use-create-overlay' ), () => ( {
 	__esModule: true,
-	default: jest.fn(),
+	default: vi.fn(),
 } ) );
 
 // Mock useDispatch and useSelect specifically to avoid needing to set up full data store
-jest.mock( '@wordpress/data', () => ( {
-	useDispatch: jest.fn(),
-	useSelect: jest.fn(),
-	createSelector: jest.fn( ( fn ) => fn ),
-	createRegistrySelector: jest.fn( ( fn ) => fn ),
-	createReduxStore: jest.fn( () => ( {} ) ),
-	combineReducers: jest.fn( ( reducers ) => ( state = {}, action ) => {
+vi.mock( import( '@wordpress/data' ), () => ( {
+	useDispatch: vi.fn(),
+	useSelect: vi.fn(),
+	createSelector: vi.fn( ( fn ) => fn ),
+	createRegistrySelector: vi.fn( ( fn ) => fn ),
+	createReduxStore: vi.fn( () => ( {} ) ),
+	combineReducers: vi.fn( ( reducers ) => ( state = {}, action ) => {
 		const newState = {};
 		Object.keys( reducers ).forEach( ( key ) => {
 			newState[ key ] = reducers[ key ]( state[ key ], action );
 		} );
 		return newState;
 	} ),
-	register: jest.fn(),
-	keyedReducer: jest.fn( () => ( reducer ) => reducer ),
+	register: vi.fn(),
+	keyedReducer: vi.fn( () => ( reducer ) => reducer ),
 } ) );
 
-const mockSetAttributes = jest.fn();
-const mockOnNavigateToEntityRecord = jest.fn();
+const mockSetAttributes = vi.fn();
+const mockOnNavigateToEntityRecord = vi.fn();
 
 const defaultProps = {
 	overlay: undefined,
@@ -75,12 +78,11 @@ const templatePartOtherArea = {
 };
 
 describe( 'OverlayTemplatePartSelector', () => {
-	const mockCreateOverlayTemplatePart = jest.fn();
-	const mockCreateErrorNotice = jest.fn();
-	const { useSelect } = require( '@wordpress/data' );
+	const mockCreateOverlayTemplatePart = vi.fn();
+	const mockCreateErrorNotice = vi.fn();
 
 	beforeEach( () => {
-		jest.clearAllMocks();
+		vi.clearAllMocks();
 		useEntityRecords.mockReturnValue( {
 			records: [],
 			isResolving: false,

package/src/navigation/edit/test/{responsive-wrapper.jsx → responsive-wrapper.jsdom.test.jsx}

@@ -1,37 +1,38 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useSelect } from '@wordpress/data';
 import ResponsiveWrapper from '../responsive-wrapper';
 
 // Mock block-editor to avoid private API issues
-jest.mock( '@wordpress/block-editor', () => ( {
-	getColorClassName: jest.fn( () => '' ),
+vi.mock( import( '@wordpress/block-editor' ), () => ( {
+	getColorClassName: vi.fn( () => '' ),
 } ) );
 
 // Mock core-data store
-jest.mock( '@wordpress/core-data', () => ( {
+vi.mock( import( '@wordpress/core-data' ), () => ( {
 	store: {},
 } ) );
 
 // Mock useSelect
-jest.mock( '@wordpress/data', () => ( {
-	useSelect: jest.fn(),
-	createSelector: jest.fn( ( fn ) => fn ),
-	createRegistrySelector: jest.fn( ( fn ) => fn ),
-	createReduxStore: jest.fn( () => ( {} ) ),
-	combineReducers: jest.fn( ( reducers ) => ( state = {}, action ) => {
+vi.mock( import( '@wordpress/data' ), () => ( {
+	useSelect: vi.fn(),
+	createSelector: vi.fn( ( fn ) => fn ),
+	createRegistrySelector: vi.fn( ( fn ) => fn ),
+	createReduxStore: vi.fn( () => ( {} ) ),
+	combineReducers: vi.fn( ( reducers ) => ( state = {}, action ) => {
 		const newState = {};
 		Object.keys( reducers ).forEach( ( key ) => {
 			newState[ key ] = reducers[ key ]( state[ key ], action );
 		} );
 		return newState;
 	} ),
-	register: jest.fn(),
+	register: vi.fn(),
 } ) );
 
 describe( 'ResponsiveWrapper', () => {
-	const mockOnToggle = jest.fn();
-	const mockOnNavigateToEntityRecord = jest.fn();
+	const mockOnToggle = vi.fn();
+	const mockOnNavigateToEntityRecord = vi.fn();
 
 	const defaultProps = {
 		id: 'test-navigation',
@@ -49,7 +50,7 @@ describe( 'ResponsiveWrapper', () => {
 	};
 
 	beforeEach( () => {
-		jest.clearAllMocks();
+		vi.clearAllMocks();
 		// Mock useSelect - component calls: select( coreStore ).getCurrentTheme()?.stylesheet
 		useSelect.mockImplementation( ( selector ) => {
 			if ( typeof selector === 'function' ) {

package/src/navigation/edit/test/{use-create-overlay.js → use-create-overlay.jsdom.test.js}

@@ -1,27 +1,30 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { renderHook, act } from '@testing-library/react';
 import { useDispatch, useSelect } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { createBlock, parse, serialize } from '@wordpress/blocks';
 import useCreateOverlayTemplatePart from '../use-create-overlay';
 
 // Mock useDispatch and useSelect
-jest.mock( '@wordpress/data', () => ( {
-	useDispatch: jest.fn(),
-	useSelect: jest.fn(),
+vi.mock( import( '@wordpress/data' ), () => ( {
+	useDispatch: vi.fn(),
+	useSelect: vi.fn(),
 } ) );
 
 // Mock coreStore
-jest.mock( '@wordpress/core-data', () => ( {
+vi.mock( import( '@wordpress/core-data' ), () => ( {
 	store: {},
 } ) );
 
 // Mock blockEditorStore
-jest.mock( '@wordpress/block-editor', () => ( {
+vi.mock( import( '@wordpress/block-editor' ), () => ( {
 	store: {},
 } ) );
 
 // Mock @wordpress/blocks
-jest.mock( '@wordpress/blocks', () => ( {
-	serialize: jest.fn( ( blocks ) => JSON.stringify( blocks ) ),
-	parse: jest.fn( ( content ) => {
+vi.mock( import( '@wordpress/blocks' ), () => ( {
+	serialize: vi.fn( ( blocks ) => JSON.stringify( blocks ) ),
+	parse: vi.fn( ( content ) => {
 		// Return mock blocks when parsing pattern content
 		if ( content && typeof content === 'string' ) {
 			return [
@@ -34,7 +37,7 @@ jest.mock( '@wordpress/blocks', () => ( {
 		}
 		return [];
 	} ),
-	createBlock: jest.fn( ( name ) => ( {
+	createBlock: vi.fn( ( name ) => ( {
 		name,
 		attributes: {},
 		innerBlocks: [],
@@ -42,17 +45,17 @@ jest.mock( '@wordpress/blocks', () => ( {
 } ) );
 
 // Mock lock-unlock
-const mockUnlock = jest.fn();
-jest.mock( '../../../lock-unlock', () => ( {
+const mockUnlock = vi.fn();
+vi.mock( import( '../../../lock-unlock' ), () => ( {
 	unlock: ( select ) => mockUnlock( select ),
 } ) );
 
 describe( 'useCreateOverlayTemplatePart', () => {
-	const mockSaveEntityRecord = jest.fn();
-	const mockGetPatternBySlug = jest.fn();
+	const mockSaveEntityRecord = vi.fn();
+	const mockGetPatternBySlug = vi.fn();
 
 	beforeEach( () => {
-		jest.clearAllMocks();
+		vi.clearAllMocks();
 		useDispatch.mockReturnValue( {
 			saveEntityRecord: mockSaveEntityRecord,
 		} );
@@ -62,8 +65,8 @@ describe( 'useCreateOverlayTemplatePart', () => {
 		} );
 
 		useSelect.mockImplementation( ( selector ) => {
-			const mockSelect = jest.fn( ( store ) => {
-				if ( store === require( '@wordpress/block-editor' ).store ) {
+			const mockSelect = vi.fn( ( store ) => {
+				if ( store === blockEditorStore ) {
 					return {}; // Return mock block editor store
 				}
 				return {};
@@ -175,10 +178,6 @@ describe( 'useCreateOverlayTemplatePart', () => {
 
 		mockSaveEntityRecord.mockResolvedValue( createdOverlay );
 
-		// Import mocked functions
-		const blocksModule = require( '@wordpress/blocks' );
-		const { parse, serialize } = blocksModule;
-
 		const { result: createOverlayTemplatePart } = renderHook( () =>
 			useCreateOverlayTemplatePart( overlayTemplateParts )
 		);
@@ -213,10 +212,6 @@ describe( 'useCreateOverlayTemplatePart', () => {
 		mockSaveEntityRecord.mockResolvedValue( createdOverlay );
 		mockGetPatternBySlug.mockReturnValue( null );
 
-		// Import mocked functions
-		const blocksModule = require( '@wordpress/blocks' );
-		const { createBlock, serialize } = blocksModule;
-
 		const { result: createOverlayTemplatePart } = renderHook( () =>
 			useCreateOverlayTemplatePart( overlayTemplateParts )
 		);

package/src/navigation/edit/test/utils.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { getUniqueTemplatePartTitle, getCleanTemplatePartSlug } from '../utils';
 
 describe( 'getUniqueTemplatePartTitle', () => {

package/src/navigation/editor.scss

@@ -76,6 +76,15 @@
 	}
 }
 
+// The AccessibleMenuDescription component renders a visually-hidden element as
+// a DOM sibling of the navigation container. This breaks the :only-child selector
+// in style.scss that grants flex-grow: 1, causing space-between layout to have
+// no room to distribute items in the editor. Restore flex-grow via the
+// editor-only class that InnerBlocks adds to the container.
+.wp-block-navigation__container.block-editor-block-list__layout {
+	flex-grow: 1;
+}
+
 // IE fix for submenu visibility on parent focus.
 .is-editing > .wp-block-navigation__container {
 	visibility: visible;
@@ -720,3 +729,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-navigation__overlay-help-text-wrapper {
 	margin-top: $grid-unit-10;
 }
+
+.wp-block-audio__autoplay-help-text {
+	grid-column: 1/-1;
+}

package/src/navigation/index.php

@@ -417,7 +417,7 @@ class WP_Navigation_Block_Renderer {
 	 * @since 6.5.0
 	 *
 	 * @param string $overlay_template_part_id The overlay template part ID in format "theme//slug".
-	 * @param array  $attributes                The block attributes.
+	 * @param array  $attributes               The block attributes.
 	 * @return WP_Block_List Returns the inner blocks for the overlay template part.
 	 */
 	private static function get_overlay_blocks_from_template_part( $overlay_template_part_id, $attributes ) {
@@ -518,7 +518,7 @@ class WP_Navigation_Block_Renderer {
 	 * @since 6.5.0
 	 *
 	 * @param array    $attributes The block attributes.
-	 * @param WP_Block $block The parsed block.
+	 * @param WP_Block $block      The parsed block.
 	 * @return WP_Block_List Returns the inner blocks for the navigation block.
 	 */
 	private static function get_inner_blocks( $attributes, $block ) {
@@ -740,8 +740,8 @@ class WP_Navigation_Block_Renderer {
 	 *
 	 * @since 6.5.0
 	 *
-	 * @param array         $attributes The block attributes.
-	 * @param WP_Block_List $inner_blocks The list of inner blocks.
+	 * @param array         $attributes        The block attributes.
+	 * @param WP_Block_List $inner_blocks      The list of inner blocks.
 	 * @param string        $inner_blocks_html The markup for the inner blocks.
 	 * @return string Returns the container markup.
 	 */
@@ -892,8 +892,8 @@ class WP_Navigation_Block_Renderer {
 	 *
 	 * @since 6.5.0
 	 *
-	 * @param array         $attributes    The block attributes.
-	 * @param WP_Block_List $inner_blocks  A list of inner blocks.
+	 * @param array         $attributes   The block attributes.
+	 * @param WP_Block_List $inner_blocks A list of inner blocks.
 	 * @return string Returns the navigation block markup.
 	 */
 	private static function get_nav_attributes( $attributes, $inner_blocks ) {
@@ -979,7 +979,7 @@ class WP_Navigation_Block_Renderer {
 	 *
 	 * @since 6.5.0
 	 *
-	 * @param array         $attributes The block attributes.
+	 * @param array         $attributes   The block attributes.
 	 * @param WP_Block_List $inner_blocks The list of inner blocks.
 	 * @return string Returns the navigation wrapper markup.
 	 */
@@ -1786,12 +1786,12 @@ add_filter( 'render_block_data', 'block_core_navigation_typographic_presets_back
  *
  * @deprecated 6.3.0 Use WP_Navigation_Fallback::parse_blocks_from_menu_items() instead.
  *
- * @param array $menu_items               An array of menu items that represent
- *                                        an individual level of a menu.
- * @param array $menu_items_by_parent_id  An array keyed by the id of the
- *                                        parent menu where each element is an
- *                                        array of menu items that belong to
- *                                        that parent.
+ * @param array $menu_items              An array of menu items that represent
+ *                                       an individual level of a menu.
+ * @param array $menu_items_by_parent_id An array keyed by the id of the
+ *                                       parent menu where each element is an
+ *                                       array of menu items that belong to
+ *                                       that parent.
  * @return array An array of parsed block data.
  */
 function block_core_navigation_parse_blocks_from_menu_items( $menu_items, $menu_items_by_parent_id ) {
@@ -1891,7 +1891,7 @@ function block_core_navigation_get_classic_menu_fallback() {
  *
  * @deprecated 6.3.0 Use WP_Navigation_Fallback::get_classic_menu_fallback_blocks() instead.
  *
- * @param  object $classic_nav_menu WP_Term The classic navigation object to convert.
+ * @param object $classic_nav_menu WP_Term The classic navigation object to convert.
  * @return array the normalized parsed blocks.
  */
 function block_core_navigation_get_classic_menu_fallback_blocks( $classic_nav_menu ) {

package/src/navigation/test/{menu-items-to-blocks.js → menu-items-to-blocks.jsdom.test.js}

@@ -1,8 +1,9 @@
+import { describe, expect, it, vi } from 'vitest';
 import menuItemsToBlocks from '../menu-items-to-blocks';
 
 // Mock createBlock to avoid creating the blocks in test environment.
-jest.mock( '@wordpress/blocks', () => {
-	const blocks = jest.requireActual( '@wordpress/blocks' );
+vi.mock( import( '@wordpress/blocks' ), async ( importOriginal ) => {
+	const blocks = await importOriginal();
 
 	return {
 		...blocks,

package/src/navigation/test/{use-navigation-menu.js → use-navigation-menu.jsdom.test.js}

@@ -1,7 +1,10 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { createRegistry, useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import useNavigationMenu from '../use-navigation-menu';
 
+vi.mock( '@wordpress/api-fetch' );
+
 const BASE_ENTITY = {
 	kind: 'postType',
 	name: 'wp_navigation',
@@ -24,11 +27,11 @@ function createRegistryWithStores() {
 	return registry;
 }
 
-jest.mock( '@wordpress/data/src/components/use-select', () => {
+vi.mock( import( '@wordpress/data' ), async ( importOriginal ) => ( {
+	...( await importOriginal() ),
 	// This allows us to tweak the returned value on each test.
-	const mock = jest.fn();
-	return mock;
-} );
+	useSelect: vi.fn(),
+} ) );
 
 function resolveRecords( registry, menus ) {
 	const dispatch = registry.dispatch( coreStore );

package/src/navigation/test/{view.js → view.jsdom.test.js}

@@ -1,7 +1,9 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 let mockRegisteredStore;
 let mockCurrentContext;
 
-jest.mock( '@wordpress/interactivity', () => ( {
+vi.mock( import( '@wordpress/interactivity' ), () => ( {
 	store: ( name, config ) => {
 		mockRegisteredStore = config;
 		return config;
@@ -13,7 +15,7 @@ jest.mock( '@wordpress/interactivity', () => ( {
 
 describe( 'Navigation view script', () => {
 	beforeEach( async () => {
-		jest.resetModules();
+		vi.resetModules();
 		mockRegisteredStore = null;
 		mockCurrentContext = null;
 		// Import the view.js script to register the store

package/src/navigation-link/block.json

@@ -2,7 +2,7 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "core/navigation-link",
-	"title": "Custom Link",
+	"title": "Navigation Link",
 	"category": "design",
 	"parent": [ "core/navigation" ],
 	"allowedBlocks": [

package/src/navigation-link/deprecated.tsx

@@ -0,0 +1,58 @@
+// @ts-expect-error `@wordpress/block-editor` does not expose type declarations for its entry point.
+import { InnerBlocks } from '@wordpress/block-editor';
+
+type NavigationLinkDeprecatedAttributes = {
+	label?: string;
+	type?: string;
+	nofollow?: boolean;
+	description?: string;
+	id?: number;
+	opensInNewTab?: boolean;
+	url?: string;
+};
+
+const deprecated = [
+	{
+		isEligible( attributes: NavigationLinkDeprecatedAttributes ) {
+			return attributes.nofollow;
+		},
+
+		attributes: {
+			label: {
+				type: 'string',
+			},
+			type: {
+				type: 'string',
+			},
+			nofollow: {
+				type: 'boolean',
+			},
+			description: {
+				type: 'string',
+			},
+			id: {
+				type: 'number',
+			},
+			opensInNewTab: {
+				type: 'boolean',
+				default: false,
+			},
+			url: {
+				type: 'string',
+			},
+		},
+
+		migrate( { nofollow, ...rest }: NavigationLinkDeprecatedAttributes ) {
+			return {
+				rel: nofollow ? 'nofollow' : '',
+				...rest,
+			};
+		},
+
+		save() {
+			return <InnerBlocks.Content />;
+		},
+	},
+];
+
+export default deprecated;