diff --git a/packages/react-native-editor/__device-tests__/gutenberg-editor-audio.test.js b/packages/react-native-editor/__device-tests__/gutenberg-editor-audio.test.js new file mode 100644 index 0000000000000..ea0bd53e56242 --- /dev/null +++ b/packages/react-native-editor/__device-tests__/gutenberg-editor-audio.test.js @@ -0,0 +1,34 @@ +/** + * Internal dependencies + */ +import { blockNames } from './pages/editor-page'; +import testData from './helpers/test-data'; +import { isAndroid } from './helpers/utils'; + +describe( 'Gutenberg Editor Audio Block tests', () => { + it( 'should be able to add an audio block', async () => { + await editorPage.addNewBlock( blockNames.audio ); + const block = await editorPage.getFirstBlockVisible(); + await expect( block ).toBeTruthy(); + } ); + + it( 'should add an audio file to the block', async () => { + const block = await editorPage.getFirstBlockVisible(); + + block.click(); + + if ( isAndroid() ) { + await editorPage.driver.sleep( 5000 ); + } else { + await editorPage.driver.sleep( 1000 ); + } + + await editorPage.chooseMediaLibrary(); + + const html = await editorPage.getHtmlContent(); + + expect( html.toLowerCase() ).toBe( + testData.audioBlockPlaceholder.toLowerCase() + ); + } ); +} ); diff --git a/packages/react-native-editor/__device-tests__/gutenberg-editor-file-@canary.test.js b/packages/react-native-editor/__device-tests__/gutenberg-editor-file-@canary.test.js index 8f6857f493625..c208fdbcdfdd3 100644 --- a/packages/react-native-editor/__device-tests__/gutenberg-editor-file-@canary.test.js +++ b/packages/react-native-editor/__device-tests__/gutenberg-editor-file-@canary.test.js @@ -17,7 +17,7 @@ describe( 'Gutenberg Editor File Block tests', () => { block.click(); - if ( isAndroid ) { + if ( isAndroid() ) { await editorPage.driver.sleep( 5000 ); } else { await editorPage.driver.sleep( 1000 ); @@ -26,8 +26,9 @@ describe( 'Gutenberg Editor File Block tests', () => { await editorPage.chooseMediaLibrary(); const html = await editorPage.getHtmlContent(); - expect( testData.fileBlockPlaceholder.toLowerCase() ).toBe( - html.toLowerCase() + + expect( html.toLowerCase() ).toBe( + testData.fileBlockPlaceholder.toLowerCase() ); } ); } ); diff --git a/packages/react-native-editor/__device-tests__/helpers/test-data.js b/packages/react-native-editor/__device-tests__/helpers/test-data.js index 3dbec89152c6b..00135400a5dce 100644 --- a/packages/react-native-editor/__device-tests__/helpers/test-data.js +++ b/packages/react-native-editor/__device-tests__/helpers/test-data.js @@ -133,3 +133,7 @@ exports.coverHeightWithRemUnit = `
WordPress.zipDownload
`; + +exports.audioBlockPlaceholder = ` +
+`; diff --git a/packages/react-native-editor/__device-tests__/pages/editor-page.js b/packages/react-native-editor/__device-tests__/pages/editor-page.js index 10d401e70163d..8fd19373bba37 100644 --- a/packages/react-native-editor/__device-tests__/pages/editor-page.js +++ b/packages/react-native-editor/__device-tests__/pages/editor-page.js @@ -588,6 +588,7 @@ const blockNames = { spacer: 'Spacer', verse: 'Verse', file: 'File', + audio: 'Audio', }; module.exports = { initializeEditorPage, blockNames }; diff --git a/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java b/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java index 5e3cbf873eef0..9e87b98f69c6c 100644 --- a/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java +++ b/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java @@ -85,7 +85,7 @@ public void requestMediaPickFromMediaLibrary(MediaSelectedCallback mediaSelected rnMediaList.add(new Media(3, "https://wordpress.org/latest.zip", "zip", "WordPress latest version", "WordPress.zip")); break; case AUDIO: - rnMediaList.add(new Media(4, "https://cldup.com/59IrU0WJtq.mp3", "audio", "Summer presto", "")); + rnMediaList.add(new Media(5, "https://cldup.com/59IrU0WJtq.mp3", "audio", "Summer presto", "")); break; } mediaSelectedCallback.onMediaFileSelected(rnMediaList);