[RNMobile] Audio block URL Parser unit tests

packages/components/src/mobile/audio-player/audio-url-parser.native.js

@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import { safeDecodeURI, getPath } from '@wordpress/url';
+
+export const parseAudioUrl = ( src ) => {
+	const fileName = getPath( safeDecodeURI( src ) ).split( '/' ).pop();
+	const parts = fileName.split( '.' );
+	const extension = parts.length === 2 ? parts.pop().toUpperCase() + ' ' : '';
+	const title = parts.join( '.' );
+	return { title, extension };
+};

packages/components/src/mobile/audio-player/index.native.js

@@ -22,13 +22,14 @@ import {
 	requestImageFailedRetryDialog,
 	requestImageUploadCancelDialog,
 } from '@wordpress/react-native-bridge';
-import { getProtocol, safeDecodeURI } from '@wordpress/url';
+import { getProtocol } from '@wordpress/url';
 import { useState } from '@wordpress/element';
 
 /**
  * Internal dependencies
  */
 import styles from './styles.scss';
+import { parseAudioUrl } from './audio-url-parser.native';
 
 const isIOS = Platform.OS === 'ios';
 
@@ -127,17 +128,9 @@ function Player( {
 	let extension = '';
 
 	if ( src ) {
-		const decodedURI = safeDecodeURI( src );
-		const fileName = decodedURI
-			.split( '#' )
-			.shift()
-			.split( '?' )
-			.shift()
-			.split( '/' )
-			.pop();
-		const parts = fileName.split( '.' );
-		extension = parts.length === 2 ? parts.pop().toUpperCase() + ' ' : '';
-		title = parts.join( '.' );
+		const result = parseAudioUrl( src );
+		extension = result.extension;
+		title = result.title;
 	}
 
 	const getSubtitleValue = () => {

packages/components/src/mobile/audio-player/test/audio-url-parser.native.js

@@ -0,0 +1,38 @@
+/**
+ * Internal dependencies
+ */
+import { parseAudioUrl } from '../audio-url-parser.native';
+
+const supportedAudioUrlsWithExtensions = [
+	'https://www.mp3.com/file.mp3?key1=value1&key2=value2#anchorforsomereason',
+	'https://www.mp3.com/file.mp3?key1=value1&key2=value2',
+	'https://www.mp3.com/file.mp3',
+	`https://www.mp3.com/folder/file.mp3`,
+];
+
+const supportedAudioUrlsWithoutExtensions = [
+	'https://www.mp3.com/file?key1=value1&key2=value2#anchorforsomereason',
+	'https://www.mp3.com/file?key1=value1&key2=value2',
+	'https://www.mp3.com/file',
+	'https://www.mp3.com/folder/file',
+];
+
+describe( 'supportedAudioUrlsWithExtensions', () => {
+	supportedAudioUrlsWithExtensions.forEach( ( url ) => {
+		it( `supports ${ url }`, () => {
+			const { title, extension } = parseAudioUrl( url );
+			expect( title ).toBe( 'file' );
+			expect( extension ).toBe( 'MP3 ' );
+		} );
+	} );
+} );
+
+describe( 'supportedAudioUrlsWithoutExtensions', () => {
+	supportedAudioUrlsWithoutExtensions.forEach( ( url ) => {
+		it( `supports ${ url }`, () => {
+			const { title, extension } = parseAudioUrl( url );
+			expect( title ).toBe( 'file' );
+			expect( extension ).toBe( '' );
+		} );
+	} );
+} );