Merge pull request #4151 from Codeinwp/fix/e2e_tests

Fix: E2E testing fix

bin/envs/cli-setup.sh

@@ -22,7 +22,7 @@ init_environment(){
 	wp --allow-root theme install --activate $NEVE_LOCATION
 	wp --allow-root option update fresh_site 0
   echo "Installing Theme API Plugin"
-  wp --allow-root plugin install https://github.com/cristian-ungureanu/wp-thememods-api/archive/refs/heads/main.zip --force --activate
+  wp --allow-root plugin install https://github.com/codeinwp/wp-thememods-api/archive/refs/heads/main.zip --force --activate
 }
 
 

e2e-tests/playwright.config.ts

@@ -5,7 +5,7 @@ export default defineConfig({
 	forbidOnly: !!process.env.CI,
 	workers: process.env.CI ? 6 : undefined,
 	retries: 0,
-	timeout: parseInt(process.env.TIMEOUT || '', 10) || 100_000, // Defaults to 100 seconds.
+	timeout: parseInt(process.env.TIMEOUT || '', 10) || 150_000, // Defaults to 100 seconds.
 	fullyParallel: true,
 	projects: [
 		// Setup project

e2e-tests/specs/customizer/general/custom-global-colors.spec.ts

@@ -36,7 +36,7 @@ test.describe('Custom Global Color Control', () => {
 		await page.locator('.block-editor-rich-text__editable').first().click();
 		// use Background color control to open the color picker, available since WP 6.1
 		await page.getByRole('button', { name: 'Background' }).click();
-		await page.getByRole('button', { name: 'Color: Custom 1' }).click();
+		await page.getByRole('option', { name: 'Color: Custom 1' }).click();
 		await page
 			.locator('.block-editor-panel-color-gradient-settings__color-name')
 			.getByText('Text')
@@ -72,6 +72,6 @@ test.describe('Custom Global Color Control', () => {
 		await page.goto('/hello-world/?test_name=custom-global-colors');
 		await expect(
 			await page.locator('.nv-content-wrap p').first()
-		).toHaveClass(/has-custom-1-color/);
+		).toHaveClass(/has-custom-1-background-color/);
 	});
 });

e2e-tests/specs/woo-visual-regression/checkout.spec.ts

@@ -5,14 +5,21 @@ test.describe('Checkout page check', () => {
 		await page.goto('/product/album/');
 		await page.locator('.single_add_to_cart_button').click();
 		await page.goto('/checkout/');
-		await page.locator('#place_order').click();
+		await page.getByRole('button', { name: 'Place Order' }).click();
 		await page.waitForTimeout(1000);
-		await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.2 });
+		await page
+			.getByRole('heading', { name: 'Checkout' })
+			.scrollIntoViewIfNeeded();
+		await expect(page).toHaveScreenshot({
+			maxDiffPixelRatio: 0.2,
+		});
 	});
 
 	test('Check MyAccount errors', async ({ page }) => {
 		await page.goto('/my-account/edit-account/');
 		await page.locator('.woocommerce-Button').first().click();
-		await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.2 });
+		await expect(page).toHaveScreenshot({
+			maxDiffPixelRatio: 0.2,
+		});
 	});
 });