@wordpress/e2e-tests 2.5.12 → 3.0.1-next.33ec3857e2.0

package/specs/site-editor/template-part.test.js

@@ -2,9 +2,7 @@
  * WordPress dependencies
  */
 import {
-	createNewPost,
 	insertBlock,
-	disablePrePublishChecks,
 	trashAllPosts,
 	activateTheme,
 	getAllBlocks,
@@ -260,72 +258,94 @@ describe( 'Template Part', () => {
 				finalTemplateParts.length - initialTemplateParts.length
 			).toBe( 1 );
 		} );
-	} );
-
-	describe( 'Template part placeholder', () => {
-		// Test constants for template part.
-		const testContent = 'some words...';
-
-		// Selectors
-		const entitiesSaveSelector =
-			'.editor-entities-saved-states__save-button';
-		const savePostSelector = '.editor-post-publish-button__button';
-		const templatePartSelector = '*[data-type="core/template-part"]';
-		const activatedTemplatePartSelector = `${ templatePartSelector }.block-editor-block-list__layout`;
-		const testContentSelector = `//p[contains(., "${ testContent }")]`;
-		const createNewButtonSelector =
-			'//button[contains(text(), "New template part")]';
-		const chooseExistingButtonSelector =
-			'//button[contains(text(), "Choose existing")]';
-		const confirmTitleButtonSelector =
-			'.wp-block-template-part__placeholder-create-new__title-form .components-button.is-primary';
-
-		it( 'Should insert new template part on creation', async () => {
-			await createNewPost();
-			await disablePrePublishChecks();
-			// Create new template part.
-			await insertBlock( 'Template Part' );
-			await page.waitForXPath( chooseExistingButtonSelector );
-			const [ createNewButton ] = await page.$x(
-				createNewButtonSelector
-			);
-			await createNewButton.click();
-			const confirmTitleButton = await page.waitForSelector(
-				confirmTitleButtonSelector
-			);
-			await page.keyboard.press( 'Tab' );
-			await page.keyboard.press( 'Tab' );
-			await page.keyboard.type( 'Create New' );
-			await confirmTitleButton.click();
-
-			const newTemplatePart = await page.waitForSelector(
-				activatedTemplatePartSelector
-			);
-			expect( newTemplatePart ).toBeTruthy();
-
-			// Finish creating template part, insert some text, and save.
-			await page.click( '.block-editor-button-block-appender' );
-			await page.click( '.editor-block-list-item-paragraph' );
-			await page.keyboard.type( testContent );
-			await page.click( savePostSelector );
-			await page.click( entitiesSaveSelector );
-
-			await createNewPost();
-			// Try to insert the template part we created.
-			await insertBlock( 'Template Part' );
-			const chooseExistingButton = await page.waitForXPath(
-				chooseExistingButtonSelector
-			);
-			await chooseExistingButton.click();
-			const preview = await page.waitForSelector(
-				'[aria-label="Create New"]'
-			);
-			await preview.click();
-			await page.waitForSelector( activatedTemplatePartSelector );
-			const templatePartContent = await page.waitForXPath(
-				testContentSelector
-			);
-			expect( templatePartContent ).toBeTruthy();
+		describe( 'Template part placeholder', () => {
+			// Test constants for template part.
+			const testContent = 'some words...';
+
+			// Selectors
+			const entitiesSaveSelector =
+				'.editor-entities-saved-states__save-button';
+			const savePostSelector = '.edit-site-save-button__button';
+			const templatePartSelector = '*[data-type="core/template-part"]';
+			const activatedTemplatePartSelector = `${ templatePartSelector }.block-editor-block-list__layout`;
+			const createNewButtonSelector =
+				'//button[contains(text(), "New template part")]';
+			const chooseExistingButtonSelector =
+				'//button[contains(text(), "Choose existing")]';
+			const confirmTitleButtonSelector =
+				'.wp-block-template-part__placeholder-create-new__title-form .components-button.is-primary';
+
+			it( 'Should insert new template part on creation', async () => {
+				let siteEditorCanvas = canvas();
+				await awaitHeaderAndFooterLoad();
+
+				// Create new template part.
+				await insertBlock( 'Template Part' );
+				await siteEditorCanvas.waitForXPath(
+					chooseExistingButtonSelector
+				);
+				const [ createNewButton ] = await siteEditorCanvas.$x(
+					createNewButtonSelector
+				);
+				await createNewButton.click();
+				const confirmTitleButton = await page.waitForSelector(
+					confirmTitleButtonSelector
+				);
+				await page.keyboard.press( 'Tab' );
+				await page.keyboard.press( 'Tab' );
+				await page.keyboard.type( 'Create New' );
+				await confirmTitleButton.click();
+
+				const newTemplatePart = await siteEditorCanvas.waitForSelector(
+					activatedTemplatePartSelector
+				);
+				expect( newTemplatePart ).toBeTruthy();
+
+				// Finish creating template part, insert some text, and save.
+				await siteEditorCanvas.waitForSelector(
+					'.block-editor-button-block-appender'
+				);
+				await siteEditorCanvas.click(
+					'.block-editor-button-block-appender'
+				);
+				await page.waitForSelector(
+					'.editor-block-list-item-paragraph'
+				);
+				await page.click( '.editor-block-list-item-paragraph' );
+				await page.keyboard.type( testContent );
+				await page.click( savePostSelector );
+				await page.click( entitiesSaveSelector );
+
+				// Reload the page so as the new template part is available in the existing template parts.
+				await siteEditor.visit();
+				siteEditorCanvas = canvas();
+				await awaitHeaderAndFooterLoad();
+				// Try to insert the template part we created.
+				await insertBlock( 'Template Part' );
+				const chooseExistingButton = await siteEditorCanvas.waitForXPath(
+					chooseExistingButtonSelector
+				);
+				await chooseExistingButton.click();
+				await page.waitForSelector(
+					'.wp-block-template-part__selection-preview-container'
+				);
+				const preview = await page.waitForSelector(
+					'.wp-block-template-part__selection-preview-item[aria-label="Create New"]'
+				);
+				await preview.click();
+				// We now have the same template part two times in the page, so check accordingly.
+				const paragraphs = await siteEditorCanvas.$$eval(
+					'[data-type="core/template-part"] > p:first-child',
+					( options ) =>
+						options.map( ( option ) => option.textContent )
+				);
+				expect( paragraphs ).toHaveLength( 2 );
+				expect(
+					paragraphs.every(
+						( paragraph ) => paragraph === testContent
+					)
+				).toBeTruthy();
+			} );
 		} );
 	} );
 } );

package/specs/widgets/customizing-widgets.test.js

@@ -10,6 +10,7 @@ import {
 	clickBlockToolbarButton,
 	deleteAllWidgets,
 	createURL,
+	openTypographyToolsPanelMenu,
 } from '@wordpress/e2e-test-utils';
 
 /**
@@ -831,6 +832,9 @@ describe( 'Widgets Customizer', () => {
 		await showMoreSettingsButton.click();
 
 		// Change `drop cap` (Any change made in this section is sufficient; not required to be `drop cap`).
+		await openTypographyToolsPanelMenu();
+		await page.click( 'button[aria-label="Show Drop cap"]' );
+
 		const [ dropCapToggle ] = await page.$x(
 			"//label[contains(text(), 'Drop cap')]"
 		);