@wordpress/e2e-tests 7.16.0 → 7.18.0

package/plugins/interactive-blocks/store-afterload/render.php

@@ -1,41 +0,0 @@
-<?php
-/**
- * HTML for testing `afterLoad` callbacks added to the store.
- *
- * @package gutenberg-test-interactive-blocks
- */
-
-?>
-<div data-wp-interactive>
-	<h3>Store statuses</h3>
-	<p data-store-status data-wp-text="state.status1">waiting</p>
-	<p data-store-status data-wp-text="state.status2">waiting</p>
-	<p data-store-status data-wp-text="state.status3">waiting</p>
-	<p data-store-status data-wp-text="state.status4">waiting</p>
-
-	<h3><code>afterLoad</code> executions</h3>
-	<p>All stores ready:&#20;
-		<span
-			data-testid="all-stores-ready"
-			data-wp-text="state.allStoresReady">
-		>waiting</span>
-	</p>
-	<p>vDOM ready:&#20;
-		<span
-			data-testid="vdom-ready"
-			data-wp-text="state.vdomReady">
-		>waiting</span>
-	</p>
-	<p><code>afterLoad</code> exec times:&#20;
-		<span
-			data-testid="after-load-exec-times"
-			data-wp-text="state.execTimes.afterLoad">
-		>0</span>
-	</p>
-	<p><code>sharedAfterLoad</code> exec times:&#20;
-		<span
-			data-testid="shared-after-load-exec-times"
-			data-wp-text="state.execTimes.sharedAfterLoad">
-		>0</span>
-	</p>
-</div>

package/plugins/interactive-blocks/store-afterload/view.js

@@ -1,60 +0,0 @@
-( ( { wp } ) => {
-	/**
-	 * WordPress dependencies
-	 */
-	const { store } = wp.interactivity;
-
-	const afterLoad = ({ state }) => {
-		// Check the state is correctly initialized.
-		const { status1, status2, status3, status4 } = state;
-		state.allStoresReady =
-			[ status1, status2, status3, status4 ]
-				.every( ( t ) => t === 'ready' )
-				.toString();
-
-		// Check the HTML has been processed as well.
-		const selector = '[data-store-status]';
-		state.vdomReady =
-			document.querySelector( selector ) &&
-				Array.from(
-					document.querySelectorAll( selector )
-				).every( ( el ) => el.textContent === 'ready' ).toString();
-
-		// Increment exec times everytime this function runs.
-		state.execTimes.afterLoad += 1;
-	}
-
-	const sharedAfterLoad = ({ state }) => {
-		// Increment exec times everytime this function runs.
-		state.execTimes.sharedAfterLoad += 1;
-	}
-
-	// Case 1: without afterload callback
-	store( {
-		state: { status1: 'ready' },
-	} );
-
-	// Case 2: non-shared afterload callback
-	store( {
-		state: {
-			status2: 'ready',
-			allStoresReady: false,
-			vdomReady: false,
-			execTimes: { afterLoad: 0 },
-		},
-	}, { afterLoad } );
-
-	// Case 3: shared afterload callback
-	store( {
-		state: {
-			status3: 'ready',
-			execTimes: { sharedAfterLoad: 0 },
-		},
-	}, { afterLoad: sharedAfterLoad }  );
-	store( {
-		state: {
-			status4: 'ready',
-			execTimes: { sharedAfterLoad: 0 },
-		},
-	}, { afterLoad: sharedAfterLoad }  );
-} )( window );

package/specs/editor/plugins/__snapshots__/align-hook.test.js.snap

@@ -1,43 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Align Hook Works As Expected Block with align array Correctly applies the selected alignment and correctly removes the alignment 1`] = `
-"<!-- wp:test/test-align-array {"align":"center"} -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-array aligncenter">Test Align Hook</div>
-<!-- /wp:test/test-align-array -->"
-`;
-
-exports[`Align Hook Works As Expected Block with align array Correctly applies the selected alignment and correctly removes the alignment 2`] = `
-"<!-- wp:test/test-align-array -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-array">Test Align Hook</div>
-<!-- /wp:test/test-align-array -->"
-`;
-
-exports[`Align Hook Works As Expected Block with align true Correctly applies the selected alignment and correctly removes the alignment 1`] = `
-"<!-- wp:test/test-align-true {"align":"right"} -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-true alignright">Test Align Hook</div>
-<!-- /wp:test/test-align-true -->"
-`;
-
-exports[`Align Hook Works As Expected Block with align true Correctly applies the selected alignment and correctly removes the alignment 2`] = `
-"<!-- wp:test/test-align-true -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-true">Test Align Hook</div>
-<!-- /wp:test/test-align-true -->"
-`;
-
-exports[`Align Hook Works As Expected Block with default align Correctly applies the selected alignment and correctly removes the alignment 1`] = `
-"<!-- wp:test/test-default-align {"align":"center"} -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-default-align aligncenter">Test Align Hook</div>
-<!-- /wp:test/test-default-align -->"
-`;
-
-exports[`Align Hook Works As Expected Block with default align Correctly applies the selected alignment and correctly removes the alignment 2`] = `
-"<!-- wp:test/test-default-align {"align":""} -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-default-align">Test Align Hook</div>
-<!-- /wp:test/test-default-align -->"
-`;
-
-exports[`Align Hook Works As Expected Block with no alignment set Does not save any alignment related attribute or class 1`] = `
-"<!-- wp:test/test-no-alignment-set -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-no-alignment-set">Test Align Hook</div>
-<!-- /wp:test/test-no-alignment-set -->"
-`;

package/specs/editor/plugins/__snapshots__/block-directory-add.test.js.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`adding blocks from block directory Should be able to add (the first) block. 1`] = `"<!-- wp:block-directory-test-block/main-block /-->"`;

package/specs/editor/plugins/__snapshots__/container-blocks.test.js.snap

@@ -1,58 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Container block without paragraph support ensures we can use the alternative block appender properly 1`] = `
-"<!-- wp:test/container-without-paragraph -->
-<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-<!-- /wp:test/container-without-paragraph -->"
-`;
-
-exports[`InnerBlocks Template Sync Ensure inner block writing flow works as expected without additional paragraphs added 1`] = `
-"<!-- wp:test/test-inner-blocks-paragraph-placeholder -->
-<!-- wp:paragraph {"placeholder":"Content…","fontSize":"large"} -->
-<p class="has-large-font-size">Test Paragraph</p>
-<!-- /wp:paragraph -->
-<!-- /wp:test/test-inner-blocks-paragraph-placeholder -->"
-`;
-
-exports[`InnerBlocks Template Sync Ensures blocks without locking are kept intact even if they do not match the template 1`] = `
-"<!-- wp:test/test-inner-blocks-no-locking -->
-<!-- wp:paragraph {"fontSize":"large"} -->
-<p class="has-large-font-size">Content…</p>
-<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>added paragraph</p>
-			<!-- /wp:paragraph -->
-		<!-- /wp:test/test-inner-blocks-no-locking -->
-"
-`;
-
-exports[`InnerBlocks Template Sync Removes blocks that are not expected by the template if a lock all exists 1`] = `
-"<!-- wp:test/test-inner-blocks-locking-all -->
-<!-- wp:paragraph {"fontSize":"large"} -->
-<p class="has-large-font-size">Content…</p>
-<!-- /wp:paragraph -->
-<!-- /wp:test/test-inner-blocks-locking-all -->"
-`;
-
-exports[`InnerBlocks Template Sync Synchronizes blocks if lock 'all' is set and the template prop is changed 1`] = `
-"<!-- wp:test/test-inner-blocks-update-locked-template -->
-<!-- wp:paragraph {"fontSize":"large"} -->
-<p class="has-large-font-size">Content…</p>
-<!-- /wp:paragraph -->
-<!-- /wp:test/test-inner-blocks-update-locked-template -->"
-`;
-
-exports[`InnerBlocks Template Sync Synchronizes blocks if lock 'all' is set and the template prop is changed 2`] = `
-"<!-- wp:test/test-inner-blocks-update-locked-template {"hasUpdatedTemplate":true} -->
-<!-- wp:paragraph {"fontSize":"large"} -->
-<p class="has-large-font-size">Content…</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph {"fontSize":"large"} -->
-<p class="has-large-font-size">Two</p>
-<!-- /wp:paragraph -->
-<!-- /wp:test/test-inner-blocks-update-locked-template -->"
-`;

package/specs/editor/plugins/__snapshots__/cpt-locking.test.js.snap

@@ -1,147 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`cpt locking template_lock all should insert line breaks when using enter and shift-enter 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph {"placeholder":"Add a description"} -->
-<p>First line<br>Second line<br>Third line</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class="wp-block-columns"></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`cpt locking template_lock all should not error when deleting the cotents of a paragraph 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph {"placeholder":"Add a description"} -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class="wp-block-columns"></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`cpt locking template_lock all unlocked group should allow blocks to be moved 1`] = `
-"<!-- wp:group {"templateLock":false} -->
-<div class="wp-block-group"><!-- wp:paragraph {"placeholder":"Add a description"} -->
-<p>p1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`cpt locking template_lock all unlocked group should allow blocks to be removed 1`] = `
-"<!-- wp:group {"templateLock":false} -->
-<div class="wp-block-group"><!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`cpt locking template_lock false should allow blocks to be inserted 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph {"placeholder":"Add a description"} -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class="wp-block-columns"></div>
-<!-- /wp:columns -->
-
-<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li>List content</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`cpt locking template_lock false should allow blocks to be moved 1`] = `
-"<!-- wp:paragraph {"placeholder":"Add a description"} -->
-<p>p1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class="wp-block-columns"></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`cpt locking template_lock false should allow blocks to be removed 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class="wp-block-columns"></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`cpt locking template_lock insert should allow blocks to be moved 1`] = `
-"<!-- wp:paragraph {"placeholder":"Add a description"} -->
-<p>p1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class="wp-block-columns"></div>
-<!-- /wp:columns -->"
-`;

package/specs/editor/plugins/__snapshots__/inner-blocks-render-appender.test.js.snap

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RenderAppender prop of InnerBlocks Users can customize the appender and can still insert blocks using exposed components 1`] = `
-"<!-- wp:test/inner-blocks-render-appender -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-inner-blocks-render-appender"><!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote --></div>
-<!-- /wp:test/inner-blocks-render-appender -->"
-`;
-
-exports[`RenderAppender prop of InnerBlocks Users can dynamically customize the appender 1`] = `
-"<!-- wp:test/inner-blocks-render-appender-dynamic -->
-<div style="outline:1px solid gray;padding:5px" class="wp-block-test-inner-blocks-render-appender-dynamic"><!-- wp:quote -->
-<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:video -->
-<figure class="wp-block-video"></figure>
-<!-- /wp:video --></div>
-<!-- /wp:test/inner-blocks-render-appender-dynamic -->"
-`;

package/specs/editor/plugins/__snapshots__/meta-attribute-block.test.js.snap

@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Block with a meta attribute Early Registration Should persist the meta attribute properly 1`] = `"<!-- wp:test/test-meta-attribute-block-early /-->"`;
-
-exports[`Block with a meta attribute Early Registration Should persist the meta attribute properly in a different post type 1`] = `"<!-- wp:test/test-meta-attribute-block-early /-->"`;
-
-exports[`Block with a meta attribute Late Registration Should persist the meta attribute properly 1`] = `"<!-- wp:test/test-meta-attribute-block-late /-->"`;
-
-exports[`Block with a meta attribute Late Registration Should persist the meta attribute properly in a different post type 1`] = `"<!-- wp:test/test-meta-attribute-block-late /-->"`;

package/specs/editor/plugins/__snapshots__/plugins-api.test.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Using Plugins API Document Setting Custom Panel Should render a custom panel inside Document Setting sidebar 1`] = `"My Custom Panel"`;
-
-exports[`Using Plugins API Sidebar Medium screen Should open plugins sidebar using More Menu item and render content 1`] = `"<div class="components-panel__header interface-complementary-area-header__small"><span class="interface-complementary-area-header__small-title">(no title)</span><button type="button" aria-controls="my-sidebar-plugin:title-sidebar" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel__header interface-complementary-area-header" tabindex="-1"><strong>Plugin title</strong><button type="button" aria-pressed="true" aria-expanded="true" class="components-button interface-complementary-area__pin-unpin-item is-pressed has-icon" aria-label="Unpin from toolbar"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"></path></svg></button><button type="button" aria-controls="my-sidebar-plugin:title-sidebar" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel"><div class="components-panel__body sidebar-title-plugin-panel is-opened"><div class="components-panel__row"><label for="title-plain-text">Title:</label><textarea class="block-editor-plain-text" id="title-plain-text" placeholder="(no title)" rows="1" style="overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;"></textarea></div><div class="components-panel__row"><button type="button" class="components-button is-primary">Reset</button></div></div></div>"`;
-
-exports[`Using Plugins API Sidebar Should open plugins sidebar using More Menu item and render content 1`] = `"<div class="components-panel__header interface-complementary-area-header__small"><span class="interface-complementary-area-header__small-title">(no title)</span><button type="button" aria-controls="my-sidebar-plugin:title-sidebar" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel__header interface-complementary-area-header" tabindex="-1"><strong>Plugin title</strong><button type="button" aria-pressed="true" aria-expanded="true" class="components-button interface-complementary-area__pin-unpin-item is-pressed has-icon" aria-label="Unpin from toolbar"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"></path></svg></button><button type="button" aria-controls="my-sidebar-plugin:title-sidebar" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel"><div class="components-panel__body sidebar-title-plugin-panel is-opened"><div class="components-panel__row"><label for="title-plain-text">Title:</label><textarea class="block-editor-plain-text" id="title-plain-text" placeholder="(no title)" rows="1" style="overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;"></textarea></div><div class="components-panel__row"><button type="button" class="components-button is-primary">Reset</button></div></div></div>"`;

package/specs/editor/plugins/align-hook.test.js

@@ -1,234 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getAllBlocks,
-	getEditedPostContent,
-	insertBlock,
-	selectBlockByClientId,
-	setPostContent,
-	clickBlockToolbarButton,
-} from '@wordpress/e2e-test-utils';
-
-const alignLabels = {
-	none: 'None',
-	left: 'Align left',
-	center: 'Align center',
-	right: 'Align right',
-	wide: 'Wide width',
-	full: 'Full width',
-};
-
-/**
- * Helper function to get the `labels` of align control. It actually evaluates the
- * basic label of the button without the `info` text node if exists.
- *
- * @param {Object}  options                               Options for the util function
- * @param {boolean} [options.getActiveButtonLabels=false] Flag for returning the active buttons labels only.
- * @return {string[]} The matched labels.
- */
-const getAlignmentToolbarLabels = async ( {
-	getActiveButtonLabels = false,
-} = {} ) => {
-	const selector = `.components-dropdown-menu__menu button${
-		getActiveButtonLabels ? '.is-active' : ''
-	} .components-menu-item__item`;
-	return page.evaluate( ( _selector ) => {
-		return (
-			Array.from( document.querySelectorAll( _selector ) )
-				/**
-				 * We neede this for now because conditionally there could be two nodes
-				 * with the same class(). This should be removed when the following
-				 * issue is resolved.
-				 *
-				 * @see https://github.com/WordPress/gutenberg/issues/34838
-				 */
-				.filter( ( contentNode ) => ! contentNode.childElementCount )
-				.map( ( contentNode ) => {
-					return contentNode.innerText;
-				} )
-		);
-	}, selector );
-};
-
-const expectActiveButtonLabelToBe = async ( expected ) => {
-	await clickBlockToolbarButton( 'Align' );
-	const activeButtonLabels = await getAlignmentToolbarLabels( {
-		getActiveButtonLabels: true,
-	} );
-	expect( activeButtonLabels ).toHaveLength( 1 );
-	expect( activeButtonLabels[ 0 ] ).toEqual( expected );
-};
-
-const createShowsTheExpectedButtonsTest = ( blockName, buttonLabels ) => {
-	it( 'Shows the expected buttons on the alignment toolbar', async () => {
-		await insertBlock( blockName );
-		await clickBlockToolbarButton( 'Align' );
-		expect( await getAlignmentToolbarLabels() ).toEqual(
-			expect.arrayContaining( buttonLabels )
-		);
-	} );
-};
-
-const createAppliesNoneAlignmentByDefaultTest = ( blockName ) => {
-	it( 'applies none alignment by default', async () => {
-		await insertBlock( blockName );
-		await expectActiveButtonLabelToBe( alignLabels.none );
-	} );
-};
-
-const verifyMarkupIsValid = async ( htmlMarkup ) => {
-	await setPostContent( htmlMarkup );
-	const blocks = await getAllBlocks();
-	expect( blocks ).toHaveLength( 1 );
-	expect( blocks[ 0 ].isValid ).toBeTruthy();
-};
-
-const createCorrectlyAppliesAndRemovesAlignmentTest = (
-	blockName,
-	alignment
-) => {
-	it( 'Correctly applies the selected alignment and correctly removes the alignment', async () => {
-		const BUTTON_XPATH = `//button[contains(@class,'components-dropdown-menu__menu-item')]//span[contains(text(), '${ alignLabels[ alignment ] }')]`;
-
-		// Set the specified alignment.
-		await insertBlock( blockName );
-		await clickBlockToolbarButton( 'Align' );
-		await ( await page.$x( BUTTON_XPATH ) )[ 0 ].click();
-
-		// Verify the button of the specified alignment is pressed.
-		await expectActiveButtonLabelToBe( alignLabels[ alignment ] );
-
-		let htmlMarkup = await getEditedPostContent();
-
-		// Verify the markup of the selected alignment was generated.
-		expect( htmlMarkup ).toMatchSnapshot();
-
-		// Verify the markup can be correctly parsed.
-		await verifyMarkupIsValid( htmlMarkup );
-
-		await selectBlockByClientId( ( await getAllBlocks() )[ 0 ].clientId );
-
-		// Remove the alignment.
-		await clickBlockToolbarButton( 'Align' );
-		await ( await page.$x( BUTTON_XPATH ) )[ 0 ].click();
-
-		// Verify 'none' alignment button is in pressed state.
-		await expectActiveButtonLabelToBe( alignLabels.none );
-
-		// Verify alignment markup was removed from the block.
-		htmlMarkup = await getEditedPostContent();
-		expect( htmlMarkup ).toMatchSnapshot();
-
-		// verify the markup when no alignment is set is valid
-		await verifyMarkupIsValid( htmlMarkup );
-
-		await selectBlockByClientId( ( await getAllBlocks() )[ 0 ].clientId );
-
-		// Verify alignment `none` button is in pressed state after parsing the block.
-		await expectActiveButtonLabelToBe( alignLabels.none );
-	} );
-};
-
-describe( 'Align Hook Works As Expected', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-align-hook' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-align-hook' );
-	} );
-
-	describe( 'Block with no alignment set', () => {
-		const BLOCK_NAME = 'Test No Alignment Set';
-		it( 'Shows no alignment buttons on the alignment toolbar', async () => {
-			await insertBlock( BLOCK_NAME );
-			const CHANGE_ALIGNMENT_BUTTON_SELECTOR =
-				'.block-editor-block-toolbar .components-dropdown-menu__toggle[aria-label="Align"]';
-			const changeAlignmentButton = await page.$(
-				CHANGE_ALIGNMENT_BUTTON_SELECTOR
-			);
-			expect( changeAlignmentButton ).toBe( null );
-		} );
-
-		it( 'Does not save any alignment related attribute or class', async () => {
-			await insertBlock( BLOCK_NAME );
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'Block with align true', () => {
-		const BLOCK_NAME = 'Test Align True';
-
-		createShowsTheExpectedButtonsTest(
-			BLOCK_NAME,
-			Object.values( alignLabels )
-		);
-
-		createAppliesNoneAlignmentByDefaultTest( BLOCK_NAME );
-
-		createCorrectlyAppliesAndRemovesAlignmentTest( BLOCK_NAME, 'right' );
-	} );
-
-	describe( 'Block with align array', () => {
-		const BLOCK_NAME = 'Test Align Array';
-
-		createShowsTheExpectedButtonsTest( BLOCK_NAME, [
-			alignLabels.none,
-			alignLabels.left,
-			alignLabels.center,
-		] );
-
-		createAppliesNoneAlignmentByDefaultTest( BLOCK_NAME );
-
-		createCorrectlyAppliesAndRemovesAlignmentTest( BLOCK_NAME, 'center' );
-	} );
-
-	describe( 'Block with default align', () => {
-		const BLOCK_NAME = 'Test Default Align';
-		const SELECTED_ALIGNMENT_CONTROL_SELECTOR =
-			'//div[contains(@class, "components-dropdown-menu__menu")]//button[contains(@class, "is-active")]/span[text()="Align right"]';
-		createShowsTheExpectedButtonsTest(
-			BLOCK_NAME,
-			Object.values( alignLabels )
-		);
-
-		it( 'Applies the selected alignment by default', async () => {
-			await insertBlock( BLOCK_NAME );
-			// Verify the correct alignment button is pressed.
-			await clickBlockToolbarButton( 'Align' );
-			const selectedAlignmentControls = await page.$x(
-				SELECTED_ALIGNMENT_CONTROL_SELECTOR
-			);
-			expect( selectedAlignmentControls ).toHaveLength( 1 );
-		} );
-
-		it( 'The default markup does not contain the alignment attribute but contains the alignment class', async () => {
-			await insertBlock( BLOCK_NAME );
-			const markup = await getEditedPostContent();
-			expect( markup ).not.toContain( '"align":"right"' );
-			expect( markup ).toContain( 'alignright' );
-		} );
-
-		it( 'Can remove the default alignment and the align attribute equals none but alignnone class is not applied', async () => {
-			await insertBlock( BLOCK_NAME );
-			// Remove the alignment.
-			await clickBlockToolbarButton( 'Align' );
-			const [ selectedAlignmentControl ] = await page.$x(
-				SELECTED_ALIGNMENT_CONTROL_SELECTOR
-			);
-			await selectedAlignmentControl.click();
-			const markup = await getEditedPostContent();
-			expect( markup ).toContain( '"align":""' );
-		} );
-
-		createCorrectlyAppliesAndRemovesAlignmentTest( BLOCK_NAME, 'center' );
-	} );
-} );