@wordpress/block-editor 15.21.0 → 15.22.0

package/src/components/block-media-update-progress/test/index.native.js

@@ -1,543 +0,0 @@
-/**
- * External dependencies
- */
-import { render } from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import {
-	sendMediaSave,
-	sendMediaUpload,
-	subscribeMediaSave,
-	subscribeMediaUpload,
-} from '@wordpress/react-native-bridge';
-
-/**
- * Internal dependencies
- */
-import {
-	BlockMediaUpdateProgress,
-	MEDIA_UPLOAD_STATE_UPLOADING,
-	MEDIA_UPLOAD_STATE_SUCCEEDED,
-	MEDIA_UPLOAD_STATE_FAILED,
-	MEDIA_UPLOAD_STATE_RESET,
-	MEDIA_SAVE_STATE_SAVING,
-	MEDIA_SAVE_STATE_SUCCEEDED,
-	MEDIA_SAVE_STATE_FAILED,
-	MEDIA_SAVE_STATE_RESET,
-	MEDIA_SAVE_FINAL_STATE_RESULT,
-	MEDIA_SAVE_MEDIAID_CHANGED,
-} from '../';
-
-let uploadCallBack;
-subscribeMediaUpload.mockImplementation( ( callback ) => {
-	uploadCallBack = callback;
-} );
-let saveCallBack;
-subscribeMediaSave.mockImplementation( ( callback ) => {
-	saveCallBack = callback;
-} );
-sendMediaUpload.mockImplementation( ( payload ) => {
-	uploadCallBack( payload );
-} );
-sendMediaSave.mockImplementation( ( payload ) => {
-	saveCallBack( payload );
-} );
-
-const MEDIAID_LOCAL = 2;
-const MEDIAID_TEMP = 'tempid-0-1';
-
-const tempMediaFiles = [
-	{
-		alt: '',
-		caption: '',
-		id: 'tempid-0-1',
-		link: '',
-		mime: 'image/jpeg',
-		type: 'image',
-		url: '',
-	},
-	{
-		alt: '',
-		caption: '',
-		id: 'tempid-0-2',
-		link: '',
-		mime: 'image/jpeg',
-		type: 'image',
-		url: '',
-	},
-];
-
-const localMediaFiles = [
-	{
-		alt: '',
-		caption: '',
-		id: '2',
-		link: '',
-		mime: 'image/jpeg',
-		type: 'image',
-		url: '',
-	},
-	{
-		alt: '',
-		caption: '',
-		id: '3',
-		link: '',
-		mime: 'image/jpeg',
-		type: 'image',
-		url: '',
-	},
-];
-
-describe( 'BlockMediaUpdateProgress component', () => {
-	it( 'renders without crashing', () => {
-		const wrapper = render(
-			<BlockMediaUpdateProgress renderContent={ () => {} } />
-		);
-		expect( wrapper ).toBeTruthy();
-	} );
-
-	it( 'upload: onUpdateMediaUploadProgress is called when a progress update payload is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payload = {
-			state: MEDIA_UPLOAD_STATE_UPLOADING,
-			mediaId: MEDIAID_LOCAL,
-			progress,
-		};
-
-		const onUpdateMediaUploadProgress = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onUpdateMediaUploadProgress={ onUpdateMediaUploadProgress }
-				mediaFiles={ localMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaUpload( payload );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isUploadInProgress: true,
-				isUploadFailed: false,
-			} )
-		);
-		expect( onUpdateMediaUploadProgress ).toHaveBeenCalledTimes( 1 );
-		expect( onUpdateMediaUploadProgress ).toHaveBeenCalledWith( payload );
-	} );
-
-	// UPLOAD tests.
-	it( 'upload does not get affected by unrelated media uploads', () => {
-		const payload = {
-			state: MEDIA_UPLOAD_STATE_UPLOADING,
-			mediaId: 432, // id not belonging to assigned mediaFiles collection in test
-			progress: 0.2,
-		};
-		const onUpdateMediaUploadProgress = jest.fn();
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onUpdateMediaUploadProgress={ onUpdateMediaUploadProgress }
-				mediaFiles={ localMediaFiles }
-				renderContent={ () => {} }
-			/>
-		);
-
-		sendMediaUpload( payload );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( onUpdateMediaUploadProgress ).toHaveBeenCalledTimes( 0 );
-	} );
-
-	it( 'upload: onFinishMediaUploadWithSuccess is called when a success payload is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadSuccess = {
-			state: MEDIA_UPLOAD_STATE_SUCCEEDED,
-			mediaId: MEDIAID_LOCAL,
-		};
-		const payloadUploading = {
-			state: MEDIA_UPLOAD_STATE_UPLOADING,
-			mediaId: MEDIAID_LOCAL,
-			progress,
-		};
-
-		const onFinishMediaUploadWithSuccess = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onFinishMediaUploadWithSuccess={
-					onFinishMediaUploadWithSuccess
-				}
-				mediaFiles={ localMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaUpload( payloadUploading );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaUpload( payloadSuccess );
-
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isUploadInProgress: false,
-			} )
-		);
-		expect( onFinishMediaUploadWithSuccess ).toHaveBeenCalledTimes( 1 );
-		expect( onFinishMediaUploadWithSuccess ).toHaveBeenCalledWith(
-			payloadSuccess
-		);
-	} );
-
-	it( 'upload: onFinishMediaUploadWithFailure is called when a failed payload is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadFail = {
-			state: MEDIA_UPLOAD_STATE_FAILED,
-			mediaId: MEDIAID_LOCAL,
-		};
-		const payloadUploading = {
-			state: MEDIA_UPLOAD_STATE_UPLOADING,
-			mediaId: MEDIAID_LOCAL,
-			progress,
-		};
-
-		const onFinishMediaUploadWithFailure = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onFinishMediaUploadWithFailure={
-					onFinishMediaUploadWithFailure
-				}
-				mediaFiles={ localMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaUpload( payloadUploading );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaUpload( payloadFail );
-
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isUploadInProgress: false,
-				isUploadFailed: true,
-			} )
-		);
-		expect( onFinishMediaUploadWithFailure ).toHaveBeenCalledTimes( 1 );
-		expect( onFinishMediaUploadWithFailure ).toHaveBeenCalledWith(
-			payloadFail
-		);
-	} );
-
-	it( 'upload: onMediaUploadStateReset is called when a reset payload is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadReset = {
-			state: MEDIA_UPLOAD_STATE_RESET,
-			mediaId: MEDIAID_LOCAL,
-		};
-		const payloadUploading = {
-			state: MEDIA_UPLOAD_STATE_UPLOADING,
-			mediaId: MEDIAID_LOCAL,
-			progress,
-		};
-
-		const onMediaUploadStateReset = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onMediaUploadStateReset={ onMediaUploadStateReset }
-				mediaFiles={ localMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaUpload( payloadUploading );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaUpload( payloadReset );
-
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isUploadInProgress: false,
-				isUploadFailed: false,
-			} )
-		);
-		expect( onMediaUploadStateReset ).toHaveBeenCalledTimes( 1 );
-		expect( onMediaUploadStateReset ).toHaveBeenCalledWith( payloadReset );
-	} );
-
-	// SAVE tests.
-	it( 'save does not get affected by unrelated media save events', () => {
-		const payload = {
-			state: MEDIA_SAVE_STATE_SAVING,
-			mediaId: 'tempid-432', // id not belonging to assigned mediaFiles collection in test
-			progress: 0.2,
-		};
-		const onUpdateMediaSaveProgress = jest.fn();
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onUpdateMediaSaveProgress={ onUpdateMediaSaveProgress }
-				mediaFiles={ tempMediaFiles }
-				renderContent={ () => {} }
-			/>
-		);
-
-		sendMediaSave( payload );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( onUpdateMediaSaveProgress ).toHaveBeenCalledTimes( 0 );
-	} );
-
-	it( 'save: onFinishMediaSaveWithSuccess is called when a success payload is received', () => {
-		const progress = 0.1;
-		const payloadSuccess = {
-			state: MEDIA_SAVE_STATE_SUCCEEDED,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-		};
-		const payloadSaving = {
-			state: MEDIA_SAVE_STATE_SAVING,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			progress,
-		};
-
-		const onFinishMediaSaveWithSuccess = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onFinishMediaSaveWithSuccess={ onFinishMediaSaveWithSuccess }
-				mediaFiles={ tempMediaFiles }
-				renderContent={ () => {} }
-			/>
-		);
-
-		sendMediaSave( payloadSaving );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaSave( payloadSuccess );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( onFinishMediaSaveWithSuccess ).toHaveBeenCalledTimes( 1 );
-		expect( onFinishMediaSaveWithSuccess ).toHaveBeenCalledWith(
-			payloadSuccess
-		);
-	} );
-
-	it( 'save: onFinishMediaSaveWithFailure is called when a failed payload is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadFail = {
-			state: MEDIA_SAVE_STATE_FAILED,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-		};
-		const payloadSaving = {
-			state: MEDIA_SAVE_STATE_SAVING,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			progress,
-		};
-
-		const onFinishMediaSaveWithFailure = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onFinishMediaSaveWithFailure={ onFinishMediaSaveWithFailure }
-				mediaFiles={ tempMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaSave( payloadSaving );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaSave( payloadFail );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isSaveInProgress: false,
-				isSaveFailed: true,
-			} )
-		);
-		expect( onFinishMediaSaveWithFailure ).toHaveBeenCalledTimes( 1 );
-		expect( onFinishMediaSaveWithFailure ).toHaveBeenCalledWith(
-			payloadFail
-		);
-	} );
-
-	it( 'save: onMediaSaveStateReset is called when a reset payload is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadReset = {
-			state: MEDIA_SAVE_STATE_RESET,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-		};
-		const payloadSaving = {
-			state: MEDIA_SAVE_STATE_SAVING,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			progress,
-		};
-
-		const onMediaSaveStateReset = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onMediaSaveStateReset={ onMediaSaveStateReset }
-				mediaFiles={ tempMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaSave( payloadSaving );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaSave( payloadReset );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isSaveFailed: false,
-				isSaveInProgress: false,
-			} )
-		);
-		expect( onMediaSaveStateReset ).toHaveBeenCalledTimes( 1 );
-		expect( onMediaSaveStateReset ).toHaveBeenCalledWith( payloadReset );
-	} );
-
-	it( 'save: onFinalSaveResult is called with fail result when fail result is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadFail = {
-			state: MEDIA_SAVE_FINAL_STATE_RESULT,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			success: false,
-		};
-		const payloadSaving = {
-			state: MEDIA_SAVE_STATE_SAVING,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			progress,
-		};
-
-		const onFinalSaveResult = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onFinalSaveResult={ onFinalSaveResult }
-				mediaFiles={ tempMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaSave( payloadSaving );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaSave( payloadFail );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isSaveFailed: true,
-				isSaveInProgress: false,
-			} )
-		);
-		expect( onFinalSaveResult ).toHaveBeenCalledTimes( 1 );
-		expect( onFinalSaveResult ).toHaveBeenCalledWith( payloadFail );
-	} );
-
-	it( 'save: onFinalSaveResult is called with success result when success result is received', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadSuccess = {
-			state: MEDIA_SAVE_FINAL_STATE_RESULT,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			success: true,
-		};
-		const payloadSaving = {
-			state: MEDIA_SAVE_STATE_SAVING,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			progress,
-		};
-
-		const onFinalSaveResult = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onFinalSaveResult={ onFinalSaveResult }
-				mediaFiles={ tempMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaSave( payloadSaving );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaSave( payloadSuccess );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isSaveFailed: false,
-				isSaveInProgress: false,
-			} )
-		);
-		expect( onFinalSaveResult ).toHaveBeenCalledTimes( 1 );
-		expect( onFinalSaveResult ).toHaveBeenCalledWith( payloadSuccess );
-	} );
-
-	it( 'save: listens to mediaId change and passes it up', () => {
-		const renderContentMock = jest.fn();
-		const progress = 0.1;
-		const payloadMediaIdChange = {
-			state: MEDIA_SAVE_MEDIAID_CHANGED,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			newId: MEDIAID_LOCAL,
-			mediaUrl: 'file:///folder/someimage.jpg',
-		};
-		const payloadSaving = {
-			state: MEDIA_SAVE_STATE_SAVING,
-			mediaId: MEDIAID_TEMP, // while saving, we have a tempid key
-			progress,
-		};
-
-		const onMediaIdChanged = jest.fn();
-
-		const wrapper = render(
-			<BlockMediaUpdateProgress
-				onMediaIdChanged={ onMediaIdChanged }
-				mediaFiles={ tempMediaFiles }
-				renderContent={ renderContentMock }
-			/>
-		);
-
-		sendMediaSave( payloadSaving );
-
-		expect( wrapper.getByTestId( 'spinner' ) ).toBeTruthy();
-
-		sendMediaSave( payloadMediaIdChange );
-
-		expect( wrapper.queryByTestId( 'spinner' ) ).toBeNull();
-		expect( renderContentMock ).toHaveBeenCalledWith(
-			expect.objectContaining( {
-				isSaveFailed: false,
-				isSaveInProgress: false,
-				isUploadInProgress: false,
-				isUploadFailed: false,
-			} )
-		);
-		expect( onMediaIdChanged ).toHaveBeenCalledTimes( 1 );
-		expect( onMediaIdChanged ).toHaveBeenCalledWith( payloadMediaIdChange );
-	} );
-} );