@wordpress/block-editor 15.21.0 → 15.22.0

package/src/components/block-list/test/block-invalid-warning.native.js

@@ -1,62 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	fireEvent,
-	getBlock,
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-} from 'test/helpers';
-
-setupCoreBlocks();
-
-beforeEach( () => {
-	// Intentionally suppress the expected console errors and warnings to reduce
-	// noise in the test output.
-	jest.spyOn( console, 'error' ).mockImplementation( () => {} );
-	jest.spyOn( console, 'warn' ).mockImplementation( () => {} );
-} );
-
-describe( 'Block invalid warning', () => {
-	it( 'shows invalid placeholder', async () => {
-		// Arrange
-		const screen = await initializeEditor( {
-			initialHtml: `<!-- wp:spacer -->
-            <div styless="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-            <!-- /wp:spacer -->`,
-		} );
-		expect( console ).toHaveErrored();
-		expect( console ).toHaveWarnedWith(
-			'Encountered unexpected attribute `styless`.'
-		);
-
-		// Assert
-		const warningElement = screen.getByText( /Problem displaying block./ );
-		expect( warningElement ).toBeVisible();
-	} );
-
-	it( 'recovers a block successfully', async () => {
-		// Arrange
-		const screen = await initializeEditor( {
-			initialHtml: `<!-- wp:spacer -->
-            <div styless="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-            <!-- /wp:spacer -->`,
-		} );
-		expect( console ).toHaveErrored();
-		expect( console ).toHaveWarnedWith(
-			'Encountered unexpected attribute `styless`.'
-		);
-		// Act
-		fireEvent.press( screen.getByText( /Problem displaying block./ ) );
-		const spacerBlock = getBlock( screen, 'Spacer' );
-		fireEvent.press( spacerBlock );
-
-		// Assert
-		expect( getEditorHtml() ).toMatchInlineSnapshot( `
-        "<!-- wp:spacer -->
-        <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-        <!-- /wp:spacer -->"
-        ` );
-	} );
-} );

package/src/components/block-list/test/block-list-context.native.js

@@ -1,243 +0,0 @@
-/**
- * Internal dependencies
- */
-import {
-	DEFAULT_BLOCK_LIST_CONTEXT,
-	deleteBlockLayoutByClientId,
-} from '../block-list-context.native';
-import {
-	BLOCKS_LAYOUTS_DATA,
-	DEEP_NESTED_ID,
-	GROUP_BLOCK_LAYOUT_DATA,
-	NESTED_WITH_INNER_BLOCKS_ID,
-	PARAGRAPH_BLOCK_LAYOUT_DATA,
-	ROOT_LEVEL_ID,
-} from './fixtures/block-list-context.native';
-
-// Deep clone an object to avoid mutating it later.
-const cloneObject = ( obj ) => JSON.parse( JSON.stringify( obj ) );
-
-describe( 'findBlockLayoutByClientId', () => {
-	it( "finds a block's layout data at root level", () => {
-		const { findBlockLayoutByClientId } = DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = BLOCKS_LAYOUTS_DATA;
-
-		const blockRootLevel = findBlockLayoutByClientId(
-			currentBlockLayouts,
-			ROOT_LEVEL_ID
-		);
-
-		expect( blockRootLevel ).toEqual(
-			expect.objectContaining( { clientId: ROOT_LEVEL_ID } )
-		);
-	} );
-
-	it( "finds a nested block's layout data with inner blocks", () => {
-		const { findBlockLayoutByClientId } = DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = BLOCKS_LAYOUTS_DATA;
-
-		const nestedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts,
-			NESTED_WITH_INNER_BLOCKS_ID
-		);
-
-		expect( nestedBlock ).toEqual(
-			expect.objectContaining( { clientId: NESTED_WITH_INNER_BLOCKS_ID } )
-		);
-	} );
-
-	it( "finds a deep nested block's layout data", () => {
-		const { findBlockLayoutByClientId } = DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = BLOCKS_LAYOUTS_DATA;
-
-		const deepNestedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts,
-			DEEP_NESTED_ID
-		);
-
-		expect( deepNestedBlock ).toEqual(
-			expect.objectContaining( { clientId: DEEP_NESTED_ID } )
-		);
-	} );
-} );
-
-describe( 'deleteBlockLayoutByClientId', () => {
-	it( "deletes a block's layout data at root level", () => {
-		const { findBlockLayoutByClientId } = DEFAULT_BLOCK_LIST_CONTEXT;
-		const defaultBlockLayouts = cloneObject( BLOCKS_LAYOUTS_DATA );
-		const currentBlockLayouts = deleteBlockLayoutByClientId(
-			defaultBlockLayouts,
-			ROOT_LEVEL_ID
-		);
-
-		const findDeletedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts,
-			ROOT_LEVEL_ID
-		);
-
-		expect( findDeletedBlock ).toBeNull();
-	} );
-
-	it( "deletes a nested block's layout data with inner blocks", () => {
-		const { findBlockLayoutByClientId } = DEFAULT_BLOCK_LIST_CONTEXT;
-		const defaultBlockLayouts = cloneObject( BLOCKS_LAYOUTS_DATA );
-		const currentBlockLayouts = deleteBlockLayoutByClientId(
-			defaultBlockLayouts,
-			NESTED_WITH_INNER_BLOCKS_ID
-		);
-
-		const findDeletedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts,
-			NESTED_WITH_INNER_BLOCKS_ID
-		);
-
-		expect( findDeletedBlock ).toBeNull();
-	} );
-
-	it( "deletes a deep nested block's layout data", () => {
-		const { findBlockLayoutByClientId } = DEFAULT_BLOCK_LIST_CONTEXT;
-		const defaultBlockLayouts = cloneObject( BLOCKS_LAYOUTS_DATA );
-		const currentBlockLayouts = deleteBlockLayoutByClientId(
-			defaultBlockLayouts,
-			DEEP_NESTED_ID
-		);
-
-		const findDeletedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts,
-			DEEP_NESTED_ID
-		);
-
-		expect( findDeletedBlock ).toBeNull();
-	} );
-} );
-
-describe( 'updateBlocksLayouts', () => {
-	it( "adds a new block's layout data at root level with an empty object", () => {
-		const {
-			blocksLayouts,
-			findBlockLayoutByClientId,
-			updateBlocksLayouts,
-		} = DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = cloneObject( blocksLayouts );
-		const BLOCK_CLIENT_ID = PARAGRAPH_BLOCK_LAYOUT_DATA.clientId;
-
-		updateBlocksLayouts( currentBlockLayouts, PARAGRAPH_BLOCK_LAYOUT_DATA );
-
-		const findAddedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts.current,
-			BLOCK_CLIENT_ID
-		);
-
-		expect( findAddedBlock ).toEqual(
-			expect.objectContaining( {
-				clientId: BLOCK_CLIENT_ID,
-				rootClientId: undefined,
-			} )
-		);
-	} );
-
-	it( "adds a new block's layout data at root level with inner blocks", () => {
-		const { findBlockLayoutByClientId, updateBlocksLayouts } =
-			DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = {
-			current: cloneObject( BLOCKS_LAYOUTS_DATA ),
-		};
-		const PARENT_BLOCK_CLIENT_ID = GROUP_BLOCK_LAYOUT_DATA.clientId;
-
-		// Add parent block
-		updateBlocksLayouts( currentBlockLayouts, GROUP_BLOCK_LAYOUT_DATA );
-
-		const findAddedParentBlock = findBlockLayoutByClientId(
-			currentBlockLayouts.current,
-			PARENT_BLOCK_CLIENT_ID
-		);
-
-		expect( findAddedParentBlock ).toEqual(
-			expect.objectContaining( { clientId: PARENT_BLOCK_CLIENT_ID } )
-		);
-
-		// Add inner block to it's parent
-		updateBlocksLayouts( currentBlockLayouts, {
-			...PARAGRAPH_BLOCK_LAYOUT_DATA,
-			rootClientId: PARENT_BLOCK_CLIENT_ID,
-		} );
-
-		const findAddedInnerBlock = findBlockLayoutByClientId(
-			currentBlockLayouts.current,
-			PARAGRAPH_BLOCK_LAYOUT_DATA.clientId
-		);
-
-		expect( findAddedInnerBlock ).toEqual(
-			expect.objectContaining( {
-				clientId: PARAGRAPH_BLOCK_LAYOUT_DATA.clientId,
-				rootClientId: PARENT_BLOCK_CLIENT_ID,
-			} )
-		);
-	} );
-
-	it( "adds a new block's layout data at deep level", () => {
-		const { findBlockLayoutByClientId, updateBlocksLayouts } =
-			DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = {
-			current: cloneObject( BLOCKS_LAYOUTS_DATA ),
-		};
-
-		// Add block layout data to it's parents inner blocks
-		updateBlocksLayouts( currentBlockLayouts, {
-			...PARAGRAPH_BLOCK_LAYOUT_DATA,
-			rootClientId: NESTED_WITH_INNER_BLOCKS_ID,
-		} );
-
-		const findAddedInnerBlock = findBlockLayoutByClientId(
-			currentBlockLayouts.current,
-			PARAGRAPH_BLOCK_LAYOUT_DATA.clientId
-		);
-
-		expect( findAddedInnerBlock ).toEqual(
-			expect.objectContaining( {
-				clientId: PARAGRAPH_BLOCK_LAYOUT_DATA.clientId,
-				rootClientId: NESTED_WITH_INNER_BLOCKS_ID,
-			} )
-		);
-	} );
-
-	it( "deletes a block's layout data at root level", () => {
-		const { findBlockLayoutByClientId, updateBlocksLayouts } =
-			DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = {
-			current: cloneObject( BLOCKS_LAYOUTS_DATA ),
-		};
-
-		updateBlocksLayouts( currentBlockLayouts, {
-			shouldRemove: true,
-			clientId: ROOT_LEVEL_ID,
-		} );
-
-		const findDeletedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts.current,
-			ROOT_LEVEL_ID
-		);
-
-		expect( findDeletedBlock ).toBeNull();
-	} );
-
-	it( "deletes a block's layout data at a deep level", () => {
-		const { findBlockLayoutByClientId, updateBlocksLayouts } =
-			DEFAULT_BLOCK_LIST_CONTEXT;
-		const currentBlockLayouts = {
-			current: cloneObject( BLOCKS_LAYOUTS_DATA ),
-		};
-
-		updateBlocksLayouts( currentBlockLayouts, {
-			shouldRemove: true,
-			clientId: DEEP_NESTED_ID,
-		} );
-
-		const findDeletedBlock = findBlockLayoutByClientId(
-			currentBlockLayouts.current,
-			DEEP_NESTED_ID
-		);
-
-		expect( findDeletedBlock ).toBeNull();
-	} );
-} );

package/src/components/block-list/test/block-outline.native.js

@@ -1,255 +0,0 @@
-/**
- * External dependencies
- */
-import { render, screen } from 'test/helpers';
-
-/**
- * Internal dependencies
- */
-import BlockOutline from '../block-outline';
-
-describe( 'BlockOutline', () => {
-	describe( 'containing an unselected block', () => {
-		it( 'should not render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected={ false }
-					blockCategory="design"
-					name="core/group"
-				/>
-			);
-
-			expect( screen.queryByTestId( 'block-outline' ) ).toBeNull();
-		} );
-	} );
-
-	describe( 'containing a block with inner blocks', () => {
-		it( 'should render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="design"
-					name="core/group"
-					hasInnerBlocks
-				/>
-			);
-
-			expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-		} );
-	} );
-
-	describe( 'containing a design category block', () => {
-		it( 'should render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="design"
-					name="core/group"
-				/>
-			);
-
-			expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-		} );
-	} );
-
-	describe( 'containing a text category block', () => {
-		it( 'should not render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="text"
-					name="core/paragraph"
-				/>
-			);
-
-			expect( screen.queryByTestId( 'block-outline' ) ).toBeNull();
-		} );
-
-		describe( 'with inner blocks', () => {
-			it( 'should render an outline', async () => {
-				render(
-					<BlockOutline
-						isSelected
-						blockCategory="text"
-						name="core/list"
-						hasInnerBlocks
-					/>
-				);
-
-				expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-			} );
-		} );
-	} );
-
-	describe( 'containing a widget category block', () => {
-		it( 'should render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="widgets"
-					name="core/latest-posts"
-				/>
-			);
-
-			expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-		} );
-	} );
-
-	describe( 'containing a spacer block', () => {
-		it( 'should not render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="design"
-					name="core/spacer"
-				/>
-			);
-
-			expect( screen.queryByTestId( 'block-outline' ) ).toBeNull();
-		} );
-	} );
-
-	describe( 'containing a button block', () => {
-		it( 'should not render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="design"
-					name="core/button"
-				/>
-			);
-
-			expect( screen.queryByTestId( 'block-outline' ) ).toBeNull();
-		} );
-	} );
-
-	describe( 'containing a social link block', () => {
-		it( 'should render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="embed"
-					name="core/social-link"
-				/>
-			);
-
-			expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-		} );
-
-		describe( 'when platform specific', () => {
-			it( 'should render an outline', async () => {
-				render(
-					<BlockOutline
-						isSelected
-						blockCategory="embed"
-						name="core/social-link-amazon"
-					/>
-				);
-
-				expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-			} );
-		} );
-	} );
-
-	describe( 'containing a media block', () => {
-		it( 'should not render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="media"
-					name="core/image"
-				/>
-			);
-
-			expect( screen.queryByTestId( 'block-outline' ) ).toBeNull();
-		} );
-
-		describe( 'with inner blocks', () => {
-			it( 'should render an outline', async () => {
-				render(
-					<BlockOutline
-						isSelected
-						blockCategory="media"
-						name="core/gallery"
-						hasInnerBlocks
-					/>
-				);
-
-				expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-			} );
-
-			describe( 'when cover block', () => {
-				it( 'should not render an outline', async () => {
-					render(
-						<BlockOutline
-							isSelected
-							blockCategory="media"
-							name="core/cover"
-							hasInnerBlocks
-						/>
-					);
-
-					expect(
-						screen.queryByTestId( 'block-outline' )
-					).toBeNull();
-				} );
-			} );
-		} );
-
-		describe( 'when a file block', () => {
-			it( 'should render an outline', async () => {
-				render(
-					<BlockOutline
-						isSelected
-						blockCategory="media"
-						name="core/file"
-					/>
-				);
-
-				expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-			} );
-		} );
-
-		describe( 'when an audio block', () => {
-			it( 'should render an outline', async () => {
-				render(
-					<BlockOutline
-						isSelected
-						blockCategory="media"
-						name="core/audio"
-					/>
-				);
-
-				expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-			} );
-		} );
-	} );
-
-	describe( 'containing a freeform block', () => {
-		it( 'should render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="text"
-					name="core/freeform"
-				/>
-			);
-
-			expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-		} );
-	} );
-
-	describe( 'containing a missing block', () => {
-		it( 'should render an outline', async () => {
-			render(
-				<BlockOutline
-					isSelected
-					blockCategory="text"
-					name="core/missing"
-				/>
-			);
-
-			expect( screen.getByTestId( 'block-outline' ) ).toBeVisible();
-		} );
-	} );
-} );

package/src/components/block-list/test/fixtures/block-list-context.native.js

@@ -1,79 +0,0 @@
-export const ROOT_LEVEL_ID = 'e59528f8-fb35-4ec1-aec6-5a065c236fa1';
-export const ROOT_LEVEL_WITH_INNER_BLOCKS_ID =
-	'72a9220f-4c3d-4b00-bae1-4506513f63d8';
-export const NESTED_WITH_INNER_BLOCKS_ID =
-	'9f3d1f1e-df85-485d-af63-dc8cb1b93cbc';
-export const DEEP_NESTED_ID = 'abec845a-e4de-43fb-96f7-80dc3d51ad7a';
-
-export const BLOCKS_LAYOUTS_DATA = {
-	[ ROOT_LEVEL_ID ]: {
-		clientId: ROOT_LEVEL_ID,
-		width: 390,
-		height: 54,
-		x: 0,
-		y: 83,
-		innerBlocks: {},
-	},
-	[ ROOT_LEVEL_WITH_INNER_BLOCKS_ID ]: {
-		clientId: ROOT_LEVEL_WITH_INNER_BLOCKS_ID,
-		width: 390,
-		height: 386,
-		x: 0,
-		y: 137,
-		innerBlocks: {
-			'62839858-48b0-44ed-b834-1343a1357e54': {
-				clientId: '62839858-48b0-44ed-b834-1343a1357e54',
-				rootClientId: ROOT_LEVEL_WITH_INNER_BLOCKS_ID,
-				width: 390,
-				height: 54,
-				x: 0,
-				y: 0,
-				innerBlocks: {},
-			},
-			[ NESTED_WITH_INNER_BLOCKS_ID ]: {
-				clientId: NESTED_WITH_INNER_BLOCKS_ID,
-				rootClientId: ROOT_LEVEL_WITH_INNER_BLOCKS_ID,
-				width: 390,
-				height: 332,
-				x: 0,
-				y: 54,
-				innerBlocks: {
-					'435d62a4-afa7-457c-a894-b04390d7b447': {
-						clientId: '435d62a4-afa7-457c-a894-b04390d7b447',
-						rootClientId: NESTED_WITH_INNER_BLOCKS_ID,
-						width: 358,
-						height: 54,
-						x: 0,
-						y: 0,
-						innerBlocks: {},
-					},
-					[ DEEP_NESTED_ID ]: {
-						clientId: DEEP_NESTED_ID,
-						rootClientId: NESTED_WITH_INNER_BLOCKS_ID,
-						width: 358,
-						height: 98,
-						x: 0,
-						y: 54,
-						innerBlocks: {},
-					},
-				},
-			},
-		},
-	},
-};
-
-export const PARAGRAPH_BLOCK_LAYOUT_DATA = {
-	clientId: '22dda04f-4718-45b2-8cd2-36cedb9eae4d',
-	width: 390,
-	height: 98,
-	x: 0,
-	y: 83,
-};
-
-export const GROUP_BLOCK_LAYOUT_DATA = {
-	clientId: 'e18249d9-ec06-4f54-b71e-6ec59be5213e',
-	width: 390,
-	height: 164,
-	x: 0,
-	y: 83,
-};