@wordpress/block-library 6.0.25 → 6.1.0

package/src/image/edit.native.js

@@ -134,7 +134,7 @@ function LinkSettings( {
 		url: {
 			valueMask,
 			autoFocus: false,
-			autoFill: true,
+			autoFill: false,
 		},
 		openInNewTab: {
 			label: __( 'Open in new tab' ),
@@ -490,7 +490,7 @@ export class ImageEdit extends Component {
 				footerNote={
 					<>
 						{ __(
-							'Describe the purpose of the image. Leave empty if the image is purely decorative. '
+							'Describe the purpose of the image. Leave empty if the image is purely decorative.'
 						) }
 						<FooterMessageLink
 							href={
@@ -524,7 +524,7 @@ export class ImageEdit extends Component {
 
 		const removeFeaturedButton = () => (
 			<BottomSheet.Cell
-				label={ __( 'Remove as Featured Image ' ) }
+				label={ __( 'Remove as Featured Image' ) }
 				labelStyle={ [
 					setFeaturedButtonStyle,
 					styles.removeFeaturedButton,
@@ -539,7 +539,7 @@ export class ImageEdit extends Component {
 
 		const setFeaturedButton = () => (
 			<BottomSheet.Cell
-				label={ __( 'Set as Featured Image ' ) }
+				label={ __( 'Set as Featured Image' ) }
 				labelStyle={ setFeaturedButtonStyle }
 				cellContainerStyle={ styles.setFeaturedButtonCellContainer }
 				separatorType={ 'none' }

package/src/image/image.js

@@ -43,7 +43,7 @@ import { store as coreStore } from '@wordpress/core-data';
  */
 import { createUpgradedEmbedBlock } from '../embed/util';
 import useClientWidth from './use-client-width';
-import { isExternalImage } from './edit';
+import { isExternalImage, isMediaDestroyed } from './edit';
 
 /**
  * Module constants
@@ -72,12 +72,14 @@ export default function Image( {
 	isSelected,
 	insertBlocksAfter,
 	onReplace,
+	onCloseModal,
 	onSelectImage,
 	onSelectURL,
 	onUploadError,
 	containerRef,
 	context,
 	clientId,
+	onImageLoadError,
 } ) {
 	const imageRef = useRef();
 	const captionRef = useRef();
@@ -213,11 +215,16 @@ export default function Image( {
 	}
 
 	function onImageError() {
-		// Check if there's an embed block that handles this URL.
+		// Check if there's an embed block that handles this URL, e.g., instagram URL.
+		// See: https://github.com/WordPress/gutenberg/pull/11472
 		const embedBlock = createUpgradedEmbedBlock( { attributes: { url } } );
-		if ( undefined !== embedBlock ) {
+		const shouldReplace = undefined !== embedBlock;
+
+		if ( shouldReplace ) {
 			onReplace( embedBlock );
 		}
+
+		onImageLoadError( shouldReplace );
 	}
 
 	function onSetHref( props ) {
@@ -289,6 +296,9 @@ export default function Image( {
 		if ( ! isSelected ) {
 			setIsEditingImage( false );
 		}
+		if ( isSelected && isMediaDestroyed( id ) ) {
+			onImageLoadError();
+		}
 	}, [ isSelected ] );
 
 	const canEditImage = id && naturalWidth && naturalHeight && imageEditing;
@@ -352,6 +362,7 @@ export default function Image( {
 						onSelect={ onSelectImage }
 						onSelectURL={ onSelectURL }
 						onError={ onUploadError }
+						onCloseModal={ onCloseModal }
 					/>
 				</BlockControls>
 			) }

package/src/image/index.php

@@ -9,8 +9,8 @@
  * Renders the `core/image` block on the server,
  * adding a data-id attribute to the element if core/gallery has added on pre-render.
  *
- * @param  array $attributes The block attributes.
- * @param  array $content    The block content.
+ * @param  array  $attributes The block attributes.
+ * @param  string $content    The block content.
  * @return string Returns the block content with the data-id attribute added.
  */
 function render_block_core_image( $attributes, $content ) {

package/src/image/test/edit.native.js

@@ -3,6 +3,7 @@
  */
 import { act, fireEvent, initializeEditor, getEditorHtml } from 'test/helpers';
 import { Image } from 'react-native';
+import Clipboard from '@react-native-clipboard/clipboard';
 
 /**
  * WordPress dependencies
@@ -23,9 +24,22 @@ jest.mock( '@wordpress/data-controls', () => {
 	};
 } );
 
+/**
+ * Immediately invoke delayed functions. A better alternative would be using
+ * fake timers and test the delay itself. However, fake timers does not work
+ * with our custom waitFor implementation.
+ */
+jest.mock( 'lodash', () => {
+	const actual = jest.requireActual( 'lodash' );
+	return { ...actual, delay: ( cb ) => cb() };
+} );
+
 const apiFetchPromise = Promise.resolve( {} );
 apiFetch.mockImplementation( () => apiFetchPromise );
 
+const clipboardPromise = Promise.resolve( '' );
+Clipboard.getString.mockImplementation( () => clipboardPromise );
+
 beforeAll( () => {
 	registerCoreBlocks();
 
@@ -53,7 +67,7 @@ describe( 'Image Block', () => {
 			</a>
 		<figcaption>Mountain</figcaption></figure>
 		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
+		const screen = initializeEditor( { initialHtml } );
 		// We must await the image fetch via `getMedia`
 		await act( () => apiFetchPromise );
 
@@ -79,7 +93,7 @@ describe( 'Image Block', () => {
 			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
 		<figcaption>Mountain</figcaption></figure>
 		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
+		const screen = initializeEditor( { initialHtml } );
 		// We must await the image fetch via `getMedia`
 		await act( () => apiFetchPromise );
 
@@ -105,7 +119,7 @@ describe( 'Image Block', () => {
 			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
 		<figcaption>Mountain</figcaption></figure>
 		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
+		const screen = initializeEditor( { initialHtml } );
 		// We must await the image fetch via `getMedia`
 		await act( () => apiFetchPromise );
 
@@ -117,6 +131,8 @@ describe( 'Image Block', () => {
 		);
 		fireEvent.press( screen.getByText( 'None' ) );
 		fireEvent.press( screen.getByText( 'Custom URL' ) );
+		// Await asynchronous fetch of clipboard
+		await act( () => clipboardPromise );
 		fireEvent.changeText(
 			screen.getByPlaceholderText( 'Search or type URL' ),
 			'wordpress.org'
@@ -136,7 +152,7 @@ describe( 'Image Block', () => {
 			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
 		<figcaption>Mountain</figcaption></figure>
 		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
+		const screen = initializeEditor( { initialHtml } );
 		// We must await the image fetch via `getMedia`
 		await act( () => apiFetchPromise );
 
@@ -149,12 +165,16 @@ describe( 'Image Block', () => {
 		fireEvent.press( screen.getByText( 'None' ) );
 		fireEvent.press( screen.getByText( 'Media File' ) );
 		fireEvent.press( screen.getByText( 'Custom URL' ) );
+		// Await asynchronous fetch of clipboard
+		await act( () => clipboardPromise );
 		fireEvent.changeText(
 			screen.getByPlaceholderText( 'Search or type URL' ),
 			'wordpress.org'
 		);
 		fireEvent.press( screen.getByA11yLabel( 'Apply' ) );
 		fireEvent.press( screen.getByText( 'Custom URL' ) );
+		// Await asynchronous fetch of clipboard
+		await act( () => clipboardPromise );
 		fireEvent.press( screen.getByText( 'Media File' ) );
 
 		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
@@ -172,7 +192,7 @@ describe( 'Image Block', () => {
 			</a>
 		<figcaption>Mountain</figcaption></figure>
 		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
+		const screen = initializeEditor( { initialHtml } );
 		// We must await the image fetch via `getMedia`
 		await act( () => apiFetchPromise );
 
@@ -196,7 +216,7 @@ describe( 'Image Block', () => {
 			</a>
 		<figcaption>Mountain</figcaption></figure>
 		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
+		const screen = initializeEditor( { initialHtml } );
 		// We must await the image fetch via `getMedia`
 		await act( () => apiFetchPromise );
 
@@ -227,7 +247,7 @@ describe( 'Image Block', () => {
 			<figcaption>Mountain</figcaption>
 		</figure>
 		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
+		const screen = initializeEditor( { initialHtml } );
 		// We must await the image fetch via `getMedia`
 		await act( () => apiFetchPromise );
 

package/src/index.js

@@ -29,7 +29,11 @@ import * as commentDate from './comment-date';
 import * as commentEditLink from './comment-edit-link';
 import * as commentReplyLink from './comment-reply-link';
 import * as commentTemplate from './comment-template';
+import * as commentsPaginationPrevious from './comments-pagination-previous';
 import * as commentsQueryLoop from './comments-query-loop';
+import * as commentsPagination from './comments-pagination';
+import * as commentsPaginationNext from './comments-pagination-next';
+import * as commentsPaginationNumbers from './comments-pagination-numbers';
 import * as cover from './cover';
 import * as embed from './embed';
 import * as file from './file';
@@ -55,6 +59,7 @@ import * as pattern from './pattern';
 import * as pageList from './page-list';
 import * as paragraph from './paragraph';
 import * as postAuthor from './post-author';
+import * as postAuthorName from './post-author-name';
 import * as postComment from './post-comment';
 import * as postComments from './post-comments';
 import * as postCommentsCount from './post-comments-count';
@@ -198,6 +203,7 @@ export const __experimentalGetCoreBlocks = () => [
 	logInOut,
 	termDescription,
 	queryTitle,
+	postAuthorName,
 ];
 
 /**
@@ -254,6 +260,10 @@ export const __experimentalRegisterExperimentalCoreBlocks =
 								commentReplyLink,
 								commentTemplate,
 								commentsQueryLoop,
+								commentsPagination,
+								commentsPaginationNext,
+								commentsPaginationNumbers,
+								commentsPaginationPrevious,
 								navigationArea,
 								postComment,
 								postCommentsCount,

package/src/latest-comments/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/latest-comments",
 	"title": "Latest Comments",

package/src/latest-comments/index.php

@@ -30,7 +30,7 @@ function wp_latest_comments_draft_or_post_title( $post = 0 ) {
 	if ( empty( $title ) ) {
 		$title = __( '(no title)' );
 	}
-	return esc_html( $title );
+	return $title;
 }
 
 /**
@@ -86,14 +86,14 @@ function render_block_core_latest_comments( $attributes = array() ) {
 
 			$author_markup = '';
 			if ( $author_url ) {
-				$author_markup .= '<a class="wp-block-latest-comments__comment-author" href="' . esc_url( $author_url ) . '">' . get_comment_author( $comment ) . '</a>';
+				$author_markup .= '<a class="wp-block-latest-comments__comment-author" href="' . esc_url( $author_url ) . '">' . esc_html( get_comment_author( $comment ) ) . '</a>';
 			} else {
-				$author_markup .= '<span class="wp-block-latest-comments__comment-author">' . get_comment_author( $comment ) . '</span>';
+				$author_markup .= '<span class="wp-block-latest-comments__comment-author">' . esc_html( get_comment_author( $comment ) ) . '</span>';
 			}
 
 			// `_draft_or_post_title` calls `esc_html()` so we don't need to wrap that call in
 			// `esc_html`.
-			$post_title = '<a class="wp-block-latest-comments__comment-link" href="' . esc_url( get_comment_link( $comment ) ) . '">' . wp_latest_comments_draft_or_post_title( $comment->comment_post_ID ) . '</a>';
+			$post_title = '<a class="wp-block-latest-comments__comment-link" href="' . esc_url( get_comment_link( $comment ) ) . '">' . esc_html( wp_latest_comments_draft_or_post_title( $comment->comment_post_ID ) ) . '</a>';
 
 			$list_items_markup .= sprintf(
 				/* translators: 1: author name (inside <a> or <span> tag, based on if they have a URL), 2: post title related to this comment */
@@ -106,7 +106,7 @@ function render_block_core_latest_comments( $attributes = array() ) {
 				$list_items_markup .= sprintf(
 					'<time datetime="%1$s" class="wp-block-latest-comments__comment-date">%2$s</time>',
 					esc_attr( get_comment_date( 'c', $comment ) ),
-					date_i18n( get_option( 'date_format' ), get_comment_date( 'U', $comment ) )
+					esc_html( date_i18n( get_option( 'date_format' ), get_comment_date( 'U', $comment ) ) )
 				);
 			}
 			$list_items_markup .= '</footer>';

package/src/latest-posts/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/latest-posts",
 	"title": "Latest Posts",

package/src/latest-posts/edit.js

@@ -299,7 +299,7 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 								} )
 							}
 						/>
-						<BaseControl className="block-editor-image-alignment-control__row">
+						<BaseControl className="editor-latest-posts-image-alignment-control">
 							<BaseControl.VisualLabel>
 								{ __( 'Image alignment' ) }
 							</BaseControl.VisualLabel>

package/src/latest-posts/editor.scss

@@ -12,3 +12,13 @@
 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 	margin-bottom: 20px;
 }
+
+.editor-latest-posts-image-alignment-control {
+	.components-base-control__label {
+		display: block;
+	}
+
+	.components-toolbar {
+		border-radius: $radius-block-ui;
+	}
+}

package/src/latest-posts/index.php

@@ -60,6 +60,11 @@ function render_block_core_latest_posts( $attributes ) {
 
 	foreach ( $recent_posts as $post ) {
 		$post_link = esc_url( get_permalink( $post ) );
+		$title     = get_the_title( $post );
+
+		if ( ! $title ) {
+			$title = __( '(no title)' );
+		}
 
 		$list_items_markup .= '<li>';
 
@@ -81,30 +86,27 @@ function render_block_core_latest_posts( $attributes ) {
 				$post,
 				$attributes['featuredImageSizeSlug'],
 				array(
-					'style' => $image_style,
+					'style' => esc_attr( $image_style ),
 				)
 			);
 			if ( $attributes['addLinkToFeaturedImage'] ) {
 				$featured_image = sprintf(
-					'<a href="%1$s">%2$s</a>',
-					$post_link,
+					'<a href="%1$s" aria-label="%2$s">%3$s</a>',
+					esc_url( $post_link ),
+					esc_attr( $title ),
 					$featured_image
 				);
 			}
 			$list_items_markup .= sprintf(
 				'<div class="%1$s">%2$s</div>',
-				$image_classes,
+				esc_attr( $image_classes ),
 				$featured_image
 			);
 		}
 
-		$title = get_the_title( $post );
-		if ( ! $title ) {
-			$title = __( '(no title)' );
-		}
 		$list_items_markup .= sprintf(
 			'<a href="%1$s">%2$s</a>',
-			$post_link,
+			esc_url( $post_link ),
 			$title
 		);
 
@@ -141,14 +143,14 @@ function render_block_core_latest_posts( $attributes ) {
 
 			$list_items_markup .= sprintf(
 				'<div class="wp-block-latest-posts__post-excerpt">%1$s</div>',
-				$trimmed_excerpt
+				esc_html( $trimmed_excerpt )
 			);
 		}
 
 		if ( isset( $attributes['displayPostContent'] ) && $attributes['displayPostContent']
 			&& isset( $attributes['displayPostContentRadio'] ) && 'full_post' === $attributes['displayPostContentRadio'] ) {
 
-			$post_content = wp_kses_post( html_entity_decode( $post->post_content, ENT_QUOTES, get_option( 'blog_charset' ) ) );
+			$post_content = html_entity_decode( $post->post_content, ENT_QUOTES, get_option( 'blog_charset' ) );
 
 			if ( post_password_required( $post ) ) {
 				$post_content = __( 'This content is password protected.' );
@@ -156,7 +158,7 @@ function render_block_core_latest_posts( $attributes ) {
 
 			$list_items_markup .= sprintf(
 				'<div class="wp-block-latest-posts__post-full-content">%1$s</div>',
-				$post_content
+				wp_kses_post( $post_content )
 			);
 		}
 

package/src/latest-posts/style.scss

@@ -73,15 +73,3 @@
 		text-align: center;
 	}
 }
-
-.block-editor-image-alignment-control__row {
-	.components-base-control__field {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-
-		.components-base-control__label {
-			margin-bottom: 0;
-		}
-	}
-}

package/src/list/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/list",
 	"title": "List",

package/src/list/test/edit.native.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { shallow } from 'enzyme';
+import { render } from 'test/helpers';
 
 /**
  * Internal dependencies
@@ -10,7 +10,7 @@ import ListEdit from '../edit';
 
 describe( 'ListEdit component', () => {
 	it( 'renders without crashing', () => {
-		const wrapper = shallow( <ListEdit attributes={ {} } /> );
-		expect( wrapper ).toBeTruthy();
+		const screen = render( <ListEdit attributes={ {} } /> );
+		expect( screen.container ).toBeTruthy();
 	} );
 } );

package/src/loginout/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/loginout",
 	"title": "Login/out",

package/src/media-text/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/media-text",
 	"title": "Media & Text",

package/src/missing/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/missing",
 	"title": "Unsupported",

package/src/missing/test/__snapshots__/edit.native.js.snap

@@ -5,6 +5,11 @@ exports[`Missing block renders without crashing 1`] = `
   accessibilityHint="Tap here to show help"
   accessibilityLabel="Help button"
   accessibilityRole="button"
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
   focusable={true}
   onClick={[Function]}

package/src/missing/test/edit-integration.native.js

@@ -40,7 +40,7 @@ describe( 'Unsupported block', () => {
 		const initialHtml = `<!-- wp:table -->
 			 <figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
 			 <!-- /wp:table -->`;
-		const { getByA11yLabel } = await initializeEditor( {
+		const { getByA11yLabel } = initializeEditor( {
 			initialHtml,
 		} );
 
@@ -59,7 +59,7 @@ describe( 'Unsupported block', () => {
 		const initialHtml = `<!-- wp:table -->
 		 <figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
 		 <!-- /wp:table -->`;
-		const { getByA11yLabel, getByText } = await initializeEditor( {
+		const { getByA11yLabel, getByText } = initializeEditor( {
 			initialHtml,
 		} );
 

package/src/missing/test/edit.native.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import renderer from 'react-test-renderer';
+import { render } from 'test/helpers';
 import { Text } from 'react-native';
 
 /**
@@ -23,9 +23,7 @@ const defaultAttributes = {
 };
 
 const getTestComponentWithContent = ( attributes = defaultAttributes ) => {
-	return renderer.create(
-		<UnsupportedBlockEdit attributes={ attributes } />
-	);
+	return render( <UnsupportedBlockEdit attributes={ attributes } /> );
 };
 
 describe( 'Missing block', () => {
@@ -34,33 +32,30 @@ describe( 'Missing block', () => {
 	} );
 
 	it( 'renders without crashing', () => {
-		const component = getTestComponentWithContent();
-		const rendered = component.toJSON();
+		const testInstance = getTestComponentWithContent();
+		const rendered = testInstance.toJSON();
 		expect( rendered ).toMatchSnapshot();
 	} );
 
 	describe( 'help modal', () => {
 		it( 'renders help icon', () => {
-			const component = getTestComponentWithContent();
-			const testInstance = component.root;
-			const icons = testInstance.findAllByType( Icon );
+			const testInstance = getTestComponentWithContent();
+			const icons = testInstance.UNSAFE_getAllByType( Icon );
 			expect( icons.length ).toBe( 2 );
 			expect( icons[ 0 ].props.icon ).toBe( help );
 		} );
 
 		it( 'renders info icon on modal', () => {
-			const component = getTestComponentWithContent();
-			const testInstance = component.root;
-			const bottomSheet = testInstance.findByType( BottomSheet );
+			const testInstance = getTestComponentWithContent();
+			const bottomSheet = testInstance.UNSAFE_getByType( BottomSheet );
 			const children = bottomSheet.props.children[ 0 ].props.children;
 			expect( children.length ).toBe( 3 ); // 4 children in the bottom sheet: the icon, the "isn't yet supported" title and the "We are working hard..." message
 			expect( children[ 0 ].props.icon ).toBe( help );
 		} );
 
 		it( 'renders unsupported text on modal', () => {
-			const component = getTestComponentWithContent();
-			const testInstance = component.root;
-			const bottomSheet = testInstance.findByType( BottomSheet );
+			const testInstance = getTestComponentWithContent();
+			const bottomSheet = testInstance.UNSAFE_getByType( BottomSheet );
 			const children = bottomSheet.props.children[ 0 ].props.children;
 			expect( children[ 1 ].props.children ).toBe(
 				"'" +
@@ -78,9 +73,10 @@ describe( 'Missing block', () => {
 			} );
 
 			it( 'renders edit action if UBE is available', () => {
-				const component = getTestComponentWithContent();
-				const testInstance = component.root;
-				const bottomSheet = testInstance.findByType( BottomSheet );
+				const testInstance = getTestComponentWithContent();
+				const bottomSheet = testInstance.UNSAFE_getByType(
+					BottomSheet
+				);
 				const bottomSheetCells = bottomSheet.props.children[ 1 ];
 				expect( bottomSheetCells ).toBeTruthy();
 				expect( bottomSheetCells.props.children.length ).toBe( 2 );
@@ -94,35 +90,35 @@ describe( 'Missing block', () => {
 					unsupportedBlockEditor: false,
 				} );
 
-				const component = getTestComponentWithContent();
-				const testInstance = component.root;
-				const bottomSheet = testInstance.findByType( BottomSheet );
+				const testInstance = getTestComponentWithContent();
+				const bottomSheet = testInstance.UNSAFE_getByType(
+					BottomSheet
+				);
 				expect( bottomSheet.props.children[ 1 ] ).toBeFalsy();
 			} );
 
 			it( 'does not render edit action if the block is incompatible with UBE', () => {
-				const component = getTestComponentWithContent( {
+				const testInstance = getTestComponentWithContent( {
 					originalName: 'core/block',
 				} );
-				const testInstance = component.root;
-				const bottomSheet = testInstance.findByType( BottomSheet );
+				const bottomSheet = testInstance.UNSAFE_getByType(
+					BottomSheet
+				);
 				expect( bottomSheet.props.children[ 1 ] ).toBeFalsy();
 			} );
 		} );
 	} );
 
 	it( 'renders admin plugins icon', () => {
-		const component = getTestComponentWithContent();
-		const testInstance = component.root;
-		const icons = testInstance.findAllByType( Icon );
+		const testInstance = getTestComponentWithContent();
+		const icons = testInstance.UNSAFE_getAllByType( Icon );
 		expect( icons.length ).toBe( 2 );
 		expect( icons[ 1 ].props.icon ).toBe( plugins );
 	} );
 
 	it( 'renders title text without crashing', () => {
-		const component = getTestComponentWithContent();
-		const testInstance = component.root;
-		const texts = testInstance.findAllByType( Text );
+		const testInstance = getTestComponentWithContent();
+		const texts = testInstance.UNSAFE_getAllByType( Text );
 		expect( texts.length ).toBe( 2 );
 		expect( texts[ 0 ].props.children ).toBe( 'missing/block/title' );
 		expect( texts[ 1 ].props.children ).toBe( 'Unsupported' );

package/src/more/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/more",
 	"title": "More",

package/src/navigation/README.md

@@ -0,0 +1,13 @@
+# Navigation block
+
+The Navigation block is a container block for the collection of blocks that allow visitors to get around your site. See also the Navigation Link block and Navigation Submenu block.
+
+## CSS Classes
+
+The structural CSS for the navigation block targets generic classnames across menu items of multiple types including those automatically generated by the Page List block. Here are some of the notable classnames and what they are used for:
+
+-   `.wp-block-navigation__submenu-container` is applied to submenus to main menu items.
+-   `.wp-block-navigation-item` is applied to every menu item.
+-   `.wp-block-navigation-item__content` is applied to the link inside a menu item.
+-   `.wp-block-navigation-item__label` is applied to the innermost container around the menu item text label.
+-   `.wp-block-navigation__submenu-icon` is applied to the submenu indicator (chevron).