@wordpress/components 19.2.1-next.33ec3857e2.0 → 19.2.1

package/src/mobile/link-settings/test/edit.native.js

@@ -1,432 +0,0 @@
-// noinspection DuplicatedCode
-
-/**
- * External dependencies
- */
-import { Clipboard } from 'react-native';
-import { fireEvent, initializeEditor, waitFor } from 'test/helpers';
-/**
- * WordPress dependencies
- */
-import { registerCoreBlocks } from '@wordpress/block-library';
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Utility function to unregister all core block types previously registered
- * when staging the Redux Store `beforeAll` integration tests start running.
- *
- * This should probably be extracted into a utility module for future tests.
- */
-const unregisterBlocks = () => {
-	const blocks = getBlockTypes();
-
-	blocks.forEach( ( { name } ) => unregisterBlockType( name ) );
-};
-
-/**
- * ### TODO
- * + Try to figure out why I can't `console.log(JSON.stringify(subject.toJSON()))` anymore.
- */
-describe.each( [
-	[
-		{
-			type: 'core/button',
-			initialHtml: `
-				<!-- wp:button {"style":{"border":{"radius":"5px"}}} -->
-				<div class="wp-block-button">
-					<a class="wp-block-button__link" style="border-radius:5px">Link</a>
-				</div>
-				<!-- /wp:button -->
-			`,
-			toJSON: () => 'core/button',
-		},
-	],
-	[
-		{
-			type: 'core/image',
-			initialHtml: `
-				<!-- wp:image {"id":20,"sizeSlug":"large","linkDestination":"custom"} -->
-				<figure class="wp-block-image size-large">
-					<img class="wp-image-20" src="https://tonytahmouchtest.files.wordpress.com/2021/10/img_0111-2.jpg?w=1024" alt="" />
-				</figure>
-				<!-- /wp:image -->
-			`,
-			toJSON: () => 'core/image',
-		},
-	],
-] )( '<LinkSettings/> from %j', ( { type, initialHtml } ) => {
-	beforeAll( () => {
-		registerCoreBlocks();
-	} );
-
-	afterAll( () => {
-		unregisterBlocks();
-	} );
-
-	/**
-	 * GIVEN an EDITOR is displayed with an EDIT IMAGE BLOCK or EDIT BUTTON BLOCK;
-	 * GIVEN the CLIPBOARD has a URL copied;
-	 * WHEN the USER selects the SETTINGS BUTTON on the EDIT IMAGE BLOCK or EDIT BUTTON BLOCK;
-	 */
-	// eslint-disable-next-line jest/no-done-callback
-	it( 'should display the LINK SETTINGS with an EMPTY LINK TO field.', async ( done ) => {
-		// Arrange
-		const expectation =
-			'The LINK SETTINGS > LINK TO field SHOULD be displayed WITHOUT a URL from the CLIPBOARD.';
-		const url = 'https://tonytahmouchtest.files.wordpress.com';
-		const subject = await initializeEditor( { initialHtml } );
-		Clipboard.getString.mockReturnValue( url );
-
-		// Act
-		try {
-			const block = await waitFor( () =>
-				subject.getByA11yLabel(
-					type === 'core/image' ? /Image Block/ : /Button Block/
-				)
-			);
-			fireEvent.press( block );
-			fireEvent.press( block );
-			fireEvent.press(
-				await waitFor( () => subject.getByA11yLabel( 'Open Settings' ) )
-			);
-		} catch ( error ) {
-			done.fail( error );
-		}
-
-		// Assert
-		try {
-			await waitFor( () =>
-				subject.getByA11yLabel(
-					`Link to, ${
-						type === 'core/image' ? 'None' : 'Search or type URL'
-					}`
-				)
-			);
-			done();
-		} catch ( error ) {
-			done.fail( expectation );
-		}
-	} );
-
-	describe( '<LinkPicker/>', () => {
-		describe( 'Hide Clipboard Link Suggestion - Invalid URL in Clipboard', () => {
-			/**
-			 * GIVEN a SETTINGS BOTTOM SHEET is displayed;
-			 * GIVEN the CLIPBOARD has a NON-URL copied;
-			 * GIVEN the STATE has NO URL;
-			 * WHEN the USER selects the LINK TO cell;
-			 */
-			// eslint-disable-next-line jest/no-done-callback
-			it( 'should display the LINK PICKER with NO FROM CLIPBOARD CELL.', async ( done ) => {
-				// Arrange
-				const expectation =
-					'The LINK PICKER > LINK SUGGESTION SHOULD NOT suggest the URL from the CLIPBOARD.';
-				const url = 'tonytahmouchtest.files.wordpress.com';
-				const subject = await initializeEditor( { initialHtml } );
-				Clipboard.getString.mockReturnValue( url );
-
-				// Act
-				try {
-					const block = await waitFor( () =>
-						subject.getByA11yLabel(
-							type === 'core/image'
-								? /Image Block/
-								: /Button Block/
-						)
-					);
-					fireEvent.press( block );
-					fireEvent.press( block );
-					fireEvent.press(
-						await waitFor( () =>
-							subject.getByA11yLabel( 'Open Settings' )
-						)
-					);
-					fireEvent.press(
-						await waitFor( () =>
-							subject.getByA11yLabel(
-								`Link to, ${
-									type === 'core/image'
-										? 'None'
-										: 'Search or type URL'
-								}`
-							)
-						)
-					);
-					if ( type === 'core/image' ) {
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel( /Custom URL/ )
-							)
-						);
-					}
-					await waitFor( () => subject.getByA11yLabel( 'Apply' ) );
-				} catch ( error ) {
-					done.fail( error );
-				}
-
-				// Assert
-				waitFor(
-					() =>
-						subject.getByA11yLabel(
-							/Copy URL from the clipboard[,]/
-						),
-					{ timeout: 50, interval: 10 }
-				)
-					.then( () => done.fail( expectation ) )
-					.catch( () => done() );
-			} );
-		} );
-
-		describe( 'Hide Clipboard Link Suggestion - Valid and Same URL in Clipboard', () => {
-			/**
-			 * GIVEN a SETTINGS BOTTOM SHEET is displayed;
-			 * GIVEN the CLIPBOARD has a URL copied;
-			 * GIVEN the STATE has the SAME URL as the CLIPBOARD;
-			 * WHEN the USER selects the LINK TO cell;
-			 */
-			// eslint-disable-next-line jest/no-done-callback
-			it( 'should display the LINK PICKER with NO FROM CLIPBOARD CELL.', async ( done ) => {
-				// Arrange
-				const expectation =
-					'The LINK PICKER > LINK SUGGESTION SHOULD NOT suggest the URL from the CLIPBOARD.';
-				const url = 'https://tonytahmouchtest.files.wordpress.com';
-				const subject = await initializeEditor( { initialHtml } );
-				Clipboard.getString.mockReturnValue( url );
-
-				// Act
-				try {
-					const block = await waitFor( () =>
-						subject.getByA11yLabel(
-							type === 'core/image'
-								? /Image Block/
-								: /Button Block/
-						)
-					);
-					fireEvent.press( block );
-					fireEvent.press( block );
-					fireEvent.press(
-						await waitFor( () =>
-							subject.getByA11yLabel( 'Open Settings' )
-						)
-					);
-					fireEvent.press(
-						await waitFor( () =>
-							subject.getByA11yLabel(
-								`Link to, ${
-									type === 'core/image'
-										? 'None'
-										: 'Search or type URL'
-								}`
-							)
-						)
-					);
-					if ( type === 'core/image' ) {
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel( 'Custom URL. Empty' )
-							)
-						);
-					}
-					fireEvent.press(
-						await waitFor( () =>
-							subject.getByA11yLabel(
-								`Copy URL from the clipboard, ${ url }`
-							)
-						)
-					);
-					fireEvent.press(
-						await waitFor( () =>
-							subject.getByA11yLabel(
-								`Link to, ${
-									type === 'core/image' ? 'Custom URL' : url
-								}`
-							)
-						)
-					);
-					if ( type === 'core/image' ) {
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel( `Custom URL, ${ url }` )
-							)
-						);
-					}
-					await waitFor( () => subject.getByA11yLabel( 'Apply' ) );
-				} catch ( error ) {
-					done.fail( error );
-				}
-
-				// Assert
-				waitFor(
-					() =>
-						subject.getByA11yLabel(
-							/Copy URL from the clipboard[,]/
-						),
-					{ timeout: 50, interval: 10 }
-				)
-					.then( () => done.fail( expectation ) )
-					.catch( () => done() );
-			} );
-		} );
-
-		describe( 'Show Clipboard Link Suggestion - Valid and Different URL in Clipboard', () => {
-			/**
-			 * GIVEN a SETTINGS BOTTOM SHEET is displayed;
-			 * GIVEN the CLIPBOARD has a URL copied;
-			 * GIVEN the STATE has NO URL;
-			 * WHEN the USER selects the LINK TO cell;
-			 */
-			it(
-				'should display the LINK PICKER with the FROM CLIPBOARD CELL populated' +
-					' with the URL from the CLIPBOARD.',
-				// eslint-disable-next-line jest/no-done-callback
-				async ( done ) => {
-					// Arrange
-					const url = 'https://tonytahmouchtest.files.wordpress.com';
-					const expectation =
-						'The LINK PICKER > LINK SUGGESTION SHOULD suggest the URL from the CLIPBOARD, e.g.,' +
-						`
-					${ url }
-					${ __( 'From clipboard' ) }
-				`;
-					const subject = await initializeEditor( { initialHtml } );
-					Clipboard.getString.mockReturnValue( url );
-
-					// Act
-					try {
-						const block = await waitFor( () =>
-							subject.getByA11yLabel(
-								type === 'core/image'
-									? /Image Block/
-									: /Button Block/
-							)
-						);
-						fireEvent.press( block );
-						fireEvent.press( block );
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel( 'Open Settings' )
-							)
-						);
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel(
-									`Link to, ${
-										type === 'core/image'
-											? 'None'
-											: 'Search or type URL'
-									}`
-								)
-							)
-						);
-						if ( type === 'core/image' ) {
-							fireEvent.press(
-								await waitFor( () =>
-									subject.getByA11yLabel( /Custom URL/ )
-								)
-							);
-						}
-						await waitFor( () =>
-							subject.getByA11yLabel(
-								`Copy URL from the clipboard, ${ url }`
-							)
-						);
-					} catch ( error ) {
-						done.fail( error );
-					}
-
-					// Assert
-					try {
-						await waitFor( () => subject.getByText( url ) );
-						await waitFor( () =>
-							subject.getByText( __( 'From clipboard' ) )
-						);
-						done();
-					} catch ( error ) {
-						done.fail( expectation );
-					}
-				}
-			);
-		} );
-
-		describe( 'Press Clipboard Link Suggestion', () => {
-			/**
-			 * GIVEN a LINK PICKER SHEET is displayed;
-			 * GIVEN the FROM CLIPBOARD CELL is displayed;
-			 * WHEN the FROM CLIPBOARD CELL is pressed;
-			 */
-			it(
-				'should display the LINK SETTINGS with the URL from the CLIPBOARD' +
-					' populated in the LINK TO field.',
-				// eslint-disable-next-line jest/no-done-callback
-				async ( done ) => {
-					// Arrange
-					const expectation =
-						'The LINK SETTINGS > LINK TO field SHOULD be displayed WITH a URL from the CLIPBOARD.';
-					const url = 'https://tonytahmouchtest.files.wordpress.com';
-					const subject = await initializeEditor( { initialHtml } );
-					Clipboard.getString.mockReturnValue( url );
-
-					// Act
-					try {
-						const block = await waitFor( () =>
-							subject.getByA11yLabel(
-								type === 'core/image'
-									? /Image Block/
-									: /Button Block/
-							)
-						);
-						fireEvent.press( block );
-						fireEvent.press( block );
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel( 'Open Settings' )
-							)
-						);
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel(
-									`Link to, ${
-										type === 'core/image'
-											? 'None'
-											: 'Search or type URL'
-									}`
-								)
-							)
-						);
-						if ( type === 'core/image' ) {
-							fireEvent.press(
-								await waitFor( () =>
-									subject.getByA11yLabel( /Custom URL/ )
-								)
-							);
-						}
-						fireEvent.press(
-							await waitFor( () =>
-								subject.getByA11yLabel(
-									`Copy URL from the clipboard, ${ url }`
-								)
-							)
-						);
-					} catch ( error ) {
-						done.fail( error );
-					}
-
-					// Assert
-					try {
-						await waitFor( () =>
-							subject.getByA11yLabel(
-								`Link to, ${
-									type === 'core/image' ? 'Custom URL' : url
-								}`
-							)
-						);
-						done();
-					} catch ( error ) {
-						done.fail( expectation );
-					}
-				}
-			);
-		} );
-	} );
-} );