Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[RNMobile] Audio block UI test #28674

Merged
merged 9 commits into from
Feb 6, 2021
Merged

[RNMobile] Audio block UI test #28674

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
25bd9b2
Added audio block test data to support UI tests.
jd-alexander Feb 2, 2021
2da49c0
Added the audio block to the blockNames used to add blocks
jd-alexander Feb 2, 2021
b8217cf
Added two UI tests for the Audio Block.
jd-alexander Feb 2, 2021
56f6c82
bumped audio block id to see if the full test suite on iOS will pass.
jd-alexander Feb 2, 2021
a1ed719
isAndroid is not a variable, it is a property so that was corrected.
jd-alexander Feb 5, 2021
c69bdf8
inverted the expected assertion content for the File and Audio block.
jd-alexander Feb 5, 2021
7d7cd06
Merge branch 'master' into rnmobile/audio-block-ui-test
jd-alexander Feb 5, 2021
68f47ab
Updated the id of the media item that is returned from the test WP Media
jd-alexander Feb 5, 2021
c32811c
Merge branch 'master' into rnmobile/audio-block-ui-test
jd-alexander Feb 5, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
34 changes: 34 additions & 0 deletions packages/react-native-editor/__device-tests__/gutenberg-editor-audio.test.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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()
);
} );
} );
7 changes: 4 additions & 3 deletions packages/react-native-editor/__device-tests__/gutenberg-editor-file-@canary.test.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 );
Expand All @@ -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()
);
} );
} );
4 changes: 4 additions & 0 deletions packages/react-native-editor/__device-tests__/helpers/test-data.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -133,3 +133,7 @@ exports.coverHeightWithRemUnit = `<!-- wp:cover {"customOverlayColor":"#ffffff",
exports.fileBlockPlaceholder = `<!-- wp:file {"id":3,"href":"https://wordpress.org/latest.zip"} -->
<div class="wp-block-file"><a href="https://wordpress.org/latest.zip">WordPress.zip</a><a href="https://wordpress.org/latest.zip" class="wp-block-file__button" download>Download</a></div>
<!-- /wp:file -->`;

exports.audioBlockPlaceholder = `<!-- wp:audio {"id":5} -->
<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3"></audio></figure>
<!-- /wp:audio -->`;
1 change: 1 addition & 0 deletions packages/react-native-editor/__device-tests__/pages/editor-page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -588,6 +588,7 @@ const blockNames = {
spacer: 'Spacer',
verse: 'Verse',
file: 'File',
audio: 'Audio',
};

module.exports = { initializeEditorPage, blockNames };
2 changes: 1 addition & 1 deletion packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down