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] Extract duplicate e2e test setup to jest config #27334

Merged
merged 7 commits into from Dec 15, 2020
Merged

[RNMobile] Extract duplicate e2e test setup to jest config #27334

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
b19380d
Extract common test setup to jest config
ceyhun Nov 27, 2020
448becd
Remove all repeating e2e test code
ceyhun Nov 27, 2020
44e6dba
Move jest expect out of editor page
ceyhun Nov 27, 2020
388559a
Remove platformVersion for local iOS run
ceyhun Nov 27, 2020
ff205d9
Merge branch 'master' into rnmobile/try-new-jest-config
cameronvoell Dec 2, 2020
64b7127
Merge branch 'master' into rnmobile/try-new-jest-config
ceyhun Dec 7, 2020
a5cccba
Update file tests to use new config
ceyhun Dec 7, 2020
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
6 changes: 6 additions & 0 deletions packages/react-native-editor/__device-tests__/.eslintrc.js
View file
Open in desktop
@@ -0,0 +1,6 @@
module.exports = {
extends: '../.eslintrc.js',
globals: {
editorPage: true, // Defined in 'jest_ui_test_environment.js'
},
};
106 changes: 38 additions & 68 deletions packages/react-native-editor/__device-tests__/gutenberg-editor-block-insertion.test.js
View file
Open in desktop
@@ -1,50 +1,15 @@
/**
* Internal dependencies
*/
import EditorPage from './pages/editor-page';
import {
setupDriver,
isLocalEnvironment,
stopDriver,
isAndroid,
swipeDown,
clickMiddleOfElement,
} from './helpers/utils';
import { blockNames } from './pages/editor-page';
import { isAndroid, swipeDown, clickMiddleOfElement } from './helpers/utils';
import testData from './helpers/test-data';

jest.setTimeout( 1000000 );

describe( 'Gutenberg Editor tests for Block insertion', () => {
let driver;
let editorPage;
let allPassed = true;
const paragraphBlockName = 'Paragraph';

// Use reporter for setting status for saucelabs Job
if ( ! isLocalEnvironment() ) {
const reporter = {
specDone: async ( result ) => {
allPassed = allPassed && result.status !== 'failed';
},
};

jasmine.getEnv().addReporter( reporter );
}

beforeAll( async () => {
driver = await setupDriver();
editorPage = new EditorPage( driver );
} );

it( 'should be able to see visual editor', async () => {
// wait for the block editor to load
await expect( editorPage.getBlockList() ).resolves.toBe( true );
} );

it( 'should be able to insert block into post', async () => {
await editorPage.addNewBlock( paragraphBlockName );
await editorPage.addNewBlock( blockNames.paragraph );
let paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName
blockNames.paragraph
);
if ( isAndroid() ) {
await paragraphBlockElement.click();
Expand All @@ -54,67 +19,77 @@ describe( 'Gutenberg Editor tests for Block insertion', () => {
// Should have 3 paragraph blocks at this point

paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName,
blockNames.paragraph,
2
);
await paragraphBlockElement.click();

await editorPage.addNewBlock( paragraphBlockName );
await editorPage.addNewBlock( blockNames.paragraph );

paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName,
blockNames.paragraph,
3
);
await paragraphBlockElement.click();
await editorPage.sendTextToParagraphBlock( 3, testData.mediumText );

await editorPage.verifyHtmlContent( testData.blockInsertionHtml );
const html = await editorPage.getHtmlContent();

expect( testData.blockInsertionHtml.toLowerCase() ).toBe(
html.toLowerCase()
);

// wait for the block editor to load and for accessibility ids to update
await driver.sleep( 3000 );
await editorPage.driver.sleep( 3000 );

// Workaround for now since deleting the first element causes a crash on CI for Android
if ( isAndroid() ) {
paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName,
blockNames.paragraph,
3,
{
autoscroll: true,
}
);

await paragraphBlockElement.click();
await editorPage.removeBlockAtPosition( paragraphBlockName, 3 );
await editorPage.removeBlockAtPosition( blockNames.paragraph, 3 );
for ( let i = 3; i > 0; i-- ) {
// wait for accessibility ids to update
await driver.sleep( 1000 );
await editorPage.driver.sleep( 1000 );
paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName,
blockNames.paragraph,
i,
{
autoscroll: true,
}
);
await paragraphBlockElement.click();
await editorPage.removeBlockAtPosition( paragraphBlockName, i );
await editorPage.removeBlockAtPosition(
blockNames.paragraph,
i
);
}
} else {
for ( let i = 4; i > 0; i-- ) {
// wait for accessibility ids to update
await driver.sleep( 1000 );
await editorPage.driver.sleep( 1000 );
paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName
blockNames.paragraph
);
await clickMiddleOfElement(
editorPage.driver,
paragraphBlockElement
);
await clickMiddleOfElement( driver, paragraphBlockElement );
await editorPage.removeBlockAtPosition( paragraphBlockName );
await editorPage.removeBlockAtPosition( blockNames.paragraph );
}
}
} );

it( 'should be able to insert block at the beginning of post from the title', async () => {
await editorPage.addNewBlock( paragraphBlockName );
await editorPage.addNewBlock( blockNames.paragraph );
let paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName
blockNames.paragraph
);
if ( isAndroid() ) {
await paragraphBlockElement.click();
Expand All @@ -127,29 +102,24 @@ describe( 'Gutenberg Editor tests for Block insertion', () => {
await editorPage.dismissKeyboard();
}

await swipeDown( driver );
await swipeDown( editorPage.driver );
const titleElement = await editorPage.getTitleElement( {
autoscroll: true,
} );
await titleElement.click();
await titleElement.click();

await editorPage.addNewBlock( paragraphBlockName );
await editorPage.addNewBlock( blockNames.paragraph );
paragraphBlockElement = await editorPage.getBlockAtPosition(
paragraphBlockName
blockNames.paragraph
);
await clickMiddleOfElement( driver, paragraphBlockElement );
await clickMiddleOfElement( editorPage.driver, paragraphBlockElement );
await editorPage.sendTextToParagraphBlock( 1, testData.mediumText );
await paragraphBlockElement.click();
await editorPage.verifyHtmlContent(
testData.blockInsertionHtmlFromTitle
);
} );
const html = await editorPage.getHtmlContent();

afterAll( async () => {
if ( ! isLocalEnvironment() ) {
driver.sauceJobStatus( allPassed );
}
await stopDriver( driver );
expect( testData.blockInsertionHtmlFromTitle.toLowerCase() ).toBe(
html.toLowerCase()
);
} );
} );
39 changes: 2 additions & 37 deletions packages/react-native-editor/__device-tests__/gutenberg-editor-columns.test.js
View file
Open in desktop
@@ -1,38 +1,10 @@
/**
* Internal dependencies
*/
import EditorPage from './pages/editor-page';
import { setupDriver, isLocalEnvironment, stopDriver } from './helpers/utils';
import { blockNames } from './pages/editor-page';
import testData from './helpers/test-data';

jest.setTimeout( 1000000 );

describe( 'Gutenberg Editor Columns Block test', () => {
let driver;
let editorPage;
let allPassed = true;
const columnsBlockName = 'Columns';

// Use reporter for setting status for saucelabs Job
if ( ! isLocalEnvironment() ) {
const reporter = {
specDone: async ( result ) => {
allPassed = allPassed && result.status !== 'failed';
},
};

jasmine.getEnv().addReporter( reporter );
}

beforeAll( async () => {
driver = await setupDriver();
editorPage = new EditorPage( driver );
} );

it( 'should be able to see visual editor', async () => {
await expect( editorPage.getBlockList() ).resolves.toBe( true );
} );

it( 'should be able to handle a columns width unit from web', async () => {
await editorPage.setHtmlContent(
testData.columnsWithDifferentUnitsHtml
Expand All @@ -42,13 +14,6 @@ describe( 'Gutenberg Editor Columns Block test', () => {
await columnsBlock.click();

expect( columnsBlock ).toBeTruthy();
await editorPage.removeBlockAtPosition( columnsBlockName );
} );

afterAll( async () => {
if ( ! isLocalEnvironment() ) {
driver.sauceJobStatus( allPassed );
}
await stopDriver( driver );
await editorPage.removeBlockAtPosition( blockNames.columns );
} );
} );
47 changes: 4 additions & 43 deletions packages/react-native-editor/__device-tests__/gutenberg-editor-cover.test.js
View file
Open in desktop
@@ -1,48 +1,16 @@
/**
* Internal dependencies
*/
import EditorPage from './pages/editor-page';
import {
setupDriver,
isLocalEnvironment,
stopDriver,
isAndroid,
} from './helpers/utils';
import { blockNames } from './pages/editor-page';
import { isAndroid } from './helpers/utils';
import testData from './helpers/test-data';

jest.setTimeout( 1000000 );

describe( 'Gutenberg Editor Cover Block test', () => {
let driver;
let editorPage;
let allPassed = true;
const coverBlockName = 'Cover';

// Use reporter for setting status for saucelabs Job
if ( ! isLocalEnvironment() ) {
const reporter = {
specDone: async ( result ) => {
allPassed = allPassed && result.status !== 'failed';
},
};

jasmine.getEnv().addReporter( reporter );
}

beforeAll( async () => {
driver = await setupDriver();
editorPage = new EditorPage( driver );
} );

it( 'should be able to see visual editor', async () => {
await expect( editorPage.getBlockList() ).resolves.toBe( true );
} );

it( 'should displayed properly and have properly converted height (ios only)', async () => {
await editorPage.setHtmlContent( testData.coverHeightWithRemUnit );

const coverBlock = await editorPage.getBlockAtPosition(
coverBlockName
blockNames.cover
);

// Temporarily this test is skipped on Android,due to the inconsistency of the results,
Expand All @@ -57,13 +25,6 @@ describe( 'Gutenberg Editor Cover Block test', () => {

await coverBlock.click();
expect( coverBlock ).toBeTruthy();
await editorPage.removeBlockAtPosition( coverBlockName );
} );

afterAll( async () => {
if ( ! isLocalEnvironment() ) {
driver.sauceJobStatus( allPassed );
}
await stopDriver( driver );
await editorPage.removeBlockAtPosition( blockNames.cover );
} );
} );
46 changes: 7 additions & 39 deletions packages/react-native-editor/__device-tests__/gutenberg-editor-file.test.js
View file
Open in desktop
@@ -1,40 +1,12 @@
/**
* Internal dependencies
*/
import EditorPage from './pages/editor-page';
import { setupDriver, isLocalEnvironment, stopDriver } from './helpers/utils';
import { blockNames } from './pages/editor-page';
import testData from './helpers/test-data';

jest.setTimeout( 1000000 );

describe( 'Gutenberg Editor File Block tests @canary', () => {
let driver;
let editorPage;
let allPassed = true;
const fileBlockName = 'File';

// Use reporter for setting status for saucelabs Job
if ( ! isLocalEnvironment() ) {
const reporter = {
specDone: async ( result ) => {
allPassed = allPassed && result.status !== 'failed';
},
};

jasmine.getEnv().addReporter( reporter );
}

beforeAll( async () => {
driver = await setupDriver();
editorPage = new EditorPage( driver );
} );

it( 'should be able to see visual editor', async () => {
await expect( editorPage.getBlockList() ).resolves.toBe( true );
} );

it( 'should be able to add a file block', async () => {
await editorPage.addNewBlock( fileBlockName );
await editorPage.addNewBlock( blockNames.file );
const block = await editorPage.getFirstBlockVisible();
await expect( block ).toBeTruthy();
} );
Expand All @@ -43,16 +15,12 @@ describe( 'Gutenberg Editor File Block tests @canary', () => {
const block = await editorPage.getFirstBlockVisible();

block.click();
await driver.sleep( 1000 );
await editorPage.driver.sleep( 1000 );
await editorPage.chooseMediaLibrary();

await editorPage.verifyHtmlContent( testData.fileBlockPlaceholder );
} );

afterAll( async () => {
if ( ! isLocalEnvironment() ) {
driver.sauceJobStatus( allPassed );
}
await stopDriver( driver );
const html = await editorPage.getHtmlContent();
expect( testData.fileBlockPlaceholder.toLowerCase() ).toBe(
html.toLowerCase()
);
} );
} );