@wordpress/e2e-tests 7.14.0 → 7.15.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 7.15.0 (2023-10-18)
+
 ## 7.14.0 (2023-10-05)
 
 ## 7.13.0 (2023-09-20)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "7.14.0",
+	"version": "7.15.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -23,11 +23,11 @@
 		"node": ">=14"
 	},
 	"dependencies": {
-		"@wordpress/e2e-test-utils": "^10.14.0",
-		"@wordpress/jest-console": "^7.14.0",
-		"@wordpress/jest-puppeteer-axe": "^6.14.0",
-		"@wordpress/scripts": "^26.14.0",
-		"@wordpress/url": "^3.44.0",
+		"@wordpress/e2e-test-utils": "^10.15.0",
+		"@wordpress/jest-console": "^7.15.0",
+		"@wordpress/jest-puppeteer-axe": "^6.15.0",
+		"@wordpress/scripts": "^26.15.0",
+		"@wordpress/url": "^3.45.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -45,5 +45,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "9b8e598c5418d38fe72197c24ef1d3dd6c712151"
+	"gitHead": "f83bb1a71e8fa416131b81a9f282a72a1dc6c694"
 }

package/specs/editor/blocks/post-title.test.js

@@ -1,36 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	insertBlock,
-	saveDraft,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Post Title block', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'Can edit the post title', async () => {
-		// Create a block with some text that will trigger a list creation.
-		await insertBlock( 'Title' );
-		const editablePostTitleSelector =
-			'.wp-block-post-title[contenteditable="true"]';
-		await canvas().waitForSelector( editablePostTitleSelector );
-		await canvas().focus( editablePostTitleSelector );
-
-		// Create a second list item.
-		await page.keyboard.type( 'Just tweaking the post title' );
-
-		await saveDraft();
-		await page.reload();
-		await page.waitForSelector( '.edit-post-layout' );
-		const title = await canvas().$eval(
-			'.editor-post-title__input',
-			( element ) => element.textContent
-		);
-		expect( title ).toEqual( 'Just tweaking the post title' );
-	} );
-} );

package/specs/editor/various/__snapshots__/links.test.js.snap

@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Links allows use of escape key to dismiss the url popover 1`] = `
-"<!-- wp:paragraph -->
-<p>This is Gutenberg.</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Links can be created by selecting text and clicking Link 1`] = `
-"<!-- wp:paragraph -->
-<p>This is <a href="https://wordpress.org/gutenberg">Gutenberg</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Links can be created instantly when a URL is selected 1`] = `
-"<!-- wp:paragraph -->
-<p>This is Gutenberg: <a href="https://wordpress.org/gutenberg">https://wordpress.org/gutenberg</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Links can be created without any text selected 1`] = `
-"<!-- wp:paragraph -->
-<p>This is Gutenberg: <a href="https://wordpress.org/gutenberg">https://wordpress.org/gutenberg</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Links can be edited 1`] = `
-"<!-- wp:paragraph -->
-<p>This is <a href="https://wordpress.org/gutenberg/handbook">Gutenberg</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Links can be edited with collapsed selection 1`] = `
-"<!-- wp:paragraph -->
-<p>This is <a href="https://wordpress.org/gutenberg/handbook">Gutenberg</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Links can be modified using the keyboard once a link has been set 1`] = `
-"<!-- wp:paragraph -->
-<p>This is <a href="https://wordpress.org/gutenberg">Gutenberg</a>.</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Links can be removed 1`] = `
-"<!-- wp:paragraph -->
-<p>This is Gutenberg</p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/format-library/__snapshots__/text-color.test.js.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RichText should remove highlighting element 1`] = `
-"<!-- wp:paragraph -->
-<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-cyan-bluish-gray-color">1</mark></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should remove highlighting element 2`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/format-library/text-color.test.js

@@ -1,46 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	getEditedPostContent,
-	clickBlockAppender,
-	pressKeyWithModifier,
-	clickBlockToolbarButton,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'RichText', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should remove highlighting element', async () => {
-		await clickBlockAppender();
-
-		// Add text and select to color.
-		await page.keyboard.type( '1' );
-		await pressKeyWithModifier( 'primary', 'a' );
-		await clickBlockToolbarButton( 'More' );
-
-		const button = await page.waitForXPath(
-			`//button[text()='Highlight']`
-		);
-		// Clicks may fail if the button is out of view. Assure it is before click.
-		await button.evaluate( ( element ) => element.scrollIntoView() );
-		await button.click();
-
-		// Use a color name with multiple words to ensure that it becomes
-		// active. Previously we had a broken regular expression.
-		const option = await page.waitForSelector(
-			'[aria-label="Color: Cyan bluish gray"]'
-		);
-
-		await option.click();
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await option.click();
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/various/links.test.js

@@ -1,916 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	clickBlockToolbarButton,
-	getEditedPostContent,
-	createNewPost,
-	pressKeyWithModifier,
-	showBlockToolbar,
-	pressKeyTimes,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Links', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	const waitForURLFieldAutoFocus = async () => {
-		await page.waitForFunction( () => {
-			const input = document.querySelector(
-				'.block-editor-url-input__input'
-			);
-			if ( input ) {
-				input.focus();
-				return true;
-			}
-			return false;
-		} );
-	};
-
-	it( 'will use Post title as link text if link to existing post is created without any text selected', async () => {
-		const titleText = 'Post to create a link to';
-		await createPostWithTitle( titleText );
-
-		await createNewPost();
-		await clickBlockAppender();
-
-		// Now in a new post and try to create a link from an autocomplete suggestion using the keyboard.
-		await page.keyboard.type( 'Here comes a link: ' );
-
-		// Press Cmd+K to insert a link.
-		await pressKeyWithModifier( 'primary', 'K' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).not.toBeNull();
-
-		// Trigger the autocomplete suggestion list and select the first suggestion.
-		await page.keyboard.type( titleText.substr( 0, titleText.length - 2 ) );
-		await page.waitForSelector( '.block-editor-link-control__search-item' );
-		await page.keyboard.press( 'ArrowDown' );
-
-		await page.keyboard.press( 'Enter' );
-
-		const actualText = await canvas().evaluate(
-			() =>
-				document.querySelector( '.block-editor-rich-text__editable a' )
-					.textContent
-		);
-		expect( actualText ).toBe( titleText );
-	} );
-
-	it( 'can be created by selecting text and clicking Link', async () => {
-		// Create a block with some text.
-		await clickBlockAppender();
-		await page.keyboard.type( 'This is Gutenberg' );
-
-		// Select some text.
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-		// Click on the Link button.
-		await page.click( 'button[aria-label="Link"]' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-
-		// Type a URL.
-		await page.keyboard.type( 'https://wordpress.org/gutenberg' );
-
-		// Submit the link.
-		await page.keyboard.press( 'Enter' );
-
-		// The link should have been inserted.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'will not automatically create a link if selected text is not a valid HTTP based URL', async () => {
-		// Create a block with some text.
-		await clickBlockAppender();
-		await page.keyboard.type( 'This: is not a link' );
-
-		// Select some text.
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-		// Click on the Link button.
-		await page.click( 'button[aria-label="Link"]' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-
-		const urlInputValue = await page.evaluate(
-			() =>
-				document.querySelector( '.block-editor-url-input__input' ).value
-		);
-
-		expect( urlInputValue ).toBe( '' );
-	} );
-
-	it( 'can be created without any text selected', async () => {
-		// Create a block with some text.
-		await clickBlockAppender();
-		await page.keyboard.type( 'This is Gutenberg: ' );
-
-		// Press Cmd+K to insert a link.
-		await pressKeyWithModifier( 'primary', 'K' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-
-		// Type a URL.
-		await page.keyboard.type( 'https://wordpress.org/gutenberg' );
-
-		// Press Enter to apply the link.
-		await page.keyboard.press( 'Enter' );
-
-		// A link with the URL as its text should have been inserted.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can be created instantly when a URL is selected', async () => {
-		// Create a block with some text.
-		await clickBlockAppender();
-		await page.keyboard.type(
-			'This is Gutenberg: https://wordpress.org/gutenberg'
-		);
-
-		// Select the URL.
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-		// Click on the Link button.
-		await page.click( 'button[aria-label="Link"]' );
-
-		// A link with the selected URL as its href should have been inserted.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'is not created when we click away from the link input', async () => {
-		// Create a block with some text.
-		await clickBlockAppender();
-		await page.keyboard.type( 'This is Gutenberg' );
-
-		// Select some text.
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-		// Click on the Link button.
-		await page.click( 'button[aria-label="Link"]' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-
-		// Type a URL.
-		await page.keyboard.type( 'https://wordpress.org/gutenberg' );
-
-		// Click somewhere else - it doesn't really matter where.
-		await canvas().click( '.editor-post-title' );
-	} );
-
-	const createAndReselectLink = async () => {
-		// Create a block with some text.
-		await clickBlockAppender();
-		await page.keyboard.type( 'This is Gutenberg' );
-
-		// Select some text.
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-		// Click on the Link button.
-		await page.click( 'button[aria-label="Link"]' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-
-		// Type a URL.
-		await page.keyboard.type( 'https://wordpress.org/gutenberg' );
-
-		// Click on the Submit button.
-		await page.keyboard.press( 'Enter' );
-
-		// Reselect the link.
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-	};
-
-	it( 'can be edited', async () => {
-		await createAndReselectLink();
-
-		// Click on the Edit button.
-		const [ editButton ] = await page.$x(
-			'//button[contains(@aria-label, "Edit")]'
-		);
-		await editButton.click();
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-
-		// Change the URL.
-		await page.keyboard.type( '/handbook' );
-
-		// Submit the link.
-		await page.keyboard.press( 'Enter' );
-
-		// The link should have been updated.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can be removed', async () => {
-		await createAndReselectLink();
-
-		// Click on the Unlink button
-		// await page.click( 'button[aria-label="Unlink"]' );
-
-		// Unlick via shortcut
-		// we do this to avoid an layout edge case whereby
-		// the rich link preview popover will obscure the block toolbar
-		// under very specific circumstances and screensizes.
-		await pressKeyWithModifier( 'primaryShift', 'K' );
-
-		// The link should have been removed.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	const toggleFixedToolbar = async ( isFixed ) => {
-		await page.evaluate( ( _isFixed ) => {
-			const { select, dispatch } = wp.data;
-			const isCurrentlyFixed =
-				select( 'core/edit-post' ).isFeatureActive( 'fixedToolbar' );
-			if ( isCurrentlyFixed !== _isFixed ) {
-				dispatch( 'core/edit-post' ).toggleFeature( 'fixedToolbar' );
-			}
-		}, isFixed );
-	};
-
-	it( 'allows Left to be pressed during creation when the toolbar is fixed to top', async () => {
-		await toggleFixedToolbar( true );
-
-		await clickBlockAppender();
-		await page.keyboard.type( 'Text' );
-		await page.click( 'button[aria-label="Link"]' );
-
-		// Typing "left" should not close the dialog.
-		await page.keyboard.press( 'ArrowLeft' );
-		let popover = await page.$(
-			'.components-popover__content .block-editor-link-control'
-		);
-		expect( popover ).not.toBeNull();
-
-		// Escape should close the dialog still.
-		await page.keyboard.press( 'Escape' );
-		popover = await page.$(
-			'.components-popover__content .block-editor-link-control'
-		);
-		expect( popover ).toBeNull();
-	} );
-
-	it( 'allows Left to be pressed during creation in "Docked Toolbar" mode', async () => {
-		await toggleFixedToolbar( false );
-
-		await clickBlockAppender();
-		await page.keyboard.type( 'Text' );
-
-		await clickBlockToolbarButton( 'Link' );
-
-		// Typing "left" should not close the dialog.
-		await page.keyboard.press( 'ArrowLeft' );
-		let popover = await page.$(
-			'.components-popover__content .block-editor-link-control'
-		);
-		expect( popover ).not.toBeNull();
-
-		// Escape should close the dialog still.
-		await page.keyboard.press( 'Escape' );
-		popover = await page.$(
-			'.components-popover__content .block-editor-link-control'
-		);
-		expect( popover ).toBeNull();
-	} );
-
-	it( 'can be edited with collapsed selection', async () => {
-		await createAndReselectLink();
-		// Make a collapsed selection inside the link
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'ArrowRight' );
-		await showBlockToolbar();
-		const [ editButton ] = await page.$x(
-			'//button[contains(@aria-label, "Edit")]'
-		);
-		await editButton.click();
-		await waitForURLFieldAutoFocus();
-		await page.keyboard.type( '/handbook' );
-		await page.keyboard.press( 'Enter' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	const createPostWithTitle = async ( titleText ) => {
-		await createNewPost();
-		await canvas().type( '.editor-post-title__input', titleText );
-		await page.click( '.editor-post-publish-panel__toggle' );
-
-		// Disable reason: Wait for the animation to complete, since otherwise the
-		// click attempt may occur at the wrong point.
-		// eslint-disable-next-line no-restricted-syntax
-		await page.waitForTimeout( 100 );
-
-		// Publish the post.
-		await page.click( '.editor-post-publish-button' );
-
-		// Return the URL of the new post.
-		await page.waitForSelector(
-			'.post-publish-panel__postpublish-post-address input'
-		);
-		return page.evaluate(
-			() =>
-				document.querySelector(
-					'.post-publish-panel__postpublish-post-address input'
-				).value
-		);
-	};
-
-	it( 'allows use of escape key to dismiss the url popover', async () => {
-		const titleText = 'Test post escape';
-		await createPostWithTitle( titleText );
-
-		await createNewPost();
-		await clickBlockAppender();
-
-		// Now in a new post and try to create a link from an autocomplete suggestion using the keyboard.
-		await page.keyboard.type( 'This is Gutenberg' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-		// Press Cmd+K to insert a link.
-		await pressKeyWithModifier( 'primary', 'K' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).not.toBeNull();
-
-		// Trigger the autocomplete suggestion list and select the first suggestion.
-		await page.keyboard.type( titleText );
-		await page.waitForSelector( '.block-editor-link-control__search-item' );
-		await page.keyboard.press( 'ArrowDown' );
-
-		// Expect the escape key to dismiss the popover when the autocomplete suggestion list is open.
-		await page.keyboard.press( 'Escape' );
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).toBeNull();
-
-		// Confirm that selection is returned to where it was before launching
-		// the link editor, with "Gutenberg" as an uncollapsed selection.
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.type( '.' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		// Press Cmd+K to insert a link.
-		await pressKeyWithModifier( 'primary', 'K' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).not.toBeNull();
-
-		// Expect the escape key to dismiss the popover normally.
-		await page.keyboard.press( 'Escape' );
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).toBeNull();
-
-		// Press Cmd+K to insert a link.
-		await pressKeyWithModifier( 'primary', 'K' );
-
-		// Wait for the URL field to auto-focus.
-		await waitForURLFieldAutoFocus();
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).not.toBeNull();
-
-		// Tab to the "Open in new tab" toggle.
-		await page.keyboard.press( 'Tab' );
-		await page.keyboard.press( 'Tab' );
-
-		// Expect the escape key to dismiss the popover normally.
-		await page.keyboard.press( 'Escape' );
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).toBeNull();
-	} );
-
-	it( 'can be modified using the keyboard once a link has been set', async () => {
-		const URL = 'https://wordpress.org/gutenberg';
-
-		// Create a block with some text and format it as a link.
-		await clickBlockAppender();
-		await page.keyboard.type( 'This is Gutenberg' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'primary', 'K' );
-		await waitForURLFieldAutoFocus();
-		await page.keyboard.type( URL );
-		await page.keyboard.press( 'Enter' );
-
-		// Deselect the link text by moving the caret to the end of the line
-		// and the link popover should not be displayed.
-		await page.keyboard.press( 'End' );
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).toBeNull();
-
-		// Move the caret back into the link text and the link popover
-		// should be displayed.
-		await page.keyboard.press( 'ArrowLeft' );
-		expect(
-			await page.$(
-				'.components-popover__content .block-editor-link-control'
-			)
-		).not.toBeNull();
-
-		// Press Cmd+K to edit the link and the url-input should become
-		// focused with the value previously inserted.
-		await pressKeyWithModifier( 'primary', 'K' );
-		await waitForURLFieldAutoFocus();
-		const isInURLInput = await page.evaluate(
-			() => !! document.activeElement.closest( '.block-editor-url-input' )
-		);
-		expect( isInURLInput ).toBe( true );
-		const activeElementValue = await page.evaluate(
-			() => document.activeElement.value
-		);
-		expect( activeElementValue ).toBe( URL );
-
-		// Confirm that submitting the input without any changes keeps the same
-		// value and moves focus back to the paragraph.
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.type( '.' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'adds an assertive message for screenreader users when an invalid link is set', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( 'This is Gutenberg' );
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-		await pressKeyWithModifier( 'primary', 'K' );
-		await waitForURLFieldAutoFocus();
-		await page.keyboard.type( 'http://#test.com' );
-		await page.keyboard.press( 'Enter' );
-		const assertiveContent = await page.evaluate(
-			() => document.querySelector( '#a11y-speak-assertive' ).textContent
-		);
-		expect( assertiveContent.trim() ).toBe(
-			'Warning: the link has been inserted but may have errors. Please test it.'
-		);
-	} );
-
-	describe( 'Editing link text', () => {
-		it( 'should not display text input when initially creating the link', async () => {
-			// Create a block with some text.
-			await clickBlockAppender();
-			await page.keyboard.type( 'This is Gutenberg: ' );
-
-			// Press Cmd+K to insert a link.
-			await pressKeyWithModifier( 'primary', 'K' );
-
-			const [ settingsToggle ] = await page.$x(
-				'//button[contains(text(), "Advanced")]'
-			);
-			await settingsToggle.click();
-
-			const textInput = await page
-				.waitForXPath(
-					'//[contains(@class, "block-editor-link-control__search-input-wrapper")]//label[contains(text(), "Text")]',
-					{
-						timeout: 1000,
-					}
-				)
-				.catch( () => false );
-
-			expect( textInput ).toBeFalsy();
-		} );
-
-		it( 'should display text input when the link has a valid URL value', async () => {
-			await createAndReselectLink();
-
-			// Make a collapsed selection inside the link. This is used
-			// as a stress test to ensure we can find the link text from a
-			// collapsed RichTextValue that contains a link format.
-			await page.keyboard.press( 'ArrowLeft' );
-			await page.keyboard.press( 'ArrowRight' );
-
-			const [ editButton ] = await page.$x(
-				'//button[contains(@aria-label, "Edit")]'
-			);
-			await editButton.click();
-
-			await waitForURLFieldAutoFocus();
-
-			await pressKeyWithModifier( 'shift', 'Tab' );
-
-			// Tabbing should land us in the text input.
-			const { isTextInput, textValue } = await page.evaluate( () => {
-				const el = document.activeElement;
-
-				return {
-					isTextInput: el.matches( 'input[type="text"]' ),
-					textValue: el.value,
-				};
-			} );
-
-			// Let's check we've focused a text input.
-			expect( isTextInput ).toBe( true );
-
-			// Link was created on text value "Gutenberg". We expect
-			// the text input to reflect that value.
-			expect( textValue ).toBe( 'Gutenberg' );
-		} );
-
-		it( 'should preserve trailing/leading whitespace from linked text in text input', async () => {
-			const textToSelect = `         spaces     `;
-			const textWithWhitespace = `Text with leading and trailing${ textToSelect }`;
-
-			// Create a block with some text.
-			await clickBlockAppender();
-			await page.keyboard.type( textWithWhitespace );
-
-			// Use arrow keys to select only the text with the leading
-			// and trailing whitespace.
-			for ( let index = 0; index < textToSelect.length; index++ ) {
-				await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-			}
-
-			// Click on the Link button.
-			await page.click( 'button[aria-label="Link"]' );
-
-			// Wait for the URL field to auto-focus.
-			await waitForURLFieldAutoFocus();
-
-			// Type a URL.
-			await page.keyboard.type( 'https://wordpress.org/gutenberg' );
-
-			// Click on the Submit button.
-			await page.keyboard.press( 'Enter' );
-
-			// Reselect the link.
-			await page.keyboard.press( 'ArrowLeft' );
-
-			await showBlockToolbar();
-
-			const [ editButton ] = await page.$x(
-				'//button[contains(@aria-label, "Edit")]'
-			);
-
-			await editButton.click();
-
-			await waitForURLFieldAutoFocus();
-
-			// Tabbing backward should land us in the "Text" input.
-			await pressKeyWithModifier( 'shift', 'Tab' );
-
-			const textInputValue = await page.evaluate(
-				() => document.activeElement.value
-			);
-
-			expect( textInputValue ).toBe( textToSelect );
-		} );
-
-		it( 'should allow for modification of link text via Link UI', async () => {
-			const originalLinkText = 'Gutenberg';
-			const changedLinkText =
-				'    link text that was modified via the Link UI to include spaces     ';
-
-			await createAndReselectLink();
-
-			// Make a collapsed selection inside the link. This is used
-			// as a stress test to ensure we can find the link text from a
-			// collapsed RichTextValue that contains a link format.
-			await page.keyboard.press( 'ArrowLeft' );
-			await page.keyboard.press( 'ArrowRight' );
-
-			await showBlockToolbar();
-			const [ editButton ] = await page.$x(
-				'//button[contains(@aria-label, "Edit")]'
-			);
-			await editButton.click();
-
-			await waitForURLFieldAutoFocus();
-
-			await pressKeyWithModifier( 'shift', 'Tab' );
-
-			const textInputValue = await page.evaluate(
-				() => document.activeElement.value
-			);
-
-			// At this point, we still expect the text input
-			// to reflect the original value with no modifications.
-			expect( textInputValue ).toBe( originalLinkText );
-
-			// Select all the link text in the input.
-			await pressKeyWithModifier( 'primary', 'a' );
-
-			// Modify the link text value.
-			await page.keyboard.type( changedLinkText );
-
-			// Submit the change.
-			await page.keyboard.press( 'Enter' );
-
-			// Check the created link reflects the link text.
-			const actualLinkText = await canvas().evaluate(
-				() =>
-					document.querySelector(
-						'.block-editor-rich-text__editable a'
-					).textContent
-			);
-			expect( actualLinkText ).toBe( changedLinkText );
-		} );
-
-		it( 'should display (capture the) text from the currently active link even if there is a rich text selection', async () => {
-			const originalLinkText = 'Gutenberg';
-
-			await createAndReselectLink();
-
-			// Make a collapsed selection inside the link in order
-			// to activate the Link UI.
-			await page.keyboard.press( 'ArrowLeft' );
-			await page.keyboard.press( 'ArrowRight' );
-
-			const [ editButton ] = await page.$x(
-				'//button[contains(@aria-label, "Edit")]'
-			);
-			await editButton.click();
-			await waitForURLFieldAutoFocus();
-
-			const [ settingsToggle ] = await page.$x(
-				'//button[contains(text(), "Advanced")]'
-			);
-			await settingsToggle.click();
-
-			// Wait for settings to open.
-			await page.waitForXPath( `//label[text()='Open in new tab']` );
-
-			// Move focus back to RichText for the underlying link.
-			await pressKeyWithModifier( 'shift', 'Tab' );
-			await pressKeyWithModifier( 'shift', 'Tab' );
-			await pressKeyWithModifier( 'shift', 'Tab' );
-
-			// Make a selection within the RichText.
-			await pressKeyWithModifier( 'shift', 'ArrowRight' );
-			await pressKeyWithModifier( 'shift', 'ArrowRight' );
-			await pressKeyWithModifier( 'shift', 'ArrowRight' );
-
-			// Move back to the text input.
-			await pressKeyTimes( 'Tab', 1 );
-
-			// Tabbing back should land us in the text input.
-			const textInputValue = await page.evaluate(
-				() => document.activeElement.value
-			);
-
-			// Making a selection within the link text whilst the Link UI
-			// is open should not alter the value in the Link UI's text
-			// input. It should remain as the full text of the currently
-			// focused link format.
-			expect( textInputValue ).toBe( originalLinkText );
-		} );
-	} );
-
-	describe( 'Disabling Link UI active state', () => {
-		it( 'should not show the Link UI when selection extends beyond link boundary', async () => {
-			const linkedText = `Gutenberg`;
-			const textBeyondLinkedText = ` and more text.`;
-
-			// Create a block with some text.
-			await clickBlockAppender();
-			await page.keyboard.type(
-				`This is ${ linkedText }${ textBeyondLinkedText }`
-			);
-
-			// Move cursor next to end of `linkedText`
-			for (
-				let index = 0;
-				index < textBeyondLinkedText.length;
-				index++
-			) {
-				await page.keyboard.press( 'ArrowLeft' );
-			}
-
-			// Select the linkedText.
-			await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-			// Click on the Link button.
-			await page.click( 'button[aria-label="Link"]' );
-
-			// Wait for the URL field to auto-focus.
-			await waitForURLFieldAutoFocus();
-
-			// Type a URL.
-			await page.keyboard.type( 'https://wordpress.org/gutenberg' );
-
-			// Update the link.
-			await page.keyboard.press( 'Enter' );
-
-			await page.keyboard.press( 'ArrowLeft' );
-			await page.keyboard.press( 'ArrowLeft' );
-
-			expect(
-				await page.$(
-					'.components-popover__content .block-editor-link-control'
-				)
-			).not.toBeNull();
-
-			// Make selection starting within the link and moving beyond boundary to the left.
-			for ( let index = 0; index < linkedText.length; index++ ) {
-				await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-			}
-
-			// The Link UI should have disappeared (i.e. be inactive).
-			expect(
-				await page.$(
-					'.components-popover__content .block-editor-link-control'
-				)
-			).toBeNull();
-
-			// Cancel selection and move back within the Link.
-			await page.keyboard.press( 'ArrowRight' );
-
-			// We should see the Link UI displayed again.
-			expect(
-				await page.$(
-					'.components-popover__content .block-editor-link-control'
-				)
-			).not.toBeNull();
-
-			// Make selection starting within the link and moving beyond boundary to the right.
-			await pressKeyWithModifier( 'shift', 'ArrowRight' );
-			await pressKeyWithModifier( 'shift', 'ArrowRight' );
-			await pressKeyWithModifier( 'shift', 'ArrowRight' );
-
-			// The Link UI should have disappeared (i.e. be inactive).
-			expect(
-				await page.$(
-					'.components-popover__content .block-editor-link-control'
-				)
-			).toBeNull();
-		} );
-
-		it( 'should not show the Link UI when selection extends into another link', async () => {
-			const linkedTextOne = `Gutenberg`;
-			const linkedTextTwo = `Block Editor`;
-			const linkOneURL = 'https://wordpress.org';
-			const linkTwoURL = 'https://wordpress.org/gutenberg';
-
-			// Create a block with some text.
-			await clickBlockAppender();
-			await page.keyboard.type(
-				`This is the ${ linkedTextOne }${ linkedTextTwo }`
-			);
-
-			// Select the linkedTextTwo.
-			for ( let index = 0; index < linkedTextTwo.length; index++ ) {
-				await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-			}
-
-			// Click on the Link button.
-			await page.click( 'button[aria-label="Link"]' );
-
-			// Wait for the URL field to auto-focus.
-			await waitForURLFieldAutoFocus();
-
-			// Type a URL.
-			await page.keyboard.type( linkTwoURL );
-
-			// Update the link.
-			await page.keyboard.press( 'Enter' );
-
-			// Move cursor next to the **end** of `linkTextOne`
-			for ( let index = 0; index < linkedTextTwo.length + 2; index++ ) {
-				await page.keyboard.press( 'ArrowLeft' );
-			}
-
-			// Select `linkTextOne`
-			await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-			// Click on the Link button.
-			await page.click( 'button[aria-label="Link"]' );
-
-			// Wait for the URL field to auto-focus.
-			await waitForURLFieldAutoFocus();
-
-			// Type a URL.
-			await page.keyboard.type( linkOneURL );
-
-			// Update the link.
-			await page.keyboard.press( 'Enter' );
-
-			// Move cursor within `linkTextOne`
-			for ( let index = 0; index < 3; index++ ) {
-				await page.keyboard.press( 'ArrowLeft' );
-			}
-
-			// Link UI should activate for `linkTextOne`
-			expect(
-				await page.$(
-					'.components-popover__content .block-editor-link-control'
-				)
-			).not.toBeNull();
-
-			// Expand selection so that it overlaps with `linkTextTwo`
-			for ( let index = 0; index < 3; index++ ) {
-				await pressKeyWithModifier( 'shift', 'ArrowRight' );
-			}
-
-			// Link UI should be inactive.
-			expect(
-				await page.$(
-					'.components-popover__content .block-editor-link-control'
-				)
-			).toBeNull();
-		} );
-
-		// Based on issue reported in https://github.com/WordPress/gutenberg/issues/41771/.
-		it( 'should correctly replace targetted links text within rich text value when multiple matching values exist', async () => {
-			// Create a block with some text.
-			await clickBlockAppender();
-
-			// Note the two instances of the string "a".
-			await page.keyboard.type( `a b c a` );
-
-			// Select the last "a" only.
-			await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-
-			// Click on the Link button.
-			await page.click( 'button[aria-label="Link"]' );
-
-			// Wait for the URL field to auto-focus.
-			await waitForURLFieldAutoFocus();
-
-			// Type a URL.
-			await page.keyboard.type( 'www.wordpress.org' );
-
-			// Update the link.
-			await page.keyboard.press( 'Enter' );
-
-			await page.keyboard.press( 'ArrowLeft' );
-
-			// Move to "Edit" button in Link UI
-			await page.keyboard.press( 'Tab' );
-			await page.keyboard.press( 'Tab' );
-			await page.keyboard.press( 'Enter' );
-
-			await waitForURLFieldAutoFocus();
-
-			// Move to "Text" field.
-			await pressKeyWithModifier( 'shift', 'Tab' );
-
-			// Delete existing value from "Text" field
-			await page.keyboard.press( 'Delete' );
-
-			// Change text to "z"
-			await page.keyboard.type( 'z' );
-
-			await page.keyboard.press( 'Enter' );
-
-			const richTextText = await canvas().evaluate(
-				() =>
-					document.querySelector(
-						'.block-editor-rich-text__editable'
-					).textContent
-			);
-			// Check that the correct (i.e. last) instance of "a" was replaced with "z".
-			expect( richTextText ).toBe( 'a b c z' );
-
-			const richTextLink = await canvas().evaluate(
-				() =>
-					document.querySelector(
-						'.block-editor-rich-text__editable a'
-					).textContent
-			);
-			// Check that the correct (i.e. last) instance of "a" was replaced with "z".
-			expect( richTextLink ).toBe( 'z' );
-		} );
-	} );
-} );

package/specs/local/demo.test.js

@@ -1,50 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createEmbeddingMatcher,
-	createJSONResponse,
-	createNewPost,
-	setUpResponseMocking,
-	visitAdminPage,
-} from '@wordpress/e2e-test-utils';
-
-const MOCK_VIMEO_RESPONSE = {
-	url: 'https://vimeo.com/22439234',
-	html: '<iframe width="16" height="9"></iframe>',
-	type: 'video',
-	provider_name: 'Vimeo',
-	provider_url: 'https://vimeo.com',
-	version: '1.0',
-};
-
-describe( 'new editor state', () => {
-	beforeAll( async () => {
-		// First, make sure that the block editor is properly configured.
-		await createNewPost();
-
-		await setUpResponseMocking( [
-			{
-				match: createEmbeddingMatcher( 'https://vimeo.com/22439234' ),
-				onRequestMatch: createJSONResponse( MOCK_VIMEO_RESPONSE ),
-			},
-		] );
-
-		await Promise.all( [
-			visitAdminPage( 'post-new.php', 'gutenberg-demo' ),
-			page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-		] );
-	} );
-
-	it( 'content should load, making the post dirty', async () => {
-		const isDirty = await page.evaluate( () => {
-			const { select } = window.wp.data;
-			return select( 'core/editor' ).isEditedPostDirty();
-		} );
-		expect( isDirty ).toBeTruthy();
-
-		await page.waitForSelector( 'button.editor-post-save-draft' );
-
-		expect( await page.$( 'button.editor-post-save-draft' ) ).toBeTruthy();
-	} );
-} );