gutenberg-editor-block-insertion.test.js

/**
 * Internal dependencies
 */
import { blockNames } from './pages/editor-page';
import { isAndroid, swipeDown, clickMiddleOfElement } from './helpers/utils';
import testData from './helpers/test-data';

describe( 'Gutenberg Editor tests for Block insertion', () => {
	it( 'should be able to insert block into post', async () => {
		await editorPage.addNewBlock( blockNames.paragraph );
		let paragraphBlockElement = await editorPage.getBlockAtPosition(
			blockNames.paragraph
		);
		if ( isAndroid() ) {
			await paragraphBlockElement.click();
		}

		await editorPage.sendTextToParagraphBlock( 1, testData.longText );
		// Should have 3 paragraph blocks at this point

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

		await editorPage.addNewBlock( blockNames.paragraph );

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

		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 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(
				blockNames.paragraph,
				3,
				{
					autoscroll: true,
				}
			);

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

	it( 'should be able to insert block at the beginning of post from the title', async () => {
		await editorPage.addNewBlock( blockNames.paragraph );
		let paragraphBlockElement = await editorPage.getBlockAtPosition(
			blockNames.paragraph
		);
		if ( isAndroid() ) {
			await paragraphBlockElement.click();
		}

		await editorPage.sendTextToParagraphBlock( 1, testData.longText );
		// Should have 3 paragraph blocks at this point

		if ( isAndroid() ) {
			await editorPage.dismissKeyboard();
		}

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

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

		expect( testData.blockInsertionHtmlFromTitle.toLowerCase() ).toBe(
			html.toLowerCase()
		);
	} );
} );