@wordpress/e2e-tests 7.13.8 → 7.15.0

package/CHANGELOG.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "7.13.8",
+	"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.13.8",
-		"@wordpress/jest-console": "^7.13.8",
-		"@wordpress/jest-puppeteer-axe": "^6.13.8",
-		"@wordpress/scripts": "^26.13.8",
-		"@wordpress/url": "^3.43.8",
+		"@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": "9ef7560ce92c4736819b5e767810b9a80d51d030"
+	"gitHead": "f83bb1a71e8fa416131b81a9f282a72a1dc6c694"
 }

package/plugins/iframed-inline-styles.php

@@ -7,13 +7,6 @@
  * @package gutenberg-test-iframed-inline-styles
  */
 
-add_action(
-	'setup_theme',
-	static function () {
-		add_theme_support( 'block-templates' );
-	}
-);
-
 add_action(
 	'init',
 	static function () {

package/plugins/iframed-masonry-block.php

@@ -7,13 +7,6 @@
  * @package gutenberg-test-iframed-masonry-block
  */
 
-add_action(
-	'setup_theme',
-	static function () {
-		add_theme_support( 'block-templates' );
-	}
-);
-
 add_action(
 	'init',
 	static function () {

package/plugins/iframed-multiple-stylesheets.php

@@ -7,13 +7,6 @@
  * @package gutenberg-test-iframed-multiple-stylesheets
  */
 
-add_action(
-	'setup_theme',
-	static function () {
-		add_theme_support( 'block-templates' );
-	}
-);
-
 add_action(
 	'init',
 	static function () {

package/specs/editor/various/change-detection.test.js

@@ -349,6 +349,7 @@ describe( 'Change detection', () => {
 		// Trash post.
 		await openDocumentSettingsSidebar();
 		await page.click( '.editor-post-trash.components-button' );
+		await page.click( '.components-confirm-dialog .is-primary' );
 
 		await Promise.all( [
 			// Wait for "Saved" to confirm save complete.

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

@@ -61,9 +61,7 @@ async function getPublishingDate() {
 	);
 }
 
-// @todo: Change `UTC+1` back to `UTC` once the core regressions is resolved.
-// See: https://github.com/WordPress/gutenberg/pull/54806#issuecomment-1734840171.
-describe.each( [ [ 'UTC-10' ], [ 'UTC+1' ], [ 'UTC+10' ] ] )(
+describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 	`Datepicker %s`,
 	( timezone ) => {
 		let oldTimezone;

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

@@ -23,9 +23,7 @@ describe( 'Scheduling', () => {
 		} );
 	};
 
-	// @todo: Change `UTC+1` back to `UTC` once the core regressions is resolved.
-	// See: https://github.com/WordPress/gutenberg/pull/54806#issuecomment-1734840171.
-	describe.each( [ [ 'UTC-10' ], [ 'UTC+1' ], [ 'UTC+10' ] ] )(
+	describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 		`Timezone %s`,
 		( timezone ) => {
 			let oldTimezone;

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/plugins/__snapshots__/iframed-inline-styles.test.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`iframed inline styles should load inline styles in iframe 1`] = `
-"<!-- wp:test/iframed-inline-styles -->
-<div class="wp-block-test-iframed-inline-styles">Save</div>
-<!-- /wp:test/iframed-inline-styles -->"
-`;

package/specs/editor/plugins/__snapshots__/iframed-masonry-block.test.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`iframed masonry block should load script and dependencies in iframe 1`] = `
-"<!-- wp:test/iframed-masonry-block -->
-<div class="wp-block-test-iframed-masonry-block"><div class="grid-item"></div><div class="grid-item grid-item--width2 grid-item--height2"></div><div class="grid-item grid-item--height3"></div><div class="grid-item grid-item--height2"></div><div class="grid-item grid-item--width3"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item grid-item--width2 grid-item--height3"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item grid-item--width2 grid-item--height2"></div><div class="grid-item grid-item--width2"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height3"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div></div>
-<!-- /wp:test/iframed-masonry-block -->"
-`;

package/specs/editor/plugins/iframed-enqueue-block-editor-settings.test.js

@@ -1,108 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	canvas,
-	activateTheme,
-} from '@wordpress/e2e-test-utils';
-
-async function getComputedStyle( context, selector, property ) {
-	return await context.evaluate(
-		( sel, prop ) =>
-			window.getComputedStyle( document.querySelector( sel ) )[ prop ],
-		selector,
-		property
-	);
-}
-
-describe( 'iframed block editor settings styles', () => {
-	beforeEach( async () => {
-		// Activate the empty theme (block based theme), which is iframed.
-		await activateTheme( 'emptytheme' );
-		await activatePlugin(
-			'gutenberg-test-iframed-enqueue-block-editor-settings'
-		);
-		await createNewPost();
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin(
-			'gutenberg-test-iframed-enqueue-block-editor-settings'
-		);
-		await activateTheme( 'twentytwentyone' );
-	} );
-
-	it( 'should load styles added through block editor settings', async () => {
-		await page.waitForSelector( 'iframe[name="editor-canvas"]' );
-		// Expect a red border (added in PHP).
-		expect( await getComputedStyle( canvas(), 'p', 'border-color' ) ).toBe(
-			'rgb(255, 0, 0)'
-		);
-
-		await page.evaluate( () => {
-			const settings = window.wp.data
-				.select( 'core/editor' )
-				.getEditorSettings();
-			wp.data.dispatch( 'core/editor' ).updateEditorSettings( {
-				...settings,
-				styles: [
-					...settings.styles,
-					{
-						css: 'p { border-width: 2px; }',
-						__unstableType: 'plugin',
-					},
-				],
-			} );
-		} );
-
-		// Expect a 2px border (added in JS).
-		expect( await getComputedStyle( canvas(), 'p', 'border-width' ) ).toBe(
-			'2px'
-		);
-	} );
-
-	it( 'should load theme styles added through block editor settings', async () => {
-		await page.waitForSelector( 'iframe[name="editor-canvas"]' );
-
-		await page.evaluate( () => {
-			// Make sure that theme styles are added even if the theme styles
-			// preference is off.
-			window.wp.data
-				.dispatch( 'core/edit-post' )
-				.toggleFeature( 'themeStyles' );
-			const settings = window.wp.data
-				.select( 'core/editor' )
-				.getEditorSettings();
-			wp.data.dispatch( 'core/editor' ).updateEditorSettings( {
-				...settings,
-				styles: [
-					...settings.styles,
-					{
-						css: 'p { border-width: 2px; }',
-						__unstableType: 'theme',
-					},
-				],
-			} );
-		} );
-
-		// Expect a 1px border because theme styles are disabled.
-		expect( await getComputedStyle( canvas(), 'p', 'border-width' ) ).toBe(
-			'1px'
-		);
-
-		await page.evaluate( () => {
-			// Now enable theme styles.
-			window.wp.data
-				.dispatch( 'core/edit-post' )
-				.toggleFeature( 'themeStyles' );
-		} );
-
-		// Expect a 2px border because theme styles are enabled.
-		expect( await getComputedStyle( canvas(), 'p', 'border-width' ) ).toBe(
-			'2px'
-		);
-	} );
-} );

package/specs/editor/plugins/iframed-inline-styles.test.js

@@ -1,56 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	insertBlock,
-	getEditedPostContent,
-	canvas,
-	createNewTemplate,
-} from '@wordpress/e2e-test-utils';
-
-async function getComputedStyle( context, property ) {
-	await context.waitForSelector( '.wp-block-test-iframed-inline-styles' );
-	return await context.evaluate( ( prop ) => {
-		const container = document.querySelector(
-			'.wp-block-test-iframed-inline-styles'
-		);
-		return window.getComputedStyle( container )[ prop ];
-	}, property );
-}
-
-describe( 'iframed inline styles', () => {
-	beforeEach( async () => {
-		await activatePlugin( 'gutenberg-test-iframed-inline-styles' );
-		await createNewPost( { postType: 'page' } );
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin( 'gutenberg-test-iframed-inline-styles' );
-	} );
-
-	it( 'should load inline styles in iframe', async () => {
-		await insertBlock( 'Iframed Inline Styles' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-		expect( await getComputedStyle( canvas(), 'padding' ) ).toBe( '20px' );
-		expect( await getComputedStyle( canvas(), 'border-width' ) ).toBe(
-			'2px'
-		);
-
-		await createNewTemplate( 'Iframed Test' );
-
-		// Inline styles of properly enqueued stylesheet should load.
-		expect( await getComputedStyle( canvas(), 'padding' ) ).toBe( '20px' );
-
-		// Inline styles of stylesheet loaded with the compatibility layer
-		// should load.
-		expect( await getComputedStyle( canvas(), 'border-width' ) ).toBe(
-			'2px'
-		);
-
-		expect( console ).toHaveWarned();
-	} );
-} );

package/specs/editor/plugins/iframed-masonry-block.test.js

@@ -1,49 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	insertBlock,
-	getEditedPostContent,
-	canvas,
-	createNewTemplate,
-} from '@wordpress/e2e-test-utils';
-
-async function didMasonryLoadCorrectly( context ) {
-	return await context.evaluate( () => {
-		const container = document.querySelector(
-			'.wp-block-test-iframed-masonry-block'
-		);
-		return (
-			// Expect Masonry to set a non-zero height.
-			parseInt( container.style.height, 10 ) > 0 &&
-			// Expect Masonry to absolute position items.
-			container.firstElementChild.style.position === 'absolute'
-		);
-	} );
-}
-
-describe( 'iframed masonry block', () => {
-	beforeEach( async () => {
-		await activatePlugin( 'gutenberg-test-iframed-masonry-block' );
-		await createNewPost( { postType: 'page' } );
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin( 'gutenberg-test-iframed-masonry-block' );
-	} );
-
-	it( 'should load script and dependencies in iframe', async () => {
-		await insertBlock( 'Iframed Masonry Block' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-		expect( await didMasonryLoadCorrectly( canvas() ) ).toBe( true );
-
-		await createNewTemplate( 'Iframed Test' );
-		await canvas().waitForSelector( '.grid-item[style]' );
-
-		expect( await didMasonryLoadCorrectly( canvas() ) ).toBe( true );
-	} );
-} );

package/specs/editor/plugins/iframed-multiple-block-stylesheets.test.js

@@ -1,58 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	insertBlock,
-	canvas,
-	createNewTemplate,
-} from '@wordpress/e2e-test-utils';
-
-async function getComputedStyle( context, property ) {
-	await context.waitForSelector(
-		'.wp-block-test-iframed-multiple-stylesheets'
-	);
-	return await context.evaluate( ( prop ) => {
-		const container = document.querySelector(
-			'.wp-block-test-iframed-multiple-stylesheets'
-		);
-		return window.getComputedStyle( container )[ prop ];
-	}, property );
-}
-
-describe( 'iframed multiple block stylesheets', () => {
-	beforeEach( async () => {
-		await activatePlugin( 'gutenberg-test-iframed-multiple-stylesheets' );
-		await createNewPost( { postType: 'page' } );
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin( 'gutenberg-test-iframed-multiple-stylesheets' );
-	} );
-
-	it( 'should load multiple block stylesheets in iframe', async () => {
-		await insertBlock( 'Iframed Multiple Stylesheets' );
-
-		await canvas().waitForSelector(
-			'.wp-block-test-iframed-multiple-stylesheets'
-		);
-		await createNewTemplate( 'Iframed Test' );
-
-		// Style loaded from the main stylesheet.
-		expect( await getComputedStyle( canvas(), 'border-style' ) ).toBe(
-			'dashed'
-		);
-
-		// Style loaded from the additional stylesheet.
-		expect( await getComputedStyle( canvas(), 'border-color' ) ).toBe(
-			'rgb(255, 0, 0)'
-		);
-
-		// Style loaded from the a stylesheet using path instead of handle.
-		expect( await getComputedStyle( canvas(), 'background-color' ) ).toBe(
-			'rgb(0, 0, 0)'
-		);
-	} );
-} );

package/specs/editor/various/__snapshots__/keyboard-navigable-blocks.test.js.snap

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Order of block keyboard navigation should navigate correctly with multi selection 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>4</p>
-<!-- /wp:paragraph -->"
-`;

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();
-	} );
-} );