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

package/src/audio/test/__snapshots__/edit.native.js.snap

@@ -1,546 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Audio block renders audio block error state without crashing 1`] = `
-<View
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessible={true}
-  focusable={true}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View
-    pointerEvents="box-none"
-    style={
-      [
-        undefined,
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        [
-          undefined,
-          undefined,
-          undefined,
-        ]
-      }
-    />
-    <View
-      accessibilityState={
-        {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": true,
-          "expanded": undefined,
-          "selected": undefined,
-        }
-      }
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        {
-          "height": 44,
-        }
-      }
-    >
-      <View>
-        <Svg
-          height={24}
-          style={
-            {
-              "fill": "gray",
-            }
-          }
-          viewBox="0 0 24 24"
-          width={24}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          Path
-        </Svg>
-      </View>
-      <View
-        style={{}}
-      >
-        <Text>
-          59IrU0WJtq
-        </Text>
-        <View>
-          <Svg
-            height={16}
-            style={{}}
-            viewBox="0 0 24 24"
-            width={16}
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            Path
-          </Svg>
-          <Text
-            style={{}}
-          >
-            Failed to insert audio file. Please tap for options.
-          </Text>
-        </View>
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      [
-        {
-          "height": 44,
-        },
-        false,
-      ]
-    }
-  >
-    <View
-      accessibilityLabel="Audio caption. Empty"
-      accessibilityRole="button"
-      accessible={true}
-      style={
-        {
-          "display": "none",
-          "flex": 1,
-        }
-      }
-    >
-      <View
-        style={
-          [
-            undefined,
-            undefined,
-          ]
-        }
-      >
-        <RCTAztecView
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": undefined,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
-            {
-              "tag": "p",
-            }
-          }
-          deleteEnter={true}
-          disableEditingMenu={false}
-          focusable={true}
-          fontFamily="serif"
-          fontSize={14}
-          isMultiline={false}
-          maxImagesWidth={200}
-          onBackspace={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
-          onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
-          onStartShouldSetResponder={[Function]}
-          placeholder="Add caption"
-          placeholderTextColor="gray"
-          selectionColor="black"
-          style={
-            {
-              "backgroundColor": undefined,
-              "maxWidth": undefined,
-              "minHeight": 0,
-            }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "",
-            }
-          }
-          textAlign="center"
-          triggerKeyCodes={[]}
-        />
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Audio block renders audio file without crashing 1`] = `
-<View
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessible={true}
-  focusable={true}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View
-    pointerEvents="box-none"
-    style={
-      [
-        undefined,
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        [
-          undefined,
-          undefined,
-          undefined,
-        ]
-      }
-    />
-    <View
-      accessibilityState={
-        {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": true,
-          "expanded": undefined,
-          "selected": undefined,
-        }
-      }
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        {
-          "height": 44,
-        }
-      }
-    >
-      <View>
-        <Svg
-          height={24}
-          style={
-            {
-              "fill": "gray",
-            }
-          }
-          viewBox="0 0 24 24"
-          width={24}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          Path
-        </Svg>
-      </View>
-      <View
-        style={{}}
-      >
-        <Text>
-          59IrU0WJtq
-        </Text>
-        <View>
-          <Text
-            style={{}}
-          >
-            MP3 audio file
-          </Text>
-        </View>
-      </View>
-      <View
-        accessibilityHint="Double tap to listen the audio file"
-        accessibilityLabel="Audio Player"
-        accessibilityRole="button"
-        accessibilityState={
-          {
-            "busy": undefined,
-            "checked": undefined,
-            "disabled": undefined,
-            "expanded": undefined,
-            "selected": undefined,
-          }
-        }
-        accessible={true}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-      >
-        <Text
-          style={
-            {
-              "color": "white",
-            }
-          }
-        >
-          OPEN
-        </Text>
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      [
-        {
-          "height": 44,
-        },
-        false,
-      ]
-    }
-  >
-    <View
-      accessibilityLabel="Audio caption. Empty"
-      accessibilityRole="button"
-      accessible={true}
-      style={
-        {
-          "display": "none",
-          "flex": 1,
-        }
-      }
-    >
-      <View
-        style={
-          [
-            undefined,
-            undefined,
-          ]
-        }
-      >
-        <RCTAztecView
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": undefined,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
-            {
-              "tag": "p",
-            }
-          }
-          deleteEnter={true}
-          disableEditingMenu={false}
-          focusable={true}
-          fontFamily="serif"
-          fontSize={14}
-          isMultiline={false}
-          maxImagesWidth={200}
-          onBackspace={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
-          onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
-          onStartShouldSetResponder={[Function]}
-          placeholder="Add caption"
-          placeholderTextColor="gray"
-          selectionColor="black"
-          style={
-            {
-              "backgroundColor": undefined,
-              "maxWidth": undefined,
-              "minHeight": 0,
-            }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "",
-            }
-          }
-          textAlign="center"
-          triggerKeyCodes={[]}
-        />
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Audio block renders placeholder without crashing 1`] = `
-<View>
-  <View
-    style={
-      {
-        "flex": 1,
-      }
-    }
-  >
-    <View
-      style={
-        [
-          [
-            [
-              undefined,
-              undefined,
-            ],
-            undefined,
-            undefined,
-          ],
-          undefined,
-        ]
-      }
-    >
-      <View>
-        <View
-          style={
-            {
-              "fill": "black",
-            }
-          }
-        >
-          <View
-            style={{}}
-          >
-            <Svg
-              fill="black"
-              height={24}
-              style={{}}
-              viewBox="0 0 24 24"
-              width={24}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              Path
-            </Svg>
-          </View>
-        </View>
-        <Text>
-          Audio
-        </Text>
-      </View>
-      <View
-        accessibilityHint="Double tap to select an audio file"
-        accessibilityLabel="Audio block. Empty"
-        accessibilityRole="button"
-        accessibilityState={
-          {
-            "busy": undefined,
-            "checked": undefined,
-            "disabled": undefined,
-            "expanded": undefined,
-            "selected": undefined,
-          }
-        }
-        accessibilityValue={
-          {
-            "max": undefined,
-            "min": undefined,
-            "now": undefined,
-            "text": undefined,
-          }
-        }
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        hitSlop={
-          {
-            "bottom": 22,
-            "left": 22,
-            "right": 22,
-            "top": 22,
-          }
-        }
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          {
-            "opacity": 1,
-          }
-        }
-      >
-        <Text>
-          Add audio
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Audio block should enable autoplay setting 1`] = `
-"<!-- wp:audio {"id":5} -->
-<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3" autoplay></audio></figure>
-<!-- /wp:audio -->"
-`;
-
-exports[`Audio block should enable loop setting 1`] = `
-"<!-- wp:audio {"id":5} -->
-<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3" loop></audio></figure>
-<!-- /wp:audio -->"
-`;

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

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Audio 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:audio {"id":5} -->
-<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3"></audio></figure>
-<!-- /wp:audio --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Audio block transformations to File block 1`] = `
-"<!-- wp:file {"id":5,"href":"https://cldup.com/59IrU0WJtq.mp3"} -->
-<div class="wp-block-file"><a href="https://cldup.com/59IrU0WJtq.mp3" class="wp-block-file__button wp-element-button" download>Download</a></div>
-<!-- /wp:file -->"
-`;
-
-exports[`Audio block transformations to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:audio {"id":5} -->
-<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3"></audio></figure>
-<!-- /wp:audio --></div>
-<!-- /wp:group -->"
-`;

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

@@ -1,132 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	dismissModal,
-	fireEvent,
-	getBlock,
-	getEditorHtml,
-	initializeEditor,
-	openBlockSettings,
-	render,
-	screen,
-	setupCoreBlocks,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { BlockEdit } from '@wordpress/block-editor';
-import {
-	subscribeMediaUpload,
-	sendMediaUpload,
-} from '@wordpress/react-native-bridge';
-
-/**
- * Internal dependencies
- */
-import { name } from '../index';
-
-// react-native-aztec shouldn't be mocked because these tests are based on
-// snapshot testing where we want to keep the original component.
-jest.unmock( '@wordpress/react-native-aztec' );
-
-const MEDIA_UPLOAD_STATE_FAILED = 3;
-
-const AUDIO_BLOCK = `<!-- wp:audio {"id":5} -->
-<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3"></audio></figure>
-<!-- /wp:audio -->`;
-
-let uploadCallBack;
-subscribeMediaUpload.mockImplementation( ( callback ) => {
-	uploadCallBack = callback;
-} );
-sendMediaUpload.mockImplementation( ( payload ) => {
-	uploadCallBack( payload );
-} );
-
-const AudioEdit = ( { clientId, ...props } ) => (
-	<BlockEdit name={ name } clientId={ clientId || 0 } { ...props } />
-);
-
-const getTestComponentWithContent = ( attributes = {} ) => {
-	return render(
-		<AudioEdit attributes={ attributes } setAttributes={ jest.fn() } />
-	);
-};
-
-setupCoreBlocks( [ 'core/audio' ] );
-
-describe( 'Audio block', () => {
-	it( 'renders placeholder without crashing', () => {
-		const component = getTestComponentWithContent();
-		const rendered = component.toJSON();
-		expect( rendered ).toMatchSnapshot();
-	} );
-
-	it( 'renders audio file without crashing', () => {
-		const component = getTestComponentWithContent( {
-			src: 'https://cldup.com/59IrU0WJtq.mp3',
-			id: '1',
-		} );
-
-		const rendered = component.toJSON();
-		expect( rendered ).toMatchSnapshot();
-	} );
-
-	it( 'renders audio block error state without crashing', () => {
-		const MEDIA_ID = '1';
-		const component = getTestComponentWithContent( {
-			src: 'https://cldup.com/59IrU0WJtq.mp3',
-			id: MEDIA_ID,
-		} );
-
-		const payloadFail = {
-			state: MEDIA_UPLOAD_STATE_FAILED,
-			mediaId: MEDIA_ID,
-		};
-		sendMediaUpload( payloadFail );
-
-		const rendered = component.toJSON();
-		expect( rendered ).toMatchSnapshot();
-	} );
-
-	it( 'should gracefully handle invalid URLs', async () => {
-		await initializeEditor();
-
-		await addBlock( screen, 'Audio' );
-		fireEvent.press( screen.getByText( 'Insert from URL' ) );
-		fireEvent.changeText(
-			screen.getByPlaceholderText( 'Type a URL' ),
-			'h://wordpress.org/audio.mp3'
-		);
-		dismissModal( screen.getByTestId( 'bottom-sheet' ) );
-
-		expect(
-			screen.getByText( 'Invalid URL. Audio file not found.' )
-		).toBeVisible();
-	} );
-
-	it( 'should enable autoplay setting', async () => {
-		await initializeEditor( { initialHtml: AUDIO_BLOCK } );
-
-		const audioBlock = getBlock( screen, 'Audio' );
-		fireEvent.press( audioBlock );
-		await openBlockSettings( screen );
-
-		fireEvent.press( screen.getByText( 'Autoplay' ) );
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'should enable loop setting', async () => {
-		await initializeEditor( { initialHtml: AUDIO_BLOCK } );
-
-		const audioBlock = getBlock( screen, 'Audio' );
-		fireEvent.press( audioBlock );
-		await openBlockSettings( screen );
-
-		fireEvent.press( screen.getByText( 'Loop' ) );
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-} );