[e2e tests] External sites - update /customize-store tests (#51004)

* Skip - number of introductory patterns not same on Pressable

* Skip - "Want more patterns?" is always present, skipping for now

* Skip -  it activates theme through CLI, don't work for Pressable

* Include /customize-store folder for Pressable execution

* Update month formatting

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Adrian Moldovan <3854374+adimoldovan@users.noreply.github.com>

plugins/woocommerce/changelog/51004-e2e-external-sites-update-customize-store-tests

@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Update /customize-store tests, so they are passing against Pressable env.

plugins/woocommerce/tests/e2e-pw/envs/default-pressable/playwright.config.js

@@ -15,6 +15,7 @@ config = {
 				'**/admin-analytics/**/*.spec.js',
 				'**/admin-marketing/**/*.spec.js',
 				'**/admin-tasks/**/*.spec.js',
+				'**/customize-store/**/*.spec.js',
 			],
 			grepInvert: /@skip-on-default-pressable/,
 		},

plugins/woocommerce/tests/e2e-pw/tests/customize-store/assembler/color-picker.spec.js

@@ -412,11 +412,10 @@ test.describe( 'Assembler -> Color Pickers', { tag: '@gutenberg' }, () => {
 		await expect( colorPicker ).toHaveClass( /is-active/ );
 	} );
 
-	test( 'Selected color palette should be applied on the frontend', async ( {
+	test(
-		assemblerPageObject,
+		'Selected color palette should be applied on the frontend',
-		page,
+		{ tag: '@skip-on-default-pressable' },
-		baseURL,
+		async ( { assemblerPageObject, page, baseURL } ) => {
-	} ) => {
 			const assembler = await assemblerPageObject.getAssembler();
 			const colorPicker = assembler
 				.locator(
@@ -510,7 +509,8 @@ test.describe( 'Assembler -> Color Pickers', { tag: '@gutenberg' }, () => {
 					colorPalette.Slate.header.color.includes( element.color )
 				).toBe( true );
 			}
-	} );
+		}
+	);
 
 	test( 'Create "your own" pickers should be visible', async ( {
 		assemblerPageObject,

plugins/woocommerce/tests/e2e-pw/tests/customize-store/assembler/full-composability.spec.js

@@ -343,10 +343,10 @@ test.describe( 'Assembler -> Full composability', { tag: '@gutenberg' }, () => {
 		await expect( defaultPattern ).toBeVisible();
 	} );
 
-	test( 'Clicking opt-in new patterns should be available', async ( {
+	test(
-		pageObject,
+		'Clicking opt-in new patterns should be available',
-		baseURL,
+		{ tag: '@skip-on-default-pressable' },
-	} ) => {
+		async ( { pageObject, baseURL } ) => {
 			await prepareAssembler( pageObject, baseURL );
 			const assembler = await pageObject.getAssembler();
 
@@ -368,7 +368,10 @@ test.describe( 'Assembler -> Full composability', { tag: '@gutenberg' }, () => {
 			await sidebarPattern.waitFor( { state: 'visible' } );
 
 			await expect(
-			assembler.locator( '.block-editor-block-patterns-list__list-item' )
+				assembler.locator(
+					'.block-editor-block-patterns-list__list-item'
+				)
 			).toHaveCount( 10 );
-	} );
+		}
+	);
 } );

plugins/woocommerce/tests/e2e-pw/tests/customize-store/assembler/homepage.spec.js

@@ -314,10 +314,10 @@ test.describe( 'Homepage tracking banner', () => {
 		).toBeVisible();
 	} );
 
-	test( 'Should not show the "Want more patterns?" banner when tracking is allowed', async ( {
+	test(
-		baseURL,
+		'Should not show the "Want more patterns?" banner when tracking is allowed',
-		pageObject,
+		{ tag: '@skip-on-default-pressable' },
-	} ) => {
+		async ( { baseURL, pageObject } ) => {
 			await setOption(
 				request,
 				baseURL,
@@ -331,5 +331,6 @@ test.describe( 'Homepage tracking banner', () => {
 			await expect(
 				assembler.getByText( 'Want more patterns?' )
 			).toBeHidden();
-	} );
+		}
+	);
 } );

plugins/woocommerce/tests/e2e-pw/tests/customize-store/assembler/logo-picker/logo-picker.spec.js

@@ -235,9 +235,10 @@ test.describe( 'Assembler -> Logo Picker', { tag: '@gutenberg' }, () => {
 		// alternative way to verify new site icon on the site
 		// verifying site icon shown in the new tab is impossible in headless mode
 		const date = new Date();
+		const month = ( date.getMonth() + 1 ).toString().padStart( 2, '0' );
 		await expect(
 			page.goto(
-				`/wp-content/uploads/${ date.getFullYear() }/${ date.getMonth() }/image-03-100x100.png`
+				`/wp-content/uploads/${ date.getFullYear() }/${ month }/image-03-100x100.png`
 			)
 		).toBeTruthy();
 	} );

plugins/woocommerce/tests/e2e-pw/tests/customize-store/intro.spec.js

@@ -115,9 +115,10 @@ test.describe(
 			).toBeVisible();
 		} );
 
-		test( 'it shows the "non default block theme" banner when the theme is a block theme different than TT4', async ( {
+		test(
-			page,
+			'it shows the "non default block theme" banner when the theme is a block theme different than TT4',
-		} ) => {
+			{ tag: '@skip-on-default-pressable' },
+			async ( { page } ) => {
 				await activateTheme( 'twentytwentythree' );
 
 				await page.goto( CUSTOMIZE_STORE_URL );
@@ -128,11 +129,13 @@ test.describe(
 				await expect(
 					page.getByRole( 'button', { name: 'Go to the Editor' } )
 				).toBeVisible();
-		} );
+			}
+		);
 
-		test( 'clicking on "Go to the Customizer" with a classic theme should go to the customizer', async ( {
+		test(
-			page,
+			'clicking on "Go to the Customizer" with a classic theme should go to the customizer',
-		} ) => {
+			{ tag: '@skip-on-default-pressable' },
+			async ( { page } ) => {
 				await activateTheme( 'twentytwenty' );
 
 				await page.goto( CUSTOMIZE_STORE_URL );
@@ -143,6 +146,7 @@ test.describe(
 
 				await page.waitForNavigation();
 				await expect( page.url() ).toContain( 'customize.php' );
-		} );
+			}
+		);
 	}
 );