@wordpress/block-library 8.17.1 → 8.18.0

package/src/search/utils.js

@@ -4,7 +4,6 @@
 export const PC_WIDTH_DEFAULT = 50;
 export const PX_WIDTH_DEFAULT = 350;
 export const MIN_WIDTH = 220;
-export const MIN_WIDTH_UNIT = 'px';
 
 /**
  * Returns a boolean whether passed unit is percentage

package/src/site-logo/style.scss

@@ -5,6 +5,7 @@
 
 	a {
 		display: inline-block;
+		line-height: 0;
 	}
 
 	// Provide a sane starting point for the size.

package/src/social-link/edit.native.js

@@ -158,7 +158,7 @@ const SocialLinkEdit = ( {
 		  );
 
 	return (
-		<View style={ styles.container }>
+		<View>
 			{ isSelected && (
 				<>
 					<BlockControls>

package/src/social-link/editor.native.scss

@@ -1,9 +1,5 @@
 @import "./socials-with-bg.scss";
 
-.container {
-	margin: $block-selected-margin;
-}
-
 .linkSettingsPanel {
 	padding-left: 0;
 	padding-right: 0;

package/src/social-links/test/edit.native.js

@@ -3,12 +3,14 @@
  */
 import {
 	addBlock,
+	dismissModal,
 	fireEvent,
 	getEditorHtml,
 	initializeEditor,
 	within,
 	getBlock,
 	waitFor,
+	waitForModalVisible,
 } from 'test/helpers';
 
 /**
@@ -197,4 +199,32 @@ describe( 'Social links block', () => {
 
 		expect( getEditorHtml() ).toMatchSnapshot();
 	} );
+
+	it( "should set a icon's URL", async () => {
+		const screen = await initializeEditor();
+		await addBlock( screen, 'Social Icons' );
+		fireEvent.press( screen.getByLabelText( 'Facebook social icon' ) );
+		fireEvent.press( screen.getByLabelText( 'Add link to Facebook' ) );
+
+		await waitForModalVisible(
+			screen.getByTestId( 'link-settings-navigation' )
+		);
+		fireEvent.changeText(
+			screen.getByPlaceholderText( 'Add URL' ),
+			'https://facebook.com'
+		);
+		dismissModal( screen.getByTestId( 'link-settings-navigation' ) );
+
+		expect( getEditorHtml() ).toMatchInlineSnapshot( `
+		"<!-- wp:social-links -->
+		<ul class="wp-block-social-links"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /-->
+
+		<!-- wp:social-link {"url":"https://facebook.com","service":"facebook","label":"","rel":""} /-->
+
+		<!-- wp:social-link {"service":"twitter"} /-->
+
+		<!-- wp:social-link {"service":"instagram"} /--></ul>
+		<!-- /wp:social-links -->"
+	` );
+	} );
 } );

package/src/social-link/test/index.native.js

@@ -1,132 +0,0 @@
-/**
- * External dependencies
- */
-import { fireEvent, initializeEditor, waitFor, within } from 'test/helpers';
-/**
- * WordPress dependencies
- */
-import { registerCoreBlocks } from '@wordpress/block-library';
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-
-const unregisterBlocks = () => {
-	const blocks = getBlockTypes();
-
-	blocks.forEach( ( { name } ) => unregisterBlockType( name ) );
-};
-
-describe( '<SocialLinkEdit/>', () => {
-	beforeAll( () => {
-		registerCoreBlocks();
-	} );
-
-	afterAll( () => {
-		unregisterBlocks();
-	} );
-
-	/**
-	 * GIVEN an EDITOR is displayed;
-	 * WHEN a SOCIAL ICONS BLOCK is selected from the BLOCK INSERTER;
-	 */
-	it( 'should display WORDPRESS, FACEBOOK, TWITTER, INSTAGRAM by default.', async () => {
-		// Arrange
-		const subject = await initializeEditor( {} );
-
-		// Act
-		fireEvent.press(
-			await waitFor( () => subject.getByLabelText( 'Add block' ) )
-		);
-		fireEvent.changeText(
-			await waitFor( () =>
-				subject.getByPlaceholderText( 'Search blocks' )
-			),
-			'social icons'
-		);
-		fireEvent.press(
-			await subject.findByLabelText( 'Social Icons block' )
-		);
-		const [ socialIconsBlock ] = subject.getAllByLabelText(
-			/Social Icons Block. Row 1/
-		);
-		fireEvent(
-			within( socialIconsBlock ).getByTestId( 'block-list-wrapper' ),
-			'layout',
-			{ nativeEvent: { layout: { width: 100 } } }
-		);
-
-		// Assert
-		expect(
-			await waitFor( () =>
-				subject.getByLabelText( /WordPress social icon/ )
-			)
-		).toBeDefined();
-		expect(
-			await waitFor( () =>
-				subject.getByLabelText( /Facebook social icon/ )
-			)
-		).toBeDefined();
-		expect(
-			await waitFor( () =>
-				subject.getByLabelText( /Twitter social icon/ )
-			)
-		).toBeDefined();
-		expect(
-			await waitFor( () =>
-				subject.getByLabelText( /Instagram social icon/ )
-			)
-		).toBeDefined();
-	} );
-
-	/**
-	 * GIVEN an EDITOR is displayed;
-	 * WHEN a SOCIAL ICONS BLOCK is selected from the BLOCK INSERTER;
-	 */
-	it( `should display WORDPRESS with a URL set by default
-	     AND should display FACEBOOK, TWITTER, INSTAGRAM with NO URL set by default.`, async () => {
-		// Arrange
-		const subject = await initializeEditor( {} );
-
-		// Act
-		fireEvent.press(
-			await waitFor( () => subject.getByLabelText( 'Add block' ) )
-		);
-		fireEvent.changeText(
-			await waitFor( () =>
-				subject.getByPlaceholderText( 'Search blocks' )
-			),
-			'social icons'
-		);
-		fireEvent.press(
-			await subject.findByLabelText( 'Social Icons block' )
-		);
-		const [ socialIconsBlock ] = subject.getAllByLabelText(
-			/Social Icons Block. Row 1/
-		);
-		fireEvent(
-			within( socialIconsBlock ).getByTestId( 'block-list-wrapper' ),
-			'layout',
-			{ nativeEvent: { layout: { width: 100 } } }
-		);
-
-		// Assert
-		expect(
-			await waitFor( () =>
-				subject.getByA11yHint( /WordPress has URL set/ )
-			)
-		).toBeDefined();
-		expect(
-			await waitFor( () =>
-				subject.getByA11yHint( /Facebook has no URL set/ )
-			)
-		).toBeDefined();
-		expect(
-			await waitFor( () =>
-				subject.getByA11yHint( /Twitter has no URL set/ )
-			)
-		).toBeDefined();
-		expect(
-			await waitFor( () =>
-				subject.getByA11yHint( /Instagram has no URL set/ )
-			)
-		).toBeDefined();
-	} );
-} );