@wordpress/block-library 9.48.0 → 9.48.1

package/src/spacer/test/index.native.js

@@ -1,257 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	fireEvent,
-	getEditorHtml,
-	initializeEditor,
-	waitForModalVisible,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-import { registerCoreBlocks } from '@wordpress/block-library';
-
-beforeAll( () => {
-	// Register all core blocks
-	registerCoreBlocks();
-} );
-
-afterAll( () => {
-	// Clean up registered blocks
-	getBlockTypes().forEach( ( block ) => {
-		unregisterBlockType( block.name );
-	} );
-} );
-
-describe( 'Spacer block', () => {
-	it( 'inserts block', async () => {
-		const screen = await initializeEditor();
-
-		fireEvent.press( screen.getByLabelText( 'Add block' ) );
-
-		const blockList = screen.getByTestId( 'InserterUI-Blocks' );
-		// onScroll event used to force the FlatList to render all items
-		fireEvent.scroll( blockList, {
-			nativeEvent: {
-				contentOffset: { y: 0, x: 0 },
-				contentSize: { width: 100, height: 100 },
-				layoutMeasurement: { width: 100, height: 100 },
-			},
-		} );
-
-		fireEvent.press( screen.getByText( 'Spacer' ) );
-
-		const [ spacerBlock ] =
-			screen.getAllByLabelText( /Spacer Block\. Row 1/ );
-		expect( spacerBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'updates height to 50px', async () => {
-		const initialHtml = `<!-- wp:spacer -->
-		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Select Spacer block
-		const [ spacerBlock ] =
-			screen.getAllByLabelText( /Spacer Block\. Row 1/ );
-		fireEvent.press( spacerBlock );
-
-		// Open block settings
-		fireEvent.press( screen.getByLabelText( 'Open Settings' ) );
-		const blockSettingsModal = screen.getByTestId( 'block-settings-modal' );
-		await waitForModalVisible( blockSettingsModal );
-
-		// Update height attribute
-		fireEvent.press( screen.getByText( '100', { hidden: true } ) );
-		const heightTextInput = screen.getByDisplayValue( '100', {
-			hidden: true,
-		} );
-		fireEvent.changeText( heightTextInput, '50' );
-
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'updates height to 25vh', async () => {
-		const initialHtml = `<!-- wp:spacer -->
-		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Select Spacer block
-		const [ spacerBlock ] =
-			screen.getAllByLabelText( /Spacer Block\. Row 1/ );
-		fireEvent.press( spacerBlock );
-
-		// Open block settings
-		fireEvent.press( screen.getByLabelText( 'Open Settings' ) );
-		const blockSettingsModal = screen.getByTestId( 'block-settings-modal' );
-		await waitForModalVisible( blockSettingsModal );
-
-		// Set vh unit
-		fireEvent.press( screen.getByText( 'px', { hidden: true } ) );
-		fireEvent.press(
-			screen.getByText( 'Viewport height (vh)', { hidden: true } )
-		);
-
-		// Update height attribute
-		fireEvent.press( screen.getByText( '100', { hidden: true } ) );
-		const heightTextInput = screen.getByDisplayValue( '100', {
-			hidden: true,
-		} );
-		fireEvent.changeText( heightTextInput, '25' );
-
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'increments height', async () => {
-		const initialHtml = `<!-- wp:spacer -->
-		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Select Spacer block
-		const [ spacerBlock ] =
-			screen.getAllByLabelText( /Spacer Block\. Row 1/ );
-		fireEvent.press( spacerBlock );
-
-		// Open block settings
-		fireEvent.press( screen.getByLabelText( 'Open Settings' ) );
-		const blockSettingsModal = screen.getByTestId( 'block-settings-modal' );
-		await waitForModalVisible( blockSettingsModal );
-
-		// Increment height
-		fireEvent(
-			screen.getByLabelText( /Height\. Value is 100 Pixels \(px\)/ ),
-			'accessibilityAction',
-			{
-				nativeEvent: { actionName: 'increment' },
-			}
-		);
-
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'decrements height', async () => {
-		const initialHtml = `<!-- wp:spacer -->
-		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Select Spacer block
-		const [ spacerBlock ] =
-			screen.getAllByLabelText( /Spacer Block\. Row 1/ );
-		fireEvent.press( spacerBlock );
-
-		// Open block settings
-		fireEvent.press( screen.getByLabelText( 'Open Settings' ) );
-		const blockSettingsModal = screen.getByTestId( 'block-settings-modal' );
-		await waitForModalVisible( blockSettingsModal );
-
-		// Increment height
-		fireEvent(
-			screen.getByLabelText( /Height\. Value is 100 Pixels \(px\)/ ),
-			'accessibilityAction',
-			{
-				nativeEvent: { actionName: 'decrement' },
-			}
-		);
-
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'inserts block with spacingSizes preset', async () => {
-		// Mock spacingSizes presets
-		const RAW_STYLES = {
-			typography: {
-				fontSize: 16,
-			},
-		};
-		const RAW_FEATURES = {
-			spacing: {
-				spacingSizes: {
-					theme: [
-						{
-							size: '3.125rem',
-							slug: '100',
-							name: '100',
-						},
-						{
-							size: '3.75rem',
-							slug: '110',
-							name: '110',
-						},
-					],
-				},
-			},
-		};
-
-		const initialHtml = `<!-- wp:spacer {"height":"var:preset|spacing|110"} -->
-		<div style="height:var(--wp--preset--spacing--110)" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
-			rawStyles: JSON.stringify( RAW_STYLES ),
-			rawFeatures: JSON.stringify( RAW_FEATURES ),
-		} );
-
-		// Select Spacer block
-		const [ spacerBlock ] =
-			screen.getAllByLabelText( /Spacer Block\. Row 1/ );
-		fireEvent.press( spacerBlock );
-
-		// Open block settings
-		fireEvent.press( screen.getByLabelText( 'Open Settings' ) );
-		const blockSettingsModal = screen.getByTestId( 'block-settings-modal' );
-		await waitForModalVisible( blockSettingsModal );
-
-		// Update height attribute
-		fireEvent.press( screen.getByText( '60', { hidden: true } ) );
-		const heightTextInput = screen.getByDisplayValue( '60', {
-			hidden: true,
-		} );
-		fireEvent.changeText( heightTextInput, '70' );
-
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'inserts block with spacingSizes preset without matching global styles values', async () => {
-		const initialHtml = `<!-- wp:spacer {"height":"var:preset|spacing|30"} -->
-		<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Select Spacer block
-		const [ spacerBlock ] =
-			screen.getAllByLabelText( /Spacer Block\. Row 1/ );
-		fireEvent.press( spacerBlock );
-
-		// Open block settings
-		fireEvent.press( screen.getByLabelText( 'Open Settings' ) );
-		const blockSettingsModal = screen.getByTestId( 'block-settings-modal' );
-		await waitForModalVisible( blockSettingsModal );
-
-		// Update height attribute
-		fireEvent.press( screen.getByText( '100', { hidden: true } ) );
-		const heightTextInput = screen.getByDisplayValue( '100', {
-			hidden: true,
-		} );
-		fireEvent.changeText( heightTextInput, '120' );
-
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-} );

package/src/spacer/test/transforms.native.js

@@ -1,42 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-	transformBlock,
-	getBlockTransformOptions,
-} from 'test/helpers';
-
-const block = 'Spacer';
-const initialHtml = `
-<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->`;
-
-const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [ 'Separator', ...transformsWithInnerBlocks ];
-
-setupCoreBlocks();
-
-describe( `${ block } block transforms`, () => {
-	test.each( blockTransforms )( 'to %s block', async ( blockTransform ) => {
-		const screen = await initializeEditor( { initialHtml } );
-		const newBlock = await transformBlock( screen, block, blockTransform, {
-			hasInnerBlocks:
-				transformsWithInnerBlocks.includes( blockTransform ),
-		} );
-		expect( newBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'matches expected transformation options', async () => {
-		const screen = await initializeEditor( { initialHtml } );
-		const transformOptions = await getBlockTransformOptions(
-			screen,
-			block
-		);
-		expect( transformOptions ).toHaveLength( blockTransforms.length );
-	} );
-} );

package/src/table/transforms.native.js

@@ -1,11 +0,0 @@
-/**
- * Internal dependencies
- */
-import webTransforms from './transforms.js';
-
-const transforms = {
-	...webTransforms,
-	supportedMobileTransforms: [],
-};
-
-export default transforms;

package/src/text-columns/transforms.native.js

@@ -1,12 +0,0 @@
-/**
- * Internal dependencies
- */
-import webTransforms from './transforms.js';
-import transformationCategories from '../utils/transformation-categories';
-
-const transforms = {
-	...webTransforms,
-	supportedMobileTransforms: transformationCategories.grouped,
-};
-
-export default transforms;

package/src/utils/init-block.native.js

@@ -1,40 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { registerBlockType } from '@wordpress/blocks';
-
-const ALLOWED_BLOCKS_GRADIENT_SUPPORT = [ 'core/button' ];
-
-/**
- * Function to register an individual block.
- *
- * @param {Object} block The block to be registered.
- *
- * @return {WPBlockType | undefined} The block, if it has been successfully registered;
- *                        otherwise `undefined`.
- */
-export default function initBlock( block ) {
-	if ( ! block ) {
-		return;
-	}
-	const { metadata, settings, name } = block;
-	const { supports } = metadata;
-
-	return registerBlockType(
-		{
-			name,
-			...metadata,
-			// Gradients support only available for blocks listed in ALLOWED_BLOCKS_GRADIENT_SUPPORT.
-			...( ! ALLOWED_BLOCKS_GRADIENT_SUPPORT.includes( name ) &&
-			supports?.color?.gradients
-				? {
-						supports: {
-							...supports,
-							color: { ...supports.color, gradients: false },
-						},
-				  }
-				: {} ),
-		},
-		settings
-	);
-}

package/src/utils/transformation-categories.native.js

@@ -1,47 +0,0 @@
-const transformationCategories = {
-	richText: [
-		'core/paragraph',
-		'core/heading',
-		'core/list',
-		'core/list-item',
-		'core/quote',
-		'core/pullquote',
-		'core/preformatted',
-		'core/verse',
-		'core/shortcode',
-		'core/code',
-	],
-	media: [
-		'core/image',
-		'core/video',
-		'core/gallery',
-		'core/cover',
-		'core/file',
-		'core/audio',
-		'core/media-text',
-		'core/embed',
-	],
-	grouped: [ 'core/columns', 'core/group', 'core/text-columns' ],
-	other: [
-		'core/more',
-		'core/nextpage',
-		'core/separator',
-		'core/spacer',
-		'core/latest-posts',
-		'core/buttons',
-	],
-};
-
-export const transformationCategory = ( blockName ) => {
-	const found = Object.entries( transformationCategories ).find(
-		( [ , value ] ) => value.includes( blockName )
-	);
-	if ( ! found ) {
-		return [];
-	}
-
-	const group = found[ 0 ];
-	return transformationCategories[ group ];
-};
-
-export default transformationCategories;

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

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Verse block inserts block 1`] = `
-"<!-- wp:verse -->
-<pre class="wp-block-verse"></pre>
-<!-- /wp:verse -->"
-`;
-
-exports[`Verse block renders block text set as initial content 1`] = `
-"<!-- wp:verse -->
-<pre class="wp-block-verse">Sample text</pre>
-<!-- /wp:verse -->"
-`;

package/src/verse/test/__snapshots__/transforms.native.js.snap

@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Verse block transforms to Columns block 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
-<div class="wp-block-column" style="flex-basis:100%"><!-- wp:verse {"textAlign":"center"} -->
-<pre class="wp-block-verse has-text-align-center">Come<br />Home.</pre>
-<!-- /wp:verse --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Verse block transforms to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:verse {"textAlign":"center"} -->
-<pre class="wp-block-verse has-text-align-center">Come<br />Home.</pre>
-<!-- /wp:verse --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Verse block transforms to Paragraph block 1`] = `
-"<!-- wp:paragraph -->
-<p>Come<br />Home.</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Verse block transforms to Preformatted block 1`] = `
-"<!-- wp:preformatted -->
-<pre class="wp-block-preformatted">Come<br />Home.</pre>
-<!-- /wp:preformatted -->"
-`;

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

@@ -1,118 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	getEditorHtml,
-	initializeEditor,
-	getBlock,
-	typeInRichText,
-	fireEvent,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-import { ENTER } from '@wordpress/keycodes';
-import { registerCoreBlocks } from '@wordpress/block-library';
-
-beforeAll( () => {
-	// Register all core blocks
-	registerCoreBlocks();
-} );
-
-afterAll( () => {
-	// Clean up registered blocks
-	getBlockTypes().forEach( ( block ) => {
-		unregisterBlockType( block.name );
-	} );
-} );
-
-describe( 'Verse block', () => {
-	it( 'inserts block', async () => {
-		const screen = await initializeEditor();
-
-		// Add block
-		await addBlock( screen, 'Poetry' );
-
-		// Get block
-		const verseBlock = await getBlock( screen, 'Poetry' );
-		expect( verseBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'renders block text set as initial content', async () => {
-		const screen = await initializeEditor( {
-			initialHtml: `<!-- wp:verse -->
-			<pre class="wp-block-verse">Sample text</pre>
-			<!-- /wp:verse -->`,
-		} );
-
-		// Get block
-		const verseBlock = await getBlock( screen, 'Poetry' );
-		expect( verseBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'should produce expected markup for multiline text', async () => {
-		// Arrange
-		const screen = await initializeEditor();
-		await addBlock( screen, 'Poetry' );
-
-		// Act
-		const verseTextInput =
-			await screen.findByPlaceholderText( 'Write verse…' );
-		typeInRichText( verseTextInput, 'A great statement.' );
-		fireEvent( verseTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		typeInRichText( verseTextInput, 'Again' );
-
-		// Assert
-		expect( getEditorHtml() ).toMatchInlineSnapshot( `
-		"<!-- wp:verse -->
-		<pre class="wp-block-verse">A great statement.<br>Again</pre>
-		<!-- /wp:verse -->"
-	` );
-	} );
-
-	it( 'should split on triple Enter', async () => {
-		// Arrange
-		const screen = await initializeEditor();
-		await addBlock( screen, 'Poetry' );
-
-		// Act
-		const verseTextInput =
-			await screen.findByPlaceholderText( 'Write verse…' );
-		typeInRichText( verseTextInput, 'Hello' );
-		fireEvent( verseTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		fireEvent( verseTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		fireEvent( verseTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-
-		// Assert
-		expect( getEditorHtml() ).toMatchInlineSnapshot( `
-		"<!-- wp:verse -->
-		<pre class="wp-block-verse">Hello</pre>
-		<!-- /wp:verse -->
-
-		<!-- wp:paragraph -->
-		<p></p>
-		<!-- /wp:paragraph -->"
-	` );
-	} );
-} );

package/src/verse/test/transforms.native.js

@@ -1,46 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-	transformBlock,
-	getBlockTransformOptions,
-} from 'test/helpers';
-
-const block = 'Poetry';
-const initialHtml = `
-<!-- wp:verse {"textAlign":"center"} -->
-<pre class="wp-block-verse has-text-align-center">Come<br>Home.</pre>
-<!-- /wp:verse -->`;
-
-const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [
-	'Paragraph',
-	'Preformatted',
-	...transformsWithInnerBlocks,
-];
-
-setupCoreBlocks();
-
-describe( `${ block } block transforms`, () => {
-	test.each( blockTransforms )( 'to %s block', async ( blockTransform ) => {
-		const screen = await initializeEditor( { initialHtml } );
-		const newBlock = await transformBlock( screen, block, blockTransform, {
-			hasInnerBlocks:
-				transformsWithInnerBlocks.includes( blockTransform ),
-		} );
-		expect( newBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'matches expected transformation options', async () => {
-		const screen = await initializeEditor( { initialHtml } );
-		const transformOptions = await getBlockTransformOptions(
-			screen,
-			block
-		);
-		expect( transformOptions ).toHaveLength( blockTransforms.length );
-	} );
-} );

package/src/verse/transforms.native.js

@@ -1,12 +0,0 @@
-/**
- * Internal dependencies
- */
-import webTransforms from './transforms.js';
-import transformationCategories from '../utils/transformation-categories';
-
-const transforms = {
-	...webTransforms,
-	supportedMobileTransforms: transformationCategories.richText,
-};
-
-export default transforms;