@wordpress/block-library 9.48.0 → 9.48.1

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

@@ -1,47 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Pullquote 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:pullquote -->
-<figure class="wp-block-pullquote"><blockquote><p>One of the hardest things to do in technology is disrupt yourself.</p><cite>Matt Mullenweg</cite></blockquote></figure>
-<!-- /wp:pullquote --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Pullquote block transforms to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:pullquote -->
-<figure class="wp-block-pullquote"><blockquote><p>One of the hardest things to do in technology is disrupt yourself.</p><cite>Matt Mullenweg</cite></blockquote></figure>
-<!-- /wp:pullquote --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Pullquote block transforms to Heading block 1`] = `
-"<!-- wp:heading -->
-<h2 class="wp-block-heading">One of the hardest things to do in technology is disrupt yourself.</h2>
-<!-- /wp:heading -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading">Matt Mullenweg</h2>
-<!-- /wp:heading -->"
-`;
-
-exports[`Pullquote block transforms to Paragraph block 1`] = `
-"<!-- wp:paragraph -->
-<p>One of the hardest things to do in technology is disrupt yourself.</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Matt Mullenweg</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Pullquote block transforms to Quote block 1`] = `
-"<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p>One of the hardest things to do in technology is disrupt yourself.</p>
-<!-- /wp:paragraph --><cite>Matt Mullenweg</cite></blockquote>
-<!-- /wp:quote -->"
-`;

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

@@ -1,73 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	getBlock,
-	initializeEditor,
-	selectRangeInRichText,
-	setupCoreBlocks,
-	getEditorHtml,
-	fireEvent,
-	within,
-	waitFor,
-	typeInRichText,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { ENTER } from '@wordpress/keycodes';
-
-setupCoreBlocks();
-
-describe( 'Pullquote', () => {
-	it( 'should produce expected markup for multiline text', async () => {
-		// Arrange
-		const screen = await initializeEditor();
-		await addBlock( screen, 'Pullquote' );
-		// Await inner blocks to be rendered
-		const citationBlock = await waitFor( () =>
-			screen.getByPlaceholderText( 'Add citation' )
-		);
-
-		// Act
-		const pullquoteBlock = getBlock( screen, 'Pullquote' );
-		fireEvent.press( pullquoteBlock );
-		const pullquoteTextInput =
-			within( pullquoteBlock ).getByPlaceholderText( 'Add quote' );
-		typeInRichText( pullquoteTextInput, 'A great statement.' );
-		fireEvent( pullquoteTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		typeInRichText( pullquoteTextInput, 'Again' );
-
-		const citationTextInput =
-			within( citationBlock ).getByPlaceholderText( 'Add citation' );
-		typeInRichText( citationTextInput, 'A person' );
-		fireEvent( citationTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		selectRangeInRichText( citationTextInput, 2 );
-		fireEvent( citationTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-
-		// Assert
-		expect( getEditorHtml() ).toMatchInlineSnapshot( `
-		"<!-- wp:pullquote -->
-		<figure class="wp-block-pullquote"><blockquote><p>A great statement.<br>Again</p><cite>A <br>person</cite></blockquote></figure>
-		<!-- /wp:pullquote -->
-
-		<!-- wp:paragraph -->
-		<p></p>
-		<!-- /wp:paragraph -->"
-	` );
-	} );
-} );

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

@@ -1,46 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-	transformBlock,
-	getBlockTransformOptions,
-} from 'test/helpers';
-
-const block = 'Pullquote';
-const initialHtml = `
-<!-- wp:pullquote -->
-<figure class="wp-block-pullquote"><blockquote><p>One of the hardest things to do in technology is disrupt yourself.</p><cite>Matt Mullenweg</cite></blockquote></figure>
-<!-- /wp:pullquote -->`;
-
-const transformsWithInnerBlocks = [ 'Quote', 'Columns', 'Group' ];
-const blockTransforms = [
-	'Paragraph',
-	'Heading',
-	...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/pullquote/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;

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

@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Quote 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:quote {"textAlign":"left","className":"is-style-large"} -->
-<blockquote class="wp-block-quote has-text-align-left is-style-large"><!-- wp:paragraph -->
-<p>"This will make running your own blog a viable alternative again."</p>
-<!-- /wp:paragraph --><cite>— <a href="https://twitter.com/azumbrunnen_/status/1019347243084800005">Adrian Zumbrunnen</a></cite></blockquote>
-<!-- /wp:quote --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Quote block transforms to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:quote {"textAlign":"left","className":"is-style-large"} -->
-<blockquote class="wp-block-quote has-text-align-left is-style-large"><!-- wp:paragraph -->
-<p>"This will make running your own blog a viable alternative again."</p>
-<!-- /wp:paragraph --><cite>— <a href="https://twitter.com/azumbrunnen_/status/1019347243084800005">Adrian Zumbrunnen</a></cite></blockquote>
-<!-- /wp:quote --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Quote block transforms to Paragraph block 1`] = `
-"<!-- wp:paragraph -->
-<p>"This will make running your own blog a viable alternative again."</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>— <a href="https://twitter.com/azumbrunnen_/status/1019347243084800005">Adrian Zumbrunnen</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Quote block transforms to Pullquote block 1`] = `
-"<!-- wp:pullquote -->
-<figure class="wp-block-pullquote"><blockquote><p>"This will make running your own blog a viable alternative again."</p><cite>— <a href="https://twitter.com/azumbrunnen_/status/1019347243084800005">Adrian Zumbrunnen</a></cite></blockquote></figure>
-<!-- /wp:pullquote -->"
-`;
-
-exports[`Quote block transforms ungroups block 1`] = `
-"<!-- wp:paragraph -->
-<p>"This will make running your own blog a viable alternative again."</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>— <a href="https://twitter.com/azumbrunnen_/status/1019347243084800005">Adrian Zumbrunnen</a></p>
-<!-- /wp:paragraph -->"
-`;

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

@@ -1,94 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	getBlock,
-	initializeEditor,
-	selectRangeInRichText,
-	setupCoreBlocks,
-	getEditorHtml,
-	fireEvent,
-	within,
-	typeInRichText,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { ENTER } from '@wordpress/keycodes';
-
-setupCoreBlocks();
-
-describe( 'Quote', () => {
-	it( 'should produce expected markup for multiline text', async () => {
-		// Arrange
-		const screen = await initializeEditor();
-		await addBlock( screen, 'Quote' );
-		const quoteBlock = getBlock( screen, 'Quote' );
-		// A layout event must be explicitly dispatched in BlockList component,
-		// otherwise the inner blocks are not rendered.
-		fireEvent(
-			within( quoteBlock ).getByTestId( 'block-list-wrapper' ),
-			'layout',
-			{
-				nativeEvent: {
-					layout: {
-						width: 320,
-					},
-				},
-			}
-		);
-
-		// Act
-		fireEvent.press( quoteBlock );
-		let quoteTextInput =
-			within( quoteBlock ).getByPlaceholderText( 'Start writing…' );
-		typeInRichText( quoteTextInput, 'A great statement.' );
-		fireEvent( quoteTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		quoteTextInput =
-			within( quoteBlock ).getAllByPlaceholderText(
-				'Start writing…'
-			)[ 1 ];
-		typeInRichText( quoteTextInput, 'Again.' );
-		fireEvent.press( screen.getByLabelText( 'Navigate Up' ) );
-		fireEvent.press( screen.getByLabelText( 'Add citation' ) );
-		const citationBlock =
-			await screen.findByPlaceholderText( 'Add citation' );
-		const citationTextInput =
-			within( citationBlock ).getByPlaceholderText( 'Add citation' );
-		typeInRichText( citationTextInput, 'A person' );
-		fireEvent( citationTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		selectRangeInRichText( citationTextInput, 2 );
-		fireEvent( citationTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-
-		// Assert
-		expect( getEditorHtml() ).toMatchInlineSnapshot( `
-		"<!-- wp:quote -->
-		<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-		<p>A great statement.</p>
-		<!-- /wp:paragraph -->
-
-		<!-- wp:paragraph -->
-		<p>Again.</p>
-		<!-- /wp:paragraph --><cite>A <br>person</cite></blockquote>
-		<!-- /wp:quote -->
-
-		<!-- wp:paragraph -->
-		<p></p>
-		<!-- /wp:paragraph -->"
-	` );
-	} );
-} );

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

@@ -1,69 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-	transformBlock,
-	getBlock,
-	openBlockActionsMenu,
-	fireEvent,
-	getBlockTransformOptions,
-} from 'test/helpers';
-
-const block = 'Quote';
-const initialHtml = `
-<!-- wp:quote {"textAlign":"left","className":"is-style-large"} -->
-<blockquote class="wp-block-quote has-text-align-left is-style-large"><!-- wp:paragraph -->
-<p>"This will make running your own blog a viable alternative again."</p>
-<!-- /wp:paragraph --><cite>— <a href="https://twitter.com/azumbrunnen_/status/1019347243084800005">Adrian Zumbrunnen</a></cite></blockquote>
-<!-- /wp:quote -->`;
-
-const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [
-	'Pullquote',
-	'Paragraph',
-	...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( 'ungroups block', async () => {
-		const screen = await initializeEditor( { initialHtml } );
-		const { getByText } = screen;
-		fireEvent.press( getBlock( screen, block ) );
-
-		await openBlockActionsMenu( screen );
-		fireEvent.press( getByText( 'Ungroup' ) );
-
-		// The first block created is the content of the Paragraph block.
-		const paragraph = getBlock( screen, 'Paragraph', 0 );
-		expect( paragraph ).toBeVisible();
-		// The second block created is the content of the citation element.
-		const citation = getBlock( screen, 'Paragraph', 1 );
-		expect( citation ).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/quote/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;