@wordpress/block-library 9.48.0 → 10.0.1-next.v.202606191442.0

package/src/image/styles.native.scss

@@ -1,70 +0,0 @@
-// @format
-
-.content {
-	flex: 1;
-}
-
-.contentCentered {
-	flex: 1;
-	justify-content: center;
-	align-items: center;
-}
-
-.iconPlaceholder {
-	fill: $gray-dark;
-	width: 100%;
-	height: 100%;
-}
-
-.iconPlaceholderDark {
-	fill: $white;
-}
-
-.is-style-rounded {
-	border-radius: 9999px;
-	overflow: hidden;
-}
-
-.panelBody {
-	padding-left: 0;
-	padding-right: 0;
-	padding-bottom: $grid-unit;
-}
-
-.fixedHeight {
-	height: 150;
-	overflow: visible;
-}
-
-.featuredImagePanelTitle {
-	padding-bottom: 0;
-}
-
-.setFeaturedButtonCellContainer {
-	align-items: flex-start;
-}
-
-.setFeaturedButton {
-	text-align: left;
-	color: $blue-50;
-	padding: $grid-unit-15 0;
-}
-
-.setFeaturedButtonDark {
-	color: $blue-30;
-}
-
-.removeFeaturedButton {
-	color: $alert-red;
-}
-
-.image__loading {
-	align-items: center;
-	background-color: rgba(10, 10, 10, 0.5);
-	flex: 1;
-	height: 100%;
-	justify-content: center;
-	position: absolute;
-	width: 100%;
-	z-index: 1;
-}

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

@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Image block transformations 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:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Image block transformations to Cover block 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":1,"dimRatio":50,"style":{"color":{}}} -->
-<div class="wp-block-cover"><img class="wp-block-cover__image-background wp-image-1" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size">Mountain</p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`Image block transformations to File block 1`] = `
-"<!-- wp:file {"id":1,"href":"https://cldup.com/cXyG__fTLN.jpg"} -->
-<div class="wp-block-file"><a href="https://cldup.com/cXyG__fTLN.jpg">Mountain</a><a href="https://cldup.com/cXyG__fTLN.jpg" class="wp-block-file__button wp-element-button" download>Download</a></div>
-<!-- /wp:file -->"
-`;
-
-exports[`Image block transformations to Gallery block 1`] = `
-"<!-- wp:gallery {"linkTo":"none"} -->
-<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image --></figure>
-<!-- /wp:gallery -->"
-`;
-
-exports[`Image block transformations to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Image block transformations to Media & Text block 1`] = `
-"<!-- wp:media-text {"mediaId":1,"mediaType":"image"} -->
-<div class="wp-block-media-text is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:media-text -->"
-`;

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

@@ -1,459 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	act,
-	fireEvent,
-	initializeEditor,
-	getEditorHtml,
-	render,
-	setupApiFetch,
-} from 'test/helpers';
-import { Image } from 'react-native';
-import Clipboard from '@react-native-clipboard/clipboard';
-
-/**
- * WordPress dependencies
- */
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-import {
-	requestMediaPicker,
-	setFeaturedImage,
-	sendMediaUpload,
-	subscribeMediaUpload,
-} from '@wordpress/react-native-bridge';
-import { select, dispatch } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
-import { store as coreStore } from '@wordpress/core-data';
-import apiFetch from '@wordpress/api-fetch';
-
-/**
- * Internal dependencies
- */
-import { registerCoreBlocks } from '../..';
-import ImageEdit from '../edit';
-
-let uploadCallBack;
-subscribeMediaUpload.mockImplementation( ( callback ) => {
-	uploadCallBack = callback;
-} );
-sendMediaUpload.mockImplementation( ( payload ) => {
-	uploadCallBack( payload );
-} );
-
-function mockGetMedia( media ) {
-	jest.spyOn( select( coreStore ), 'getEntityRecord' ).mockReturnValue(
-		media
-	);
-}
-
-const FETCH_MEDIA = {
-	request: {
-		path: `/wp/v2/media/1?context=edit`,
-		parse: false,
-	},
-	response: {
-		source_url: 'https://cldup.com/cXyG__fTLN.jpg',
-		id: 1,
-	},
-};
-
-const clipboardPromise = Promise.resolve( '' );
-Clipboard.getString.mockImplementation( () => clipboardPromise );
-
-beforeAll( () => {
-	registerCoreBlocks();
-
-	// Mock Image.getSize to avoid failed attempt to size non-existent image
-	const getSizeSpy = jest.spyOn( Image, 'getSize' );
-	getSizeSpy.mockImplementation( ( _url, callback ) => callback( 300, 200 ) );
-} );
-
-beforeEach( () => {
-	// Mock media fetch requests
-	setupApiFetch( [ FETCH_MEDIA ] );
-
-	// Invalidate `getEntityRecord` resolutions to allow requesting to the API the same media id
-	dispatch( coreStore ).invalidateResolution( 'getEntityRecord', [
-		'postType',
-		'attachment',
-		1,
-	] );
-} );
-
-afterEach( () => {
-	apiFetch.mockReset();
-} );
-
-afterAll( () => {
-	getBlockTypes().forEach( ( { name } ) => {
-		unregisterBlockType( name );
-	} );
-
-	// Restore mocks.
-	Image.getSize.mockRestore();
-} );
-
-describe( 'Image Block', () => {
-	it( 'sets link to None', async () => {
-		const initialHtml = `
-		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-		<figure class="wp-block-image size-large is-style-default">
-			<a href="https://cldup.com/cXyG__fTLN.jpg">
-				<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
-			</a>
-		<figcaption class="wp-element-caption">Mountain</figcaption></figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-		// Check that image is fetched via `getEntityRecord`
-		expect( apiFetch ).toHaveBeenCalledWith( FETCH_MEDIA.request );
-
-		const [ imageBlock ] = screen.getAllByLabelText( /Image Block/ );
-		fireEvent.press( imageBlock );
-		// Awaiting navigation event seemingly required due to React Navigation bug
-		// https://github.com/react-navigation/react-navigation/issues/9701
-		await act( () =>
-			fireEvent.press( screen.getByLabelText( 'Open Settings' ) )
-		);
-		fireEvent.press( screen.getByText( 'Media File' ) );
-		fireEvent.press( screen.getByText( 'None' ) );
-
-		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image -->`;
-		expect( getEditorHtml() ).toBe( expectedHtml );
-	} );
-
-	it( 'sets link to Media File', async () => {
-		const initialHtml = `
-		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
-		<figure class="wp-block-image size-large is-style-default">
-			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
-		<figcaption class="wp-element-caption">Mountain</figcaption></figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-		// Check that image is fetched via `getEntityRecord`
-		expect( apiFetch ).toHaveBeenCalledWith( FETCH_MEDIA.request );
-
-		const [ imageBlock ] = screen.getAllByLabelText( /Image Block/ );
-		fireEvent.press( imageBlock );
-		// Awaiting navigation event seemingly required due to React Navigation bug
-		// https://github.com/react-navigation/react-navigation/issues/9701
-		await act( () =>
-			fireEvent.press( screen.getByLabelText( 'Open Settings' ) )
-		);
-		fireEvent.press( screen.getByText( 'None' ) );
-		fireEvent.press( screen.getByText( 'Media File' ) );
-
-		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image -->`;
-		expect( getEditorHtml() ).toBe( expectedHtml );
-	} );
-
-	it( 'sets link to Custom URL', async () => {
-		const initialHtml = `
-		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
-		<figure class="wp-block-image size-large is-style-default">
-			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
-		<figcaption class="wp-element-caption">Mountain</figcaption></figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-		// Check that image is fetched via `getEntityRecord`
-		expect( apiFetch ).toHaveBeenCalledWith( FETCH_MEDIA.request );
-
-		const [ imageBlock ] = screen.getAllByLabelText( /Image Block/ );
-		fireEvent.press( imageBlock );
-		// Awaiting navigation event seemingly required due to React Navigation bug
-		// https://github.com/react-navigation/react-navigation/issues/9701
-		await act( () =>
-			fireEvent.press( screen.getByLabelText( 'Open Settings' ) )
-		);
-		fireEvent.press( screen.getByText( 'None' ) );
-		fireEvent.press( screen.getByText( 'Custom URL' ) );
-		// Await asynchronous fetch of clipboard
-		await act( () => clipboardPromise );
-		fireEvent.changeText(
-			screen.getByPlaceholderText( 'Search or type URL' ),
-			'wordpress.org'
-		);
-		fireEvent.press( screen.getByLabelText( 'Apply' ) );
-		await act(
-			() => new Promise( ( resolve ) => setTimeout( resolve, 100 ) )
-		);
-
-		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="http://wordpress.org"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image -->`;
-		expect( getEditorHtml() ).toBe( expectedHtml );
-	} );
-
-	it( 'swaps the link between destinations', async () => {
-		const initialHtml = `
-		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
-		<figure class="wp-block-image size-large is-style-default">
-			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
-		<figcaption class="wp-element-caption">Mountain</figcaption></figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-		// Check that image is fetched via `getEntityRecord`
-		expect( apiFetch ).toHaveBeenCalledWith( FETCH_MEDIA.request );
-
-		const [ imageBlock ] = screen.getAllByLabelText( /Image Block/ );
-		fireEvent.press( imageBlock );
-		fireEvent.press( screen.getByLabelText( 'Open Settings' ) );
-
-		fireEvent.press( screen.getByText( 'None' ) );
-		fireEvent.press( screen.getByText( 'Custom URL' ) );
-		fireEvent.changeText(
-			screen.getByPlaceholderText( 'Search or type URL' ),
-			'wordpress.org'
-		);
-		fireEvent.press( screen.getByLabelText( 'Apply' ) );
-		fireEvent.press( await screen.findByText( 'Custom URL' ) );
-		fireEvent.press( screen.getByText( 'Media File' ) );
-
-		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image -->`;
-		expect( getEditorHtml() ).toBe( expectedHtml );
-	} );
-
-	it( 'does not display the Link To URL within the Custom URL input when set to Media File and query parameters are present', async () => {
-		const initialHtml = `
-		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-		<figure class="wp-block-image size-large is-style-default">
-			<a href="https://cldup.com/cXyG__fTLN.jpg">
-				<img src="https://cldup.com/cXyG__fTLN.jpg?w=683" alt="" class="wp-image-1"/>
-			</a>
-		<figcaption class="wp-element-caption">Mountain</figcaption></figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-		// Check that image is not fetched via `getEntityRecord` due to the presence of query parameters in the URL.
-		expect( apiFetch ).not.toHaveBeenCalledWith( FETCH_MEDIA.request );
-
-		const [ imageBlock ] = screen.getAllByLabelText( /Image Block/ );
-		fireEvent.press( imageBlock );
-		// Awaiting navigation event seemingly required due to React Navigation bug
-		// https://github.com/react-navigation/react-navigation/issues/9701
-		await act( () =>
-			fireEvent.press( screen.getByLabelText( 'Open Settings' ) )
-		);
-		fireEvent.press( screen.getByText( 'Media File' ) );
-
-		expect( screen.queryByLabelText( /https:\/\/cldup\.com/ ) ).toBeNull();
-	} );
-
-	it( 'sets link target', async () => {
-		const initialHtml = `
-		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
-		<figure class="wp-block-image size-large is-style-default">
-			<a href="https://wordpress.org">
-				<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
-			</a>
-		<figcaption class="wp-element-caption">Mountain</figcaption></figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-		// Check that image is fetched via `getEntityRecord`
-		expect( apiFetch ).toHaveBeenCalledWith( FETCH_MEDIA.request );
-
-		const [ imageBlock ] = screen.getAllByLabelText( /Image Block/ );
-		fireEvent.press( imageBlock );
-
-		const settingsButton = screen.getByLabelText( 'Open Settings' );
-		// Awaiting navigation event seemingly required due to React Navigation bug
-		// https://github.com/react-navigation/react-navigation/issues/9701
-		await act( () => fireEvent.press( settingsButton ) );
-
-		const linkTargetButton = screen.getByText( 'Open in new tab' );
-		fireEvent.press( linkTargetButton );
-
-		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://wordpress.org" target="_blank" rel="noopener"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image -->`;
-		expect( getEditorHtml() ).toBe( expectedHtml );
-	} );
-
-	it( 'unset link target', async () => {
-		const initialHtml = `
-		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
-		<figure class="wp-block-image size-large is-style-default">
-			<a href="https://wordpress.org" target="_blank" rel="noopener">
-				<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
-			</a>
-			<figcaption class="wp-element-caption">Mountain</figcaption>
-		</figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-		// Check that image is fetched via `getEntityRecord`
-		expect( apiFetch ).toHaveBeenCalledWith( FETCH_MEDIA.request );
-
-		const [ imageBlock ] = screen.getAllByLabelText( /Image Block/ );
-		fireEvent.press( imageBlock );
-
-		const settingsButton = screen.getByLabelText( 'Open Settings' );
-		// Awaiting navigation event seemingly required due to React Navigation bug
-		// https://github.com/react-navigation/react-navigation/issues/9701
-		await act( () => fireEvent.press( settingsButton ) );
-
-		const linkTargetButton = screen.getByText( 'Open in new tab' );
-		fireEvent.press( linkTargetButton );
-
-		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://wordpress.org"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image -->`;
-		expect( getEditorHtml() ).toBe( expectedHtml );
-	} );
-
-	describe( "when replacing media for an image set as the post's featured image", () => {
-		function mockFeaturedMedia( featuredImageId ) {
-			jest.spyOn(
-				select( editorStore ),
-				'getEditedPostAttribute'
-			).mockImplementation( ( attributeName ) =>
-				attributeName === 'featured_media' ? featuredImageId : undefined
-			);
-		}
-
-		it( 'does not prompt to replace featured image during a new image upload', () => {
-			// Arrange
-			const INITIAL_IMAGE = { id: 1, url: 'mock-url-1' };
-			const NEW_IMAGE_PENDING = { id: 2, url: 'mock-url-2' };
-			mockFeaturedMedia( INITIAL_IMAGE.id );
-			const screen = render( <ImageEdit attributes={ INITIAL_IMAGE } /> );
-
-			// Act
-			screen.update( <ImageEdit attributes={ NEW_IMAGE_PENDING } /> );
-			const MEDIA_UPLOAD_STATE_UPLOADING = 1;
-			sendMediaUpload( {
-				state: MEDIA_UPLOAD_STATE_UPLOADING,
-				mediaId: NEW_IMAGE_PENDING.id,
-				progress: 0.1,
-			} );
-
-			// Assert
-			expect( setFeaturedImage ).not.toHaveBeenCalled();
-		} );
-
-		it( 'does not prompt to replace featured image after a new image upload fails', () => {
-			// Arrange
-			const INITIAL_IMAGE = { id: 1, url: 'mock-url-1' };
-			const NEW_IMAGE_PENDING = { id: 2, url: 'mock-url-2' };
-			mockFeaturedMedia( INITIAL_IMAGE.id );
-			const screen = render(
-				<ImageEdit
-					attributes={ INITIAL_IMAGE }
-					setAttributes={ () => {} }
-				/>
-			);
-
-			// Act
-			screen.update(
-				<ImageEdit
-					attributes={ NEW_IMAGE_PENDING }
-					setAttributes={ () => {} }
-				/>
-			);
-			const MEDIA_UPLOAD_STATE_UPLOADING = 1;
-			sendMediaUpload( {
-				state: MEDIA_UPLOAD_STATE_UPLOADING,
-				mediaId: NEW_IMAGE_PENDING.id,
-				progress: 0.1,
-			} );
-			const MEDIA_UPLOAD_STATE_FAILED = 3;
-			sendMediaUpload( {
-				state: MEDIA_UPLOAD_STATE_FAILED,
-				mediaId: NEW_IMAGE_PENDING.id,
-			} );
-
-			// Assert
-			expect( setFeaturedImage ).not.toHaveBeenCalled();
-		} );
-
-		it( 'prompts to replace featured image after a new image upload succeeds', () => {
-			// Arrange
-			const INITIAL_IMAGE = { id: 1, url: 'mock-url-1' };
-			const NEW_IMAGE_PENDING = { id: 2, url: 'mock-url-2' };
-			const NEW_IMAGE_RESOLVED = { id: 3, url: 'mock-url-2' };
-			mockFeaturedMedia( INITIAL_IMAGE.id );
-			const screen = render( <ImageEdit attributes={ INITIAL_IMAGE } /> );
-
-			// Act
-			screen.update( <ImageEdit attributes={ NEW_IMAGE_PENDING } /> );
-			mockGetMedia( { id: NEW_IMAGE_RESOLVED.id } );
-			screen.update(
-				<ImageEdit
-					attributes={ NEW_IMAGE_RESOLVED }
-					setAttributes={ () => {} }
-				/>
-			);
-
-			// Assert
-			expect( setFeaturedImage ).toHaveBeenCalledTimes( 1 );
-			expect( setFeaturedImage ).toHaveBeenCalledWith(
-				NEW_IMAGE_RESOLVED.id
-			);
-		} );
-
-		it( 'prompts to replace featured image for a cached image', () => {
-			// Arrange
-			const INITIAL_IMAGE = { id: 1, url: 'mock-url-1' };
-			const NEW_IMAGE_RESOLVED = { id: 3, url: 'mock-url-2' };
-			mockFeaturedMedia( INITIAL_IMAGE.id );
-			const screen = render(
-				<ImageEdit
-					attributes={ INITIAL_IMAGE }
-					setAttributes={ () => {} }
-				/>
-			);
-
-			// Act
-			mockGetMedia( { id: NEW_IMAGE_RESOLVED.id } );
-			screen.update(
-				<ImageEdit
-					attributes={ NEW_IMAGE_RESOLVED }
-					setAttributes={ () => {} }
-				/>
-			);
-
-			// Assert
-			expect( setFeaturedImage ).toHaveBeenCalledTimes( 1 );
-			expect( setFeaturedImage ).toHaveBeenCalledWith(
-				NEW_IMAGE_RESOLVED.id
-			);
-		} );
-	} );
-
-	it( 'sets src and alt attributes when selecting media', async () => {
-		const IMAGE = { id: 1, url: 'mock-image', alt: 'A beautiful mountain' };
-		requestMediaPicker.mockImplementationOnce(
-			( source, filter, multiple, callback ) => {
-				callback( {
-					id: IMAGE.id,
-					url: IMAGE.url,
-					alt: IMAGE.alt,
-				} );
-			}
-		);
-		mockGetMedia( {
-			id: IMAGE.id,
-			source_url: IMAGE.url,
-		} );
-
-		const initialHtml = `
-		<!-- wp:image -->
-		<figure class="wp-block-image">
-				<img alt="" />
-		</figure>
-		<!-- /wp:image -->`;
-		const screen = await initializeEditor( { initialHtml } );
-
-		fireEvent.press( screen.getByText( 'Add image' ) );
-		fireEvent.press( screen.getByText( 'WordPress Media Library' ) );
-
-		const expectedHtml = `<!-- wp:image {"id":${ IMAGE.id },"sizeSlug":"large","linkDestination":"none"} -->
-<figure class="wp-block-image size-large"><img src="${ IMAGE.url }" alt="${ IMAGE.alt }" class="wp-image-${ IMAGE.id }"/></figure>
-<!-- /wp:image -->`;
-		expect( getEditorHtml() ).toBe( expectedHtml );
-	} );
-} );

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

@@ -1,49 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-	transformBlock,
-	getBlockTransformOptions,
-} from 'test/helpers';
-
-const block = 'Image';
-const initialHtml = `
-<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption class="wp-element-caption">Mountain</figcaption></figure>
-<!-- /wp:image -->`;
-
-const transformsWithInnerBlocks = [ 'Gallery', 'Columns', 'Group' ];
-const nonMediaTransforms = [ 'File' ];
-const blockTransforms = [
-	'Cover',
-	'Media & Text',
-	...transformsWithInnerBlocks,
-	...nonMediaTransforms,
-];
-
-setupCoreBlocks();
-
-describe( `${ block } block transformations`, () => {
-	test.each( blockTransforms )( 'to %s block', async ( blockTransform ) => {
-		const screen = await initializeEditor( { initialHtml } );
-		const newBlock = await transformBlock( screen, block, blockTransform, {
-			isMediaBlock: ! nonMediaTransforms.includes( 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/image/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.media,
-};
-
-export default transforms;