@wordpress/e2e-tests 5.4.0 → 5.6.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 5.6.0 (2022-11-16)
+
+## 5.5.0 (2022-11-02)
+
 ## 5.4.0 (2022-10-19)
 
 ## 5.3.0 (2022-10-05)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "5.4.0",
+	"version": "5.6.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": "^8.4.0",
-		"@wordpress/jest-console": "^6.3.0",
-		"@wordpress/jest-puppeteer-axe": "^5.3.0",
-		"@wordpress/scripts": "^24.4.0",
-		"@wordpress/url": "^3.21.0",
+		"@wordpress/e2e-test-utils": "^8.6.0",
+		"@wordpress/jest-console": "^6.5.0",
+		"@wordpress/jest-puppeteer-axe": "^5.5.0",
+		"@wordpress/scripts": "^24.6.0",
+		"@wordpress/url": "^3.23.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -46,5 +46,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "a2ff0e6471c88436dad0287beb88d1729aa6f5dd"
+	"gitHead": "7ac04f446242452d3cb24372f9ca58f0cae97715"
 }

package/specs/editor/blocks/cover.test.js

@@ -127,14 +127,16 @@ describe( 'Cover', () => {
 		);
 
 		// Select the cover block.By default the child paragraph gets selected.
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
+		await page.click(
+			'.edit-post-header-toolbar__document-overview-toggle'
+		);
 		await page.click(
 			'.block-editor-list-view-block__contents-container a'
 		);
 
 		const heightInput = (
 			await page.$x(
-				'//div[./label[contains(text(),"Minimum height of cover")]]//input'
+				'//div[./label[contains(text(),"Minimum height of cover")]]/following-sibling::div//input'
 			)
 		 )[ 0 ];
 

package/specs/editor/blocks/navigation.test.js

@@ -506,7 +506,7 @@ Expected mock function not to be called but it was called with: ["POST", "http:/
 				// outside of the Nav block.
 				await insertBlock( 'Paragraph' );
 
-				// Aquire fresh reference to block
+				// Acquire fresh reference to block
 				navBlock = await waitForBlock( 'Navigation' );
 
 				// Check Placeholder Preview is visible.

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

@@ -3,13 +3,12 @@
  */
 import {
 	createNewPost,
-	createUser,
-	deleteUser,
 	getOption,
 	insertBlock,
 	loginUser,
 	pressKeyWithModifier,
 	setOption,
+	openDocumentSettingsSidebar,
 } from '@wordpress/e2e-test-utils';
 
 const saveEntities = async () => {
@@ -35,11 +34,9 @@ describe( 'Site Title block', () => {
 	const username = 'testuser';
 	beforeAll( async () => {
 		originalSiteTitle = await getOption( 'blogname' );
-		password = await createUser( username, { role: 'editor' } );
 	} );
 
 	afterAll( async () => {
-		await deleteUser( username );
 		await setOption( 'blogname', originalSiteTitle );
 	} );
 
@@ -70,11 +67,18 @@ describe( 'Site Title block', () => {
 		await createNewPost();
 		await insertBlock( 'Site Title' );
 
-		const editableSiteTitleSelector = '[aria-label="Block: Site Title"] a';
-		await page.waitForSelector( editableSiteTitleSelector );
+		await openDocumentSettingsSidebar();
+
+		const [ disableLink ] = await page.$x(
+			"//label[contains(text(), 'Make title link to home')]"
+		);
+		await disableLink.click();
+
+		const siteTitleSelector = '[aria-label="Block: Site Title"] span';
+		await page.waitForSelector( siteTitleSelector );
 
 		const editable = await page.$eval(
-			editableSiteTitleSelector,
+			siteTitleSelector,
 			( element ) => element.contentEditable
 		);
 		expect( editable ).toBe( 'inherit' );

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

@@ -49,7 +49,9 @@ describe( 'Navigating the block hierarchy', () => {
 		await page.keyboard.type( 'First column' );
 
 		// Navigate to the columns blocks.
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
+		await page.click(
+			'.edit-post-header-toolbar__document-overview-toggle'
+		);
 
 		const firstColumnsBlockMenuItem = (
 			await getListViewBlocks( 'Columns' )
@@ -119,7 +121,7 @@ describe( 'Navigating the block hierarchy', () => {
 		// Navigate to the third column in the columns block.
 		await pressKeyWithModifier( 'ctrl', '`' );
 		await pressKeyWithModifier( 'ctrl', '`' );
-		await pressKeyTimes( 'Tab', 2 );
+		await pressKeyTimes( 'Tab', 4 );
 		await pressKeyTimes( 'ArrowDown', 4 );
 		await page.waitForSelector(
 			'.is-highlighted[aria-label="Block: Column (3 of 3)"]'
@@ -165,7 +167,10 @@ describe( 'Navigating the block hierarchy', () => {
 	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' );
@@ -183,7 +188,9 @@ describe( 'Navigating the block hierarchy', () => {
 		await page.click( '.editor-post-title' );
 
 		// Try selecting the group block using the Outline.
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
+		await page.click(
+			'.edit-post-header-toolbar__document-overview-toggle'
+		);
 		const groupMenuItem = ( await getListViewBlocks( 'Group' ) )[ 0 ];
 		await groupMenuItem.click();
 

package/specs/editor/various/font-size-picker.test.js

@@ -102,51 +102,59 @@ describe( 'Font Size Picker', () => {
 	describe( 'More font sizes', () => {
 		beforeEach( async () => {
 			await page.evaluate( () => {
+				// set a deep `path[]` property in object `obj` to `value`, immutably
+				function setDeep( obj, path, value ) {
+					function doSet( o, i ) {
+						if ( i < path.length ) {
+							const key = path[ i ];
+							return { ...o, [ key ]: doSet( o[ key ], i + 1 ) };
+						}
+						return value;
+					}
+					return doSet( obj, 0 );
+				}
+
 				wp.data.dispatch( 'core/block-editor' ).updateSettings(
-					// eslint-disable-next-line no-undef
-					lodash.merge(
+					setDeep(
 						wp.data.select( 'core/block-editor' ).getSettings(),
-						{
-							__experimentalFeatures: {
-								typography: {
-									fontSizes: {
-										default: [
-											{
-												name: 'Tiny',
-												slug: 'tiny',
-												size: '11px',
-											},
-											,
-											{
-												name: 'Small',
-												slug: 'small',
-												size: '13px',
-											},
-											{
-												name: 'Medium',
-												slug: 'medium',
-												size: '20px',
-											},
-											{
-												name: 'Large',
-												slug: 'large',
-												size: '36px',
-											},
-											{
-												name: 'Extra Large',
-												slug: 'x-large',
-												size: '42px',
-											},
-											{
-												name: 'Huge',
-												slug: 'huge',
-												size: '48px',
-											},
-										],
-									},
-								},
+						[
+							'__experimentalFeatures',
+							'typography',
+							'fontSizes',
+							'default',
+						],
+						[
+							{
+								name: 'Tiny',
+								slug: 'tiny',
+								size: '11px',
 							},
-						}
+							{
+								name: 'Small',
+								slug: 'small',
+								size: '13px',
+							},
+							{
+								name: 'Medium',
+								slug: 'medium',
+								size: '20px',
+							},
+							{
+								name: 'Large',
+								slug: 'large',
+								size: '36px',
+							},
+							{
+								name: 'Extra Large',
+								slug: 'x-large',
+								size: '42px',
+							},
+							{
+								name: 'Huge',
+								slug: 'huge',
+								size: '48px',
+							},
+						]
 					)
 				);
 			} );
@@ -158,7 +166,7 @@ describe( 'Font Size Picker', () => {
 			await page.keyboard.type( 'Paragraph to be made "large"' );
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 5 );
+			await pressKeyTimes( 'ArrowDown', 4 );
 			await page.keyboard.press( 'Enter' );
 
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
@@ -175,7 +183,7 @@ describe( 'Font Size Picker', () => {
 			);
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 4 );
+			await pressKeyTimes( 'ArrowDown', 3 );
 			await page.keyboard.press( 'Enter' );
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
 			"<!-- wp:paragraph {\\"fontSize\\":\\"medium\\"} -->
@@ -202,7 +210,7 @@ describe( 'Font Size Picker', () => {
 			);
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 3 );
+			await pressKeyTimes( 'ArrowDown', 2 );
 			await page.keyboard.press( 'Enter' );
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
 			"<!-- wp:paragraph {\\"fontSize\\":\\"small\\"} -->
@@ -233,7 +241,7 @@ describe( 'Font Size Picker', () => {
 			await page.keyboard.type( 'Paragraph to be made "large"' );
 
 			await clickFontSizeButtonByLabel( 'Large' );
-			const buttonSelector = `${ FONT_SIZE_TOGGLE_GROUP_SELECTOR }//div[@data-active='true']//button`;
+			const buttonSelector = `${ FONT_SIZE_TOGGLE_GROUP_SELECTOR }//button[@aria-checked='true']`;
 			const [ activeButton ] = await page.$x( buttonSelector );
 			const activeLabel = await page.evaluate(
 				( element ) => element?.getAttribute( 'aria-label' ),

package/specs/editor/various/inserting-blocks.test.js

@@ -277,6 +277,10 @@ describe( 'Inserting blocks', () => {
 	// Check for regression of https://github.com/WordPress/gutenberg/issues/24403
 	it( 'inserts a block in proper place after having clicked `Browse All` from block appender', async () => {
 		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."]'
+		);
 		await insertBlock( 'Paragraph' );
 		await page.keyboard.type( 'Paragraph after group' );
 		// Click the Group first to make the appender inside it clickable.
@@ -295,6 +299,10 @@ describe( 'Inserting blocks', () => {
 		const INSERTER_SEARCH_SELECTOR =
 			'.block-editor-inserter__search input,.block-editor-inserter__search-input,input.block-editor-inserter__search';
 		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."]'
+		);
 		await insertBlock( 'Paragraph' );
 		await page.keyboard.type( 'Text' );
 		// Click the Group first to make the appender inside it clickable.

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

@@ -223,7 +223,10 @@ describe( 'Order of block keyboard navigation', () => {
 	it( 'allows the block wrapper to gain focus for a group block instead of the first element', 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."]'
+		);
 		// If active label matches, that means focus did not change from group block wrapper.
 		await expect( await getActiveLabel() ).toBe( 'Block: Group' );
 	} );

package/specs/editor/various/multi-block-selection.test.js

@@ -399,6 +399,11 @@ describe( 'Multi-block selection', () => {
 		);
 		await page.keyboard.press( 'Enter' );
 
+		// Select the default, selected Group layout from the variation picker.
+		await page.click(
+			'button[aria-label="Group: Gather blocks in a container."]'
+		);
+
 		const groupAppender = await page.waitForSelector(
 			'.block-editor-button-block-appender'
 		);

package/specs/site-editor/multi-entity-saving.test.js

@@ -31,7 +31,7 @@ describe( 'Multi-entity save flow', () => {
 		const checkboxInputs = await page.$$( checkboxInputSelector );
 		expect( checkedBoxes.length - checkboxInputs.length ).toBe( 0 );
 	};
-	const assertExistance = async ( selector, shouldBePresent ) => {
+	const assertExistence = async ( selector, shouldBePresent ) => {
 		const element = await page.$( selector );
 		if ( shouldBePresent ) {
 			expect( element ).not.toBeNull();
@@ -102,10 +102,10 @@ describe( 'Multi-entity save flow', () => {
 			await assertMultiSaveDisabled();
 
 			// Should only have publish panel a11y button active with only post edited.
-			await assertExistance( publishA11ySelector, true );
-			await assertExistance( saveA11ySelector, false );
-			await assertExistance( publishPanelSelector, false );
-			await assertExistance( savePanelSelector, false );
+			await assertExistence( publishA11ySelector, true );
+			await assertExistence( saveA11ySelector, false );
+			await assertExistence( publishPanelSelector, false );
+			await assertExistence( savePanelSelector, false );
 
 			// Add a reusable block and edit it.
 			await createReusableBlock( 'Hi!', 'Test' );
@@ -117,10 +117,10 @@ describe( 'Multi-entity save flow', () => {
 			await assertMultiSaveEnabled();
 
 			// Should only have save panel a11y button active after child entities edited.
-			await assertExistance( publishA11ySelector, false );
-			await assertExistance( saveA11ySelector, true );
-			await assertExistance( publishPanelSelector, false );
-			await assertExistance( savePanelSelector, false );
+			await assertExistence( publishA11ySelector, false );
+			await assertExistence( saveA11ySelector, true );
+			await assertExistence( publishPanelSelector, false );
+			await assertExistence( savePanelSelector, false );
 
 			// Opening panel has boxes checked by default.
 			await page.click( savePostSelector );
@@ -128,18 +128,18 @@ describe( 'Multi-entity save flow', () => {
 			await assertAllBoxesChecked();
 
 			// Should not show other panels (or their a11y buttons) while save panel opened.
-			await assertExistance( publishA11ySelector, false );
-			await assertExistance( saveA11ySelector, false );
-			await assertExistance( publishPanelSelector, false );
+			await assertExistence( publishA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
+			await assertExistence( publishPanelSelector, false );
 
 			// Publish panel should open after saving.
 			await page.click( entitiesSaveSelector );
 			await page.waitForSelector( publishPanelSelector );
 
 			// No other panels (or their a11y buttons) should be present with publish panel open.
-			await assertExistance( publishA11ySelector, false );
-			await assertExistance( saveA11ySelector, false );
-			await assertExistance( savePanelSelector, false );
+			await assertExistence( publishA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
+			await assertExistence( savePanelSelector, false );
 
 			// Close publish panel.
 			const closePanelButton = await page.waitForSelector(
@@ -151,7 +151,7 @@ describe( 'Multi-entity save flow', () => {
 			const draftSaved = await page.waitForSelector( draftSavedSelector );
 			expect( draftSaved ).not.toBeNull();
 			await assertMultiSaveDisabled();
-			await assertExistance( saveA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
 
 			await publishPost();
 			// Wait for the success notice specifically for the published post.
@@ -178,7 +178,7 @@ describe( 'Multi-entity save flow', () => {
 			expect( enabledSaveButton ).not.toBeNull();
 			// Verify multi-entity saving not enabled.
 			await assertMultiSaveDisabled();
-			await assertExistance( saveA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
 
 			// Update reusable block again.
 			await page.click( 'p[data-type="core/paragraph"]' );
@@ -188,7 +188,7 @@ describe( 'Multi-entity save flow', () => {
 
 			// Multi-entity saving should be enabled.
 			await assertMultiSaveEnabled();
-			await assertExistance( saveA11ySelector, true );
+			await assertExistence( saveA11ySelector, true );
 		} );
 
 		it( 'Site blocks should save individually', async () => {
@@ -252,7 +252,7 @@ describe( 'Multi-entity save flow', () => {
 			await assertAllBoxesChecked();
 
 			// Save a11y button should not be present with save panel open.
-			await assertExistance( saveA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
 
 			// Saving should result in items being saved.
 			await page.click( entitiesSaveSelector );
@@ -284,7 +284,7 @@ describe( 'Multi-entity save flow', () => {
 			expect( enabledButton ).not.toBeNull();
 
 			// Save a11y button should be present.
-			await assertExistance( saveA11ySelector, true );
+			await assertExistence( saveA11ySelector, true );
 
 			// Save all changes.
 			await saveAllChanges();

package/specs/editor/blocks/columns.test.js

@@ -1,31 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	getAllBlockInserterItemTitles,
-	insertBlock,
-	openGlobalBlockInserter,
-	closeGlobalBlockInserter,
-	getListViewBlocks,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Columns', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'restricts all blocks inside the columns block', async () => {
-		await insertBlock( 'Columns' );
-		await closeGlobalBlockInserter();
-		await page.click( '[aria-label="Two columns; equal split"]' );
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
-
-		const columnBlockMenuItem = (
-			await getListViewBlocks( 'Column' )
-		 )[ 0 ];
-		await columnBlockMenuItem.click();
-		await openGlobalBlockInserter();
-		expect( await getAllBlockInserterItemTitles() ).toHaveLength( 1 );
-	} );
-} );

package/specs/editor/blocks/gallery.test.js

@@ -1,156 +0,0 @@
-/**
- * External dependencies
- */
-import path from 'path';
-import fs from 'fs';
-import os from 'os';
-import { v4 as uuid } from 'uuid';
-
-/**
- * WordPress dependencies
- */
-import {
-	insertBlock,
-	getEditedPostContent,
-	createNewPost,
-	clickButton,
-	openListView,
-	getListViewBlocks,
-	clickBlockToolbarButton,
-} from '@wordpress/e2e-test-utils';
-
-async function upload( selector ) {
-	await page.waitForSelector( selector );
-	const inputElement = await page.$( selector );
-	const testImagePath = path.join(
-		__dirname,
-		'..',
-		'..',
-		'..',
-		'assets',
-		'10x10_e2e_test_image_z9T8jK.png'
-	);
-	const filename = uuid();
-	const tmpFileName = path.join( os.tmpdir(), filename + '.png' );
-	fs.copyFileSync( testImagePath, tmpFileName );
-	await inputElement.uploadFile( tmpFileName );
-	await page.waitForSelector(
-		`.wp-block-gallery img[src$="${ filename }.png"]`
-	);
-	return filename;
-}
-
-describe( 'Gallery', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created using uploaded images', async () => {
-		await insertBlock( 'Gallery' );
-		const filename = await upload( '.wp-block-gallery input[type="file"]' );
-
-		const regex = new RegExp(
-			`<!-- wp:gallery {\\"linkTo\\":\\"none\\"} -->\\s*<figure class=\\"wp-block-gallery has-nested-images columns-default is-cropped\\"><!-- wp:image {\\"id\\":\\d+,\\"sizeSlug\\":\\"(?:full|large)\\",\\"linkDestination\\":\\"none\\"} -->\\s*<figure class=\\"wp-block-image (?:size-full|size-large)\\"><img src=\\"[^"]+\/${ filename }\.png\\" alt=\\"\\" class=\\"wp-image-\\d+\\"\/><\/figure>\\s*<!-- \/wp:image --><\/figure>\\s*<!-- \/wp:gallery -->`
-		);
-		expect( await getEditedPostContent() ).toMatch( regex );
-	} );
-
-	it( 'gallery caption can be edited', async () => {
-		const galleryCaption = 'Tested gallery caption';
-
-		await insertBlock( 'Gallery' );
-		await upload( '.wp-block-gallery input[type="file"]' );
-		await page.waitForSelector( '.wp-block-gallery .wp-block-image' );
-
-		// The Gallery needs to be selected from the List view panel due to the
-		// way that Image uploads take and lose focus.
-		await openListView();
-
-		const galleryListLink = ( await getListViewBlocks( 'Gallery' ) )[ 0 ];
-		await galleryListLink.click();
-
-		await page.click( '.wp-block-gallery .blocks-gallery-caption' );
-
-		await page.keyboard.type( galleryCaption );
-
-		expect( await getEditedPostContent() ).toMatch(
-			new RegExp( `<figcaption.*?>${ galleryCaption }</figcaption>` )
-		);
-	} );
-
-	it( "uploaded images' captions can be edited", async () => {
-		await insertBlock( 'Gallery' );
-		await upload( '.wp-block-gallery input[type="file"]' );
-
-		const figureElement = await page.waitForSelector(
-			'.wp-block-gallery .wp-block-image'
-		);
-
-		// Check that the Image is unselected, in which case the figcaption won't be
-		// in the DOM - due the way that the Gallery block handles the upload the latest
-		// image gets selected in order to scroll to the position of it, as in large
-		// galleries the new upload may be off-canvas. After upload the image is unselected
-		// so if we don't check for that it may get unselected again by this flow after we
-		// have re-selected it to edit it.
-		await page.waitForFunction(
-			() => ! document.querySelector( '.wp-block-image figcaption' )
-		);
-
-		// The Image needs to be selected from the List view panel due to the
-		// way that Image uploads take and lose focus.
-		await openListView();
-
-		// Due to collapsed state of ListView nodes Gallery must be expanded to reveal the child blocks.
-		// This xpath selects the anchor node for the block which has a child span which contains the text
-		// label of the block and then selects the expander span for that node.
-		const galleryExpander = await page.waitForXPath(
-			`//a[.//span[text()='Gallery']]/span[contains(@class, 'block-editor-list-view__expander')]`
-		);
-
-		await galleryExpander.click();
-
-		const imageListLink = ( await getListViewBlocks( 'Image' ) )[ 0 ];
-		await imageListLink.click();
-		await clickBlockToolbarButton( 'Caption' );
-		const captionElement = await figureElement.$(
-			'.block-editor-rich-text__editable'
-		);
-
-		await captionElement.click();
-		const caption = 'Tested caption';
-
-		await page.keyboard.type( caption );
-
-		expect( await getEditedPostContent() ).toMatch(
-			new RegExp( `<figcaption.*?>${ caption }</figcaption>` )
-		);
-	} );
-
-	// Disable reason:
-	// This test would be good to enable, but the media modal contains an
-	// invalid role, which is causing Axe tests to fail:
-	// https://core.trac.wordpress.org/ticket/50273
-	//
-	// Attempts to add an Axe exception for the media modal haven't proved
-	// successful:
-	// https://github.com/WordPress/gutenberg/pull/22719
-	//
-	// This test could be re-enabled once the trac ticket is solved.
-	// eslint-disable-next-line jest/no-disabled-tests
-	it.skip( 'when initially added the media library shows the Create Gallery view', async () => {
-		await insertBlock( 'Gallery' );
-		await clickButton( 'Media Library' );
-		await page.waitForSelector( '.media-frame' );
-		const mediaLibraryHeaderText = await page.$eval(
-			'.media-frame-title h1',
-			( element ) => element.textContent
-		);
-		const mediaLibraryButtonText = await page.$eval(
-			'.media-toolbar-primary button',
-			( element ) => element.textContent
-		);
-
-		expect( mediaLibraryHeaderText ).toBe( 'Create Gallery' );
-		expect( mediaLibraryButtonText ).toBe( 'Create a new gallery' );
-	} );
-} );