@wordpress/e2e-tests 7.5.0 → 7.6.1

package/specs/editor/plugins/inner-blocks-allowed-blocks.test.js

@@ -1,96 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getAllBlockInserterItemTitles,
-	insertBlock,
-	openGlobalBlockInserter,
-	closeGlobalBlockInserter,
-	clickBlockToolbarButton,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Allowed Blocks Setting on InnerBlocks', () => {
-	const paragraphSelector =
-		'.block-editor-rich-text__editable[data-type="core/paragraph"]';
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-innerblocks-allowed-blocks' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-innerblocks-allowed-blocks' );
-	} );
-
-	it( 'allows all blocks if the allowed blocks setting was not set', async () => {
-		const parentBlockSelector = '[data-type="test/allowed-blocks-unset"]';
-		const childParagraphSelector = `${ parentBlockSelector } ${ paragraphSelector }`;
-		await insertBlock( 'Allowed Blocks Unset' );
-		await closeGlobalBlockInserter();
-		await page.waitForSelector( childParagraphSelector );
-		await page.click( childParagraphSelector );
-		await openGlobalBlockInserter();
-		await expect(
-			(
-				await getAllBlockInserterItemTitles()
-			 ).length
-		).toBeGreaterThan( 20 );
-	} );
-
-	it( 'allows the blocks if the allowed blocks setting was set', async () => {
-		const parentBlockSelector = '[data-type="test/allowed-blocks-set"]';
-		const childParagraphSelector = `${ parentBlockSelector } ${ paragraphSelector }`;
-		await insertBlock( 'Allowed Blocks Set' );
-		await closeGlobalBlockInserter();
-		await page.waitForSelector( childParagraphSelector );
-		await page.click( childParagraphSelector );
-		await openGlobalBlockInserter();
-		const allowedBlocks = await getAllBlockInserterItemTitles();
-		expect( allowedBlocks.sort() ).toEqual( [
-			'Button',
-			'Gallery',
-			'List',
-			'Media & Text',
-			'Quote',
-		] );
-	} );
-
-	it( 'correctly applies dynamic allowed blocks restrictions', async () => {
-		await insertBlock( 'Allowed Blocks Dynamic' );
-		await closeGlobalBlockInserter();
-		const parentBlockSelector = '[data-type="test/allowed-blocks-dynamic"]';
-		const blockAppender = '.block-list-appender button';
-		const appenderSelector = `${ parentBlockSelector } ${ blockAppender }`;
-		await page.waitForSelector( appenderSelector );
-		await page.click( appenderSelector );
-		expect( await getAllBlockInserterItemTitles() ).toEqual( [
-			'Image',
-			'List',
-		] );
-		const insertButton = (
-			await page.$x( `//button//span[contains(text(), 'List')]` )
-		 )[ 0 ];
-		await insertButton.click();
-		// Select the list wrapper so the image is insertable.
-		await page.keyboard.press( 'ArrowUp' );
-		await insertBlock( 'Image' );
-		await closeGlobalBlockInserter();
-		await page.waitForSelector( '.product[data-number-of-children="2"]' );
-		await clickBlockToolbarButton( 'Select Allowed Blocks Dynamic' );
-		// This focus shouldn't be neessary but there's a bug in trunk right now
-		// Where if you open the inserter, don't do anything and click the "appender" on the canvas
-		// the appender is not opened right away.
-		// It needs to be investigated on its own.
-		await page.focus( appenderSelector );
-		await page.click( appenderSelector );
-		expect( await getAllBlockInserterItemTitles() ).toEqual( [
-			'Gallery',
-			'Video',
-		] );
-	} );
-} );

package/specs/editor/various/__snapshots__/block-hierarchy-navigation.test.js.snap

@@ -1,63 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Navigating the block hierarchy should appear and function even without nested blocks 1`] = `
-"<!-- wp:paragraph -->
-<p>and I say hello</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->"
-`;
-
-exports[`Navigating the block hierarchy should navigate block hierarchy using only the keyboard 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column -->
-<div class="wp-block-column"><!-- wp:paragraph -->
-<p>First column</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"><!-- wp:paragraph -->
-<p>Third column</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Navigating the block hierarchy should navigate using the list view sidebar 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column -->
-<div class="wp-block-column"><!-- wp:paragraph -->
-<p>First column</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"><!-- wp:paragraph -->
-<p>Third column</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Navigating the block hierarchy should select the wrapper div for a group 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:paragraph -->
-<p>just a paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:separator -->
-<hr class="wp-block-separator has-alpha-channel-opacity"/>
-<!-- /wp:separator --></div>
-<!-- /wp:group -->"
-`;

package/specs/editor/various/block-hierarchy-navigation.test.js

@@ -1,227 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	insertBlock,
-	getEditedPostContent,
-	pressKeyTimes,
-	pressKeyWithModifier,
-	openDocumentSettingsSidebar,
-	getListViewBlocks,
-	switchBlockInspectorTab,
-} from '@wordpress/e2e-test-utils';
-
-async function openListViewSidebar() {
-	await pressKeyWithModifier( 'access', 'o' );
-	await page.waitForSelector( '.block-editor-list-view-leaf.is-selected' );
-}
-
-async function tabToColumnsControl() {
-	let isColumnsControl = false;
-	do {
-		await page.keyboard.press( 'Tab' );
-
-		const isBlockInspectorTab = await page.evaluate( () => {
-			const activeElement = document.activeElement;
-			return (
-				activeElement.getAttribute( 'role' ) === 'tab' &&
-				activeElement.attributes.getNamedItem( 'aria-label' ).value ===
-					'Styles'
-			);
-		} );
-
-		if ( isBlockInspectorTab ) {
-			await page.keyboard.press( 'ArrowRight' );
-		}
-
-		isColumnsControl = await page.evaluate( () => {
-			const activeElement = document.activeElement;
-			return (
-				activeElement.tagName === 'INPUT' &&
-				activeElement.attributes.getNamedItem( 'aria-label' ).value ===
-					'Columns'
-			);
-		} );
-	} while ( ! isColumnsControl );
-}
-
-describe( 'Navigating the block hierarchy', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should navigate using the list view sidebar', async () => {
-		await insertBlock( 'Columns' );
-		await page.click( '[aria-label="Two columns; equal split"]' );
-
-		// Add a paragraph in the first column.
-		await page.keyboard.press( 'ArrowDown' ); // Navigate to inserter.
-		await page.keyboard.press( 'Enter' ); // Activate inserter.
-		// Wait for inserter results to appear and then insert a paragraph.
-		await page.waitForSelector(
-			'.block-editor-inserter__quick-inserter-results .editor-block-list-item-paragraph'
-		);
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'First column' );
-
-		// Navigate to the columns blocks.
-		await page.click(
-			'.edit-post-header-toolbar__document-overview-toggle'
-		);
-
-		const firstColumnsBlockMenuItem = (
-			await getListViewBlocks( 'Columns' )
-		 )[ 0 ];
-		await firstColumnsBlockMenuItem.click();
-
-		// Tweak the columns count.
-		await openDocumentSettingsSidebar();
-		await switchBlockInspectorTab( 'Settings' );
-		await page.focus(
-			'.block-editor-block-inspector [aria-label="Columns"][type="number"]'
-		);
-		await page.keyboard.down( 'Shift' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.up( 'Shift' );
-		await page.keyboard.type( '3' );
-
-		// Wait for the new column block to appear in the list view
-		// 5 = Columns, Column, Paragraph, Column, *Column*
-		await page.waitForSelector(
-			'tr.block-editor-list-view-leaf:nth-of-type(5)'
-		);
-
-		// Navigate to the last column block.
-		const lastColumnBlockMenuItem = (
-			await getListViewBlocks( 'Column' )
-		 )[ 2 ];
-		await lastColumnBlockMenuItem.click();
-
-		// Insert text in the last column block.
-		await page.keyboard.press( 'ArrowDown' ); // Navigate to inserter.
-		await page.keyboard.press( 'Enter' ); // Activate inserter.
-		// Wait for inserter results to appear and then insert a paragraph.
-		await page.waitForSelector(
-			'.block-editor-inserter__quick-inserter-results .editor-block-list-item-paragraph'
-		);
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'Third column' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should navigate block hierarchy using only the keyboard', async () => {
-		await insertBlock( 'Columns' );
-		await openDocumentSettingsSidebar();
-		await page.click( '[aria-label="Two columns; equal split"]' );
-
-		// Add a paragraph in the first column.
-		await page.keyboard.press( 'ArrowDown' ); // Navigate to inserter.
-		await page.keyboard.press( 'Enter' ); // Activate inserter.
-		// Wait for inserter results to appear and then insert a paragraph.
-		await page.waitForSelector(
-			'.block-editor-inserter__quick-inserter-results .editor-block-list-item-paragraph'
-		);
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'First column' );
-
-		// Navigate to the columns blocks using the keyboard.
-		await openListViewSidebar();
-		await pressKeyTimes( 'ArrowUp', 2 );
-		await page.keyboard.press( 'Enter' );
-
-		// Move focus to the sidebar area.
-		await pressKeyWithModifier( 'ctrl', '`' );
-		await tabToColumnsControl();
-
-		// Tweak the columns count by increasing it by one.
-		await page.keyboard.press( 'ArrowRight' );
-
-		// Navigate to the third column in the columns block.
-		await pressKeyWithModifier( 'ctrlShift', '`' );
-		await pressKeyWithModifier( 'ctrlShift', '`' );
-		await pressKeyTimes( 'Tab', 4 );
-		await pressKeyTimes( 'ArrowDown', 4 );
-		await page.waitForSelector(
-			'.is-highlighted[aria-label="Block: Column (3 of 3)"]'
-		);
-		await page.keyboard.press( 'Enter' );
-		await page.waitForSelector( '.is-selected[data-type="core/column"]' );
-
-		// Insert text in the last column block.
-		await page.keyboard.press( 'ArrowDown' ); // Navigate to inserter.
-		await page.keyboard.press( 'Enter' ); // Activate inserter.
-		// Wait for inserter results to appear and then insert a paragraph.
-		await page.waitForSelector(
-			'.block-editor-inserter__quick-inserter-results .editor-block-list-item-paragraph'
-		);
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'Third column' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should appear and function even without nested blocks', async () => {
-		const textString = 'You say goodbye';
-
-		await insertBlock( 'Paragraph' );
-
-		// Add content so there is a block in the hierarchy.
-		await page.keyboard.type( textString );
-
-		// Create an image block too.
-		await page.keyboard.press( 'Enter' );
-		await insertBlock( 'Image' );
-
-		// Return to first block.
-		await openListViewSidebar();
-		await page.keyboard.press( 'ArrowUp' );
-		await page.keyboard.press( 'Space' );
-
-		// Replace its content.
-		await pressKeyWithModifier( 'primary', 'a' );
-		await page.keyboard.type( 'and I say hello' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should select the wrapper div for a group', async () => {
-		// Insert a group block.
-		await insertBlock( 'Group' );
-		// Select the default, selected Group layout from the variation picker.
-		await page.click(
-			'button[aria-label="Group: Gather blocks in a container."]'
-		);
-		// Insert some random blocks.
-		// The last block shouldn't be a textual block.
-		await page.click( '.block-list-appender .block-editor-inserter' );
-		const paragraphMenuItem = (
-			await page.$x( `//button//span[contains(text(), 'Paragraph')]` )
-		 )[ 0 ];
-		await paragraphMenuItem.click();
-		await page.keyboard.type( 'just a paragraph' );
-		await insertBlock( 'Separator' );
-
-		// Check the Group block content.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		// Unselect the blocks.
-		await page.click( '.editor-post-title' );
-
-		// Try selecting the group block using the Outline.
-		await page.click(
-			'.edit-post-header-toolbar__document-overview-toggle'
-		);
-		const groupMenuItem = ( await getListViewBlocks( 'Group' ) )[ 0 ];
-		await groupMenuItem.click();
-
-		// The group block's wrapper should be selected.
-		const isGroupBlockSelected = await page.evaluate(
-			() =>
-				document.activeElement.getAttribute( 'data-type' ) ===
-				'core/group'
-		);
-		expect( isGroupBlockSelected ).toBe( true );
-	} );
-} );

package/specs/editor/various/navigable-toolbar.test.js

@@ -1,104 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createNewPost, pressKeyWithModifier } from '@wordpress/e2e-test-utils';
-
-async function isInBlockToolbar() {
-	return await page.evaluate( () => {
-		return !! document.activeElement.closest(
-			'.block-editor-block-toolbar'
-		);
-	} );
-}
-
-describe( 'Block Toolbar', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	describe( 'Contextual Toolbar', () => {
-		it( 'should not scroll page', async () => {
-			while (
-				await page.evaluate( () => {
-					const scrollable = wp.dom.getScrollContainer(
-						document.activeElement
-					);
-					return ! scrollable || scrollable.scrollTop === 0;
-				} )
-			) {
-				await page.keyboard.press( 'Enter' );
-			}
-
-			await page.keyboard.type( 'a' );
-
-			const scrollTopBefore = await page.evaluate(
-				() =>
-					wp.dom.getScrollContainer( document.activeElement )
-						.scrollTop
-			);
-
-			await pressKeyWithModifier( 'alt', 'F10' );
-			expect( await isInBlockToolbar() ).toBe( true );
-
-			const scrollTopAfter = await page.evaluate(
-				() =>
-					wp.dom.getScrollContainer( document.activeElement )
-						.scrollTop
-			);
-
-			expect( scrollTopBefore ).toBe( scrollTopAfter );
-		} );
-
-		it( 'navigates into the toolbar by keyboard (Alt+F10)', async () => {
-			// Assumes new post focus starts in title. Create first new
-			// block by Enter.
-			await page.keyboard.press( 'Enter' );
-
-			// [TEMPORARY]: A new paragraph is not technically a block yet
-			// until starting to type within it.
-			await page.keyboard.type( 'Example' );
-
-			// Upward.
-			await pressKeyWithModifier( 'alt', 'F10' );
-
-			expect( await isInBlockToolbar() ).toBe( true );
-		} );
-	} );
-
-	describe( 'Unified Toolbar', () => {
-		beforeEach( async () => {
-			// Enable unified toolbar
-			await page.evaluate( () => {
-				const { select, dispatch } = wp.data;
-				const isCurrentlyUnified =
-					select( 'core/edit-post' ).isFeatureActive(
-						'fixedToolbar'
-					);
-				if ( ! isCurrentlyUnified ) {
-					dispatch( 'core/edit-post' ).toggleFeature(
-						'fixedToolbar'
-					);
-				}
-			} );
-		} );
-
-		it( 'navigates into the toolbar by keyboard (Alt+F10)', async () => {
-			// Assumes new post focus starts in title. Create first new
-			// block by Enter.
-			await page.keyboard.press( 'Enter' );
-
-			// [TEMPORARY]: A new paragraph is not technically a block yet
-			// until starting to type within it.
-			await page.keyboard.type( 'Example' );
-
-			// Upward.
-			await pressKeyWithModifier( 'alt', 'F10' );
-
-			expect(
-				await page.evaluate( () => {
-					return document.activeElement.getAttribute( 'aria-label' );
-				} )
-			).toBe( 'Show document tools' );
-		} );
-	} );
-} );