@wordpress/edit-post 7.12.0 → 7.12.1

package/build-style/style.css

@@ -1236,7 +1236,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   padding: 8px;
   background-color: #fff;
   text-align: center;
-  font-style: italic;
   position: sticky;
   top: -1px;
   z-index: 2;
@@ -1244,6 +1243,9 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
 .edit-post-block-manager__disabled-blocks-count ~ .edit-post-block-manager__results .edit-post-block-manager__category-title {
   top: 35px;
 }
+.edit-post-block-manager__disabled-blocks-count .is-link {
+  margin-left: 12px;
+}
 
 .edit-post-block-manager__category {
   margin: 0 0 24px 0;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-post",
-	"version": "7.12.0",
+	"version": "7.12.1",
 	"description": "Edit Post module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,36 +27,36 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.35.0",
-		"@wordpress/api-fetch": "^6.32.0",
-		"@wordpress/block-editor": "^12.3.0",
-		"@wordpress/block-library": "^8.12.0",
-		"@wordpress/blocks": "^12.12.0",
-		"@wordpress/commands": "^0.6.0",
-		"@wordpress/components": "^25.1.0",
-		"@wordpress/compose": "^6.12.0",
-		"@wordpress/core-commands": "^0.4.0",
-		"@wordpress/core-data": "^6.12.0",
-		"@wordpress/data": "^9.5.0",
-		"@wordpress/deprecated": "^3.35.0",
-		"@wordpress/dom": "^3.35.0",
-		"@wordpress/editor": "^13.12.0",
-		"@wordpress/element": "^5.12.0",
-		"@wordpress/hooks": "^3.35.0",
-		"@wordpress/i18n": "^4.35.0",
-		"@wordpress/icons": "^9.26.0",
-		"@wordpress/interface": "^5.12.0",
-		"@wordpress/keyboard-shortcuts": "^4.12.0",
-		"@wordpress/keycodes": "^3.35.0",
-		"@wordpress/media-utils": "^4.26.0",
-		"@wordpress/notices": "^4.3.0",
-		"@wordpress/plugins": "^6.3.0",
-		"@wordpress/preferences": "^3.12.0",
-		"@wordpress/private-apis": "^0.17.0",
-		"@wordpress/url": "^3.36.0",
-		"@wordpress/viewport": "^5.12.0",
-		"@wordpress/warning": "^2.35.0",
-		"@wordpress/widgets": "^3.12.0",
+		"@wordpress/a11y": "^3.35.1",
+		"@wordpress/api-fetch": "^6.32.1",
+		"@wordpress/block-editor": "^12.3.1",
+		"@wordpress/block-library": "^8.12.1",
+		"@wordpress/blocks": "^12.12.1",
+		"@wordpress/commands": "^0.6.1",
+		"@wordpress/components": "^25.1.1",
+		"@wordpress/compose": "^6.12.1",
+		"@wordpress/core-commands": "^0.4.1",
+		"@wordpress/core-data": "^6.12.1",
+		"@wordpress/data": "^9.5.1",
+		"@wordpress/deprecated": "^3.35.1",
+		"@wordpress/dom": "^3.35.1",
+		"@wordpress/editor": "^13.12.1",
+		"@wordpress/element": "^5.12.1",
+		"@wordpress/hooks": "^3.35.1",
+		"@wordpress/i18n": "^4.35.1",
+		"@wordpress/icons": "^9.26.1",
+		"@wordpress/interface": "^5.12.1",
+		"@wordpress/keyboard-shortcuts": "^4.12.1",
+		"@wordpress/keycodes": "^3.35.1",
+		"@wordpress/media-utils": "^4.26.1",
+		"@wordpress/notices": "^4.3.1",
+		"@wordpress/plugins": "^6.3.1",
+		"@wordpress/preferences": "^3.12.1",
+		"@wordpress/private-apis": "^0.17.1",
+		"@wordpress/url": "^3.36.1",
+		"@wordpress/viewport": "^5.12.1",
+		"@wordpress/warning": "^2.35.1",
+		"@wordpress/widgets": "^3.12.1",
 		"classnames": "^2.3.1",
 		"memize": "^2.1.0",
 		"rememo": "^4.0.2"
@@ -68,5 +68,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "a92f606309b1541b834ff9b0a76ed2a466fc45ed"
+	"gitHead": "ce5639111c30763dbdf07f40eeb136ea6030ecf1"
 }

package/src/components/block-manager/index.js

@@ -2,11 +2,11 @@
  * WordPress dependencies
  */
 import { store as blocksStore } from '@wordpress/blocks';
-import { withSelect } from '@wordpress/data';
-import { SearchControl } from '@wordpress/components';
+import { withSelect, withDispatch } from '@wordpress/data';
+import { SearchControl, Button } from '@wordpress/components';
 import { __, _n, sprintf } from '@wordpress/i18n';
 import { useEffect, useState } from '@wordpress/element';
-import { useDebounce } from '@wordpress/compose';
+import { useDebounce, compose } from '@wordpress/compose';
 import { speak } from '@wordpress/a11y';
 
 /**
@@ -21,6 +21,7 @@ function BlockManager( {
 	hasBlockSupport,
 	isMatchingSearchTerm,
 	numberOfHiddenBlocks,
+	enableAllBlockTypes,
 } ) {
 	const debouncedSpeak = useDebounce( speak, 500 );
 	const [ search, setSearch ] = useState( '' );
@@ -63,6 +64,12 @@ function BlockManager( {
 						),
 						numberOfHiddenBlocks
 					) }
+					<Button
+						variant="link"
+						onClick={ () => enableAllBlockTypes( blockTypes ) }
+					>
+						{ __( 'Reset' ) }
+					</Button>
 				</div>
 			) }
 			<SearchControl
@@ -105,34 +112,47 @@ function BlockManager( {
 	);
 }
 
-export default withSelect( ( select ) => {
-	const {
-		getBlockTypes,
-		getCategories,
-		hasBlockSupport,
-		isMatchingSearchTerm,
-	} = select( blocksStore );
-	const { getHiddenBlockTypes } = select( editPostStore );
+export default compose( [
+	withSelect( ( select ) => {
+		const {
+			getBlockTypes,
+			getCategories,
+			hasBlockSupport,
+			isMatchingSearchTerm,
+		} = select( blocksStore );
+		const { getHiddenBlockTypes } = select( editPostStore );
 
-	// Some hidden blocks become unregistered
-	// by removing for instance the plugin that registered them, yet
-	// they're still remain as hidden by the user's action.
-	// We consider "hidden", blocks which were hidden and
-	// are still registered.
-	const blockTypes = getBlockTypes();
-	const hiddenBlockTypes = getHiddenBlockTypes().filter( ( hiddenBlock ) => {
-		return blockTypes.some(
-			( registeredBlock ) => registeredBlock.name === hiddenBlock
+		// Some hidden blocks become unregistered
+		// by removing for instance the plugin that registered them, yet
+		// they're still remain as hidden by the user's action.
+		// We consider "hidden", blocks which were hidden and
+		// are still registered.
+		const blockTypes = getBlockTypes();
+		const hiddenBlockTypes = getHiddenBlockTypes().filter(
+			( hiddenBlock ) => {
+				return blockTypes.some(
+					( registeredBlock ) => registeredBlock.name === hiddenBlock
+				);
+			}
 		);
-	} );
-	const numberOfHiddenBlocks =
-		Array.isArray( hiddenBlockTypes ) && hiddenBlockTypes.length;
+		const numberOfHiddenBlocks =
+			Array.isArray( hiddenBlockTypes ) && hiddenBlockTypes.length;
 
-	return {
-		blockTypes,
-		categories: getCategories(),
-		hasBlockSupport,
-		isMatchingSearchTerm,
-		numberOfHiddenBlocks,
-	};
-} )( BlockManager );
+		return {
+			blockTypes,
+			categories: getCategories(),
+			hasBlockSupport,
+			isMatchingSearchTerm,
+			numberOfHiddenBlocks,
+		};
+	} ),
+	withDispatch( ( dispatch ) => {
+		const { showBlockTypes } = dispatch( editPostStore );
+		return {
+			enableAllBlockTypes: ( blockTypes ) => {
+				const blockNames = blockTypes.map( ( { name } ) => name );
+				showBlockTypes( blockNames );
+			},
+		};
+	} ),
+] )( BlockManager );

package/src/components/block-manager/style.scss

@@ -16,7 +16,6 @@
 	padding: $grid-unit-10;
 	background-color: $white;
 	text-align: center;
-	font-style: italic;
 	position: sticky;
 	// When sticking, tuck the top border beneath the modal header border
 	top: -1px;
@@ -26,6 +25,9 @@
 	~ .edit-post-block-manager__results .edit-post-block-manager__category-title {
 		top: 35px;
 	}
+	.is-link {
+		margin-left: 12px;
+	}
 }
 
 .edit-post-block-manager__category {

package/src/components/device-preview/index.js

@@ -44,8 +44,7 @@ export default function DevicePreview() {
 			className="edit-post-post-preview-dropdown"
 			deviceType={ deviceType }
 			setDeviceType={ setPreviewDeviceType }
-			/* translators: button label text should, if possible, be under 16 characters. */
-			viewLabel={ __( 'Preview' ) }
+			label={ __( 'Preview' ) }
 		>
 			{ isViewable && (
 				<MenuGroup>

package/src/components/header/header-toolbar/index.js

@@ -24,7 +24,7 @@ import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
  * Internal dependencies
  */
 import { store as editPostStore } from '../../../store';
-import { unlock } from '../../../private-apis';
+import { unlock } from '../../../lock-unlock';
 
 const { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );
 

package/src/components/header/index.js

@@ -27,7 +27,6 @@ function Header( { setEntitiesSavedStatesCallback } ) {
 		isPublishSidebarOpened,
 		isSaving,
 		showIconLabels,
-		isDistractionFreeMode,
 	} = useSelect(
 		( select ) => ( {
 			hasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),
@@ -36,21 +35,17 @@ function Header( { setEntitiesSavedStatesCallback } ) {
 			isSaving: select( editPostStore ).isSavingMetaBoxes(),
 			showIconLabels:
 				select( editPostStore ).isFeatureActive( 'showIconLabels' ),
-			isDistractionFreeMode:
-				select( editPostStore ).isFeatureActive( 'distractionFree' ),
 		} ),
 		[]
 	);
 
-	const isDistractionFree = isDistractionFreeMode && isLargeViewport;
-
 	const slideY = {
-		hidden: isDistractionFree ? { y: '-50' } : { y: 0 },
+		hidden: { y: '-50px' },
 		hover: { y: 0, transition: { type: 'tween', delay: 0.2 } },
 	};
 
 	const slideX = {
-		hidden: isDistractionFree ? { x: '-100%' } : { x: 0 },
+		hidden: { x: '-100%' },
 		hover: { x: 0, transition: { type: 'tween', delay: 0.2 } },
 	};
 
@@ -91,12 +86,12 @@ function Header( { setEntitiesSavedStatesCallback } ) {
 						showIconLabels={ showIconLabels }
 					/>
 				) }
-				<ViewLink />
 				<DevicePreview />
 				<PostPreviewButton
 					forceIsAutosaveable={ hasActiveMetaboxes }
 					forcePreviewLink={ isSaving ? null : undefined }
 				/>
+				<ViewLink />
 				<PostPublishButtonOrToggle
 					forceIsDirty={ hasActiveMetaboxes }
 					forceIsSaving={ isSaving }

package/src/components/header/writing-menu/index.js

@@ -25,26 +25,16 @@ function WritingMenu() {
 		[]
 	);
 
-	const blocks = useSelect(
-		( select ) => select( blockEditorStore ).getBlocks(),
-		[]
-	);
-
 	const { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =
 		useDispatch( postEditorStore );
 	const { set: setPreference } = useDispatch( preferencesStore );
 
-	const { selectBlock } = useDispatch( blockEditorStore );
-
 	const toggleDistractionFree = () => {
 		registry.batch( () => {
 			setPreference( 'core/edit-post', 'fixedToolbar', false );
 			setIsInserterOpened( false );
 			setIsListViewOpened( false );
 			closeGeneralSidebar();
-			if ( ! isDistractionFree && !! blocks.length ) {
-				selectBlock( blocks[ 0 ].clientId );
-			}
 		} );
 	};
 

package/src/components/keyboard-shortcuts/index.js

@@ -184,7 +184,7 @@ function KeyboardShortcuts() {
 		} );
 
 		registerShortcut( {
-			name: `core/edit-post/transform-heading-to-paragraph`,
+			name: 'core/edit-post/transform-heading-to-paragraph',
 			category: 'block-library',
 			description: __( 'Transform heading to paragraph.' ),
 			keyCombination: {

package/src/components/preferences-modal/options/enable-custom-fields.js

@@ -31,8 +31,8 @@ export function CustomFieldsConfirmation( { willEnable } ) {
 				} }
 			>
 				{ willEnable
-					? __( 'Enable & Reload' )
-					: __( 'Disable & Reload' ) }
+					? __( 'Show & Reload Page' )
+					: __( 'Hide & Reload Page' ) }
 			</Button>
 		</>
 	);

package/src/components/preferences-modal/options/test/__snapshots__/enable-custom-fields.js.snap

@@ -100,7 +100,7 @@ exports[`EnableCustomFieldsOption renders a checked checkbox and a confirmation
       class="components-button edit-post-preferences-modal__custom-fields-confirmation-button is-secondary"
       type="button"
     >
-      Enable & Reload
+      Show & Reload Page
     </button>
   </div>
 </div>
@@ -303,7 +303,7 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox and a confirmati
       class="components-button edit-post-preferences-modal__custom-fields-confirmation-button is-secondary"
       type="button"
     >
-      Disable & Reload
+      Hide & Reload Page
     </button>
   </div>
 </div>

package/src/components/preferences-modal/test/__snapshots__/index.js.snap

@@ -607,15 +607,21 @@ exports[`EditPostPreferencesModal should match snapshot when the modal is active
   border-radius: 2px;
 }
 
+.emotion-13 svg,
+.emotion-13 path {
+  fill: currentColor;
+}
+
 .emotion-13:hover {
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
 
 .emotion-13:focus {
-  background-color: transparent;
-  color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  outline: 3px solid transparent;
+  box-shadow: 0 0 0 var( --wp-admin-border-width-focus ) var(
+  				--wp-components-color-accent,
+  				var( --wp-admin-theme-color, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) )
+  			);
+  outline: 2px solid transparent;
 }
 
 .emotion-15 {

package/src/components/sidebar/post-status/index.js

@@ -8,7 +8,7 @@ import {
 } from '@wordpress/components';
 import { withSelect, withDispatch } from '@wordpress/data';
 import { compose, ifCondition } from '@wordpress/compose';
-import { PostSwitchToDraftButton } from '@wordpress/editor';
+import { PostSwitchToDraftButton, PostSyncStatus } from '@wordpress/editor';
 
 /**
  * Internal dependencies
@@ -51,6 +51,7 @@ function PostStatus( { isOpened, onTogglePanel } ) {
 						<PostFormat />
 						<PostSlug />
 						<PostAuthor />
+						<PostSyncStatus />
 						{ fills }
 						<HStack
 							style={ {

package/src/components/visual-editor/index.js

@@ -23,12 +23,10 @@ import {
 	__experimentalUseResizeCanvas as useResizeCanvas,
 	__unstableEditorStyles as EditorStyles,
 	useSetting,
-	__experimentalLayoutStyle as LayoutStyle,
 	__unstableUseMouseMoveTypingReset as useMouseMoveTypingReset,
 	__unstableIframe as Iframe,
 	__experimentalRecursionProvider as RecursionProvider,
-	__experimentaluseLayoutClasses as useLayoutClasses,
-	__experimentaluseLayoutStyles as useLayoutStyles,
+	privateApis as blockEditorPrivateApis,
 } from '@wordpress/block-editor';
 import { useEffect, useRef, useMemo } from '@wordpress/element';
 import { __unstableMotion as motion } from '@wordpress/components';
@@ -41,6 +39,11 @@ import { store as coreStore } from '@wordpress/core-data';
  * Internal dependencies
  */
 import { store as editPostStore } from '../../store';
+import { unlock } from '../../lock-unlock';
+
+const { LayoutStyle, useLayoutClasses, useLayoutStyles } = unlock(
+	blockEditorPrivateApis
+);
 
 const isGutenbergPlugin = process.env.IS_GUTENBERG_PLUGIN ? true : false;
 
@@ -372,11 +375,12 @@ export default function VisualEditor( { styles } ) {
 							! isTemplateMode && (
 								<>
 									<LayoutStyle
-										selector=".edit-post-visual-editor__post-title-wrapper, .block-editor-block-list__layout.is-root-container"
+										selector=".edit-post-visual-editor__post-title-wrapper"
 										layout={ fallbackLayout }
-										layoutDefinitions={
-											globalLayoutSettings?.definitions
-										}
+									/>
+									<LayoutStyle
+										selector=".block-editor-block-list__layout.is-root-container"
+										layout={ blockListLayout }
 									/>
 									{ align && (
 										<LayoutStyle css={ alignCSS } />
@@ -385,9 +389,6 @@ export default function VisualEditor( { styles } ) {
 										<LayoutStyle
 											layout={ postContentLayout }
 											css={ postContentLayoutStyles }
-											layoutDefinitions={
-												globalLayoutSettings?.definitions
-											}
 										/>
 									) }
 								</>
@@ -417,7 +418,7 @@ export default function VisualEditor( { styles } ) {
 										? 'wp-site-blocks'
 										: `${ blockListLayoutClass } wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.
 								}
-								__experimentalLayout={ blockListLayout }
+								layout={ blockListLayout }
 							/>
 						</RecursionProvider>
 					</MaybeIframe>

package/src/editor.js

@@ -9,6 +9,7 @@ import {
 	store as editorStore,
 	privateApis as editorPrivateApis,
 } from '@wordpress/editor';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { useMemo } from '@wordpress/element';
 import { SlotFillProvider } from '@wordpress/components';
 import { store as coreStore } from '@wordpress/core-data';
@@ -23,9 +24,10 @@ import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands
 import Layout from './components/layout';
 import EditorInitialization from './components/editor-initialization';
 import { store as editPostStore } from './store';
-import { unlock } from './private-apis';
+import { unlock } from './lock-unlock';
 
 const { ExperimentalEditorProvider } = unlock( editorPrivateApis );
+const { getLayoutStyles } = unlock( blockEditorPrivateApis );
 const { useCommands } = unlock( coreCommandsPrivateApis );
 
 function Editor( { postId, postType, settings, initialEdits, ...props } ) {
@@ -164,10 +166,29 @@ function Editor( { postId, postType, settings, initialEdits, ...props } ) {
 				presetStyles.push( style );
 			}
 		} );
+
 		const defaultEditorStyles = [
 			...settings.defaultEditorStyles,
 			...presetStyles,
 		];
+
+		// If theme styles are not present or displayed, ensure that
+		// base layout styles are still present in the editor.
+		if (
+			! settings.disableLayoutStyles &&
+			! ( hasThemeStyles && themeStyles.length )
+		) {
+			defaultEditorStyles.push( {
+				css: getLayoutStyles( {
+					style: {},
+					selector: 'body',
+					hasBlockGapSupport: false,
+					hasFallbackGapSupport: true,
+					fallbackGapValue: '0.5em',
+				} ),
+			} );
+		}
+
 		return hasThemeStyles && themeStyles.length
 			? settings.styles
 			: defaultEditorStyles;

package/src/index.js

@@ -79,7 +79,7 @@ export function initializeEditor(
 	}
 
 	/*
-	 * Prevent adding template part and post content block in the post editor.
+	 * Prevent adding template part in the post editor.
 	 * Only add the filter when the post editor is initialized, not imported.
 	 * Also only add the filter(s) after registerCoreBlocks()
 	 * so that common filters in the block library are not overwritten.
@@ -90,8 +90,7 @@ export function initializeEditor(
 		( canInsert, blockType ) => {
 			if (
 				! select( editPostStore ).isEditingTemplate() &&
-				( blockType.name === 'core/template-part' ||
-					blockType.name === 'core/post-content' )
+				blockType.name === 'core/template-part'
 			) {
 				return false;
 			}
@@ -99,6 +98,34 @@ export function initializeEditor(
 		}
 	);
 
+	/*
+	 * Prevent adding post content block (except in query block) in the post editor.
+	 * Only add the filter when the post editor is initialized, not imported.
+	 * Also only add the filter(s) after registerCoreBlocks()
+	 * so that common filters in the block library are not overwritten.
+	 */
+	addFilter(
+		'blockEditor.__unstableCanInsertBlockType',
+		'removePostContentFromInserter',
+		(
+			canInsert,
+			blockType,
+			rootClientId,
+			{ getBlockParentsByBlockName }
+		) => {
+			if (
+				! select( editPostStore ).isEditingTemplate() &&
+				blockType.name === 'core/post-content'
+			) {
+				return (
+					getBlockParentsByBlockName( rootClientId, 'core/query' )
+						.length > 0
+				);
+			}
+			return canInsert;
+		}
+	);
+
 	// Show a console log warning if the browser is not in Standards rendering mode.
 	const documentMode =
 		document.compatMode === 'CSS1Compat' ? 'Standards' : 'Quirks';

package/src/plugins/index.js

@@ -28,7 +28,7 @@ registerPlugin( 'edit-post', {
 									post_type: 'wp_block',
 								} ) }
 							>
-								{ __( 'Manage Reusable blocks' ) }
+								{ __( 'Manage Patterns' ) }
 							</MenuItem>
 							<KeyboardShortcutsHelpMenuItem
 								onSelect={ onClose }

package/src/test/editor.native.js

@@ -1,18 +1,25 @@
 /**
  * External dependencies
  */
-import { act, render } from 'test/helpers';
+import {
+	act,
+	addBlock,
+	fireEvent,
+	getBlock,
+	initializeEditor,
+	render,
+	setupCoreBlocks,
+} from 'test/helpers';
 
 /**
  * WordPress dependencies
  */
-import { registerCoreBlocks } from '@wordpress/block-library';
-import RNReactNativeGutenbergBridge from '@wordpress/react-native-bridge';
+import RNReactNativeGutenbergBridge, {
+	subscribeParentToggleHTMLMode,
+} from '@wordpress/react-native-bridge';
 // Force register 'core/editor' store.
 import { store } from '@wordpress/editor'; // eslint-disable-line no-unused-vars
 
-jest.mock( '../components/layout', () => () => 'Layout' );
-
 /**
  * Internal dependencies
  */
@@ -34,11 +41,9 @@ afterAll( () => {
 	jest.useRealTimers();
 } );
 
-describe( 'Editor', () => {
-	beforeAll( () => {
-		registerCoreBlocks();
-	} );
+setupCoreBlocks();
 
+describe( 'Editor', () => {
 	it( 'detects unsupported block and sends hasUnsupportedBlocks true to native', () => {
 		RNReactNativeGutenbergBridge.editorDidMount = jest.fn();
 
@@ -56,6 +61,26 @@ describe( 'Editor', () => {
 			RNReactNativeGutenbergBridge.editorDidMount
 		).toHaveBeenCalledWith( [ 'core/notablock' ] );
 	} );
+
+	it( 'toggles the editor from Visual to HTML mode', async () => {
+		// Arrange
+		let toggleMode;
+		subscribeParentToggleHTMLMode.mockImplementation( ( callback ) => {
+			toggleMode = callback;
+		} );
+		const screen = await initializeEditor();
+		await addBlock( screen, 'Paragraph' );
+
+		// Act
+		const paragraphBlock = getBlock( screen, 'Paragraph' );
+		fireEvent.press( paragraphBlock );
+
+		toggleMode();
+
+		// Assert
+		const htmlEditor = await screen.findByLabelText( 'html-view-content' );
+		expect( htmlEditor ).toBeVisible();
+	} );
 } );
 
 // Utilities.

package/build/private-apis.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/private-apis.js"],"names":["lock","unlock"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IACZ,mEACC,8GADD,EAEC,sBAFD,CADM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.',\n\t\t'@wordpress/edit-post'\n\t);\n"]}

package/build-module/private-apis.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/private-apis.js"],"names":["__dangerousOptInToUnstableAPIsOnlyForCoreModules","lock","unlock"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gDAAT,QAAiE,yBAAjE;AAEA,OAAO,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IACZF,gDAAgD,CAC/C,8GAD+C,EAE/C,sBAF+C,CAD1C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.',\n\t\t'@wordpress/edit-post'\n\t);\n"]}