Enable skipped E2E tests for attributes (woocommerce#50143)

* Enable test to add existing attributes

* Enable test to update product attribute

* Add changelog

* Locate item by aria-label instead of label

* Add blur to the summary field

plugins/woocommerce/changelog/fix-50027_e2e_tests_product_attributes

@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Enable skipped E2E tests for attributes #50143

plugins/woocommerce/tests/e2e-pw/tests/merchant/products/block-editor/create-simple-product-block-editor.spec.js

@@ -51,6 +51,14 @@ test.describe( 'General tab', { tag: '@gutenberg' }, () => {
 				.last()
 				.fill( productData.summary );
 
+			// We blur the summary field to hide the toolbar before clicking on the regular price field.
+			await page
+				.locator(
+					'[data-template-block-id="basic-details"] .components-summary-control'
+				)
+				.last()
+				.blur();
+
 			const regularPrice = page
 				.locator( 'input[name="regular_price"]' )
 				.first();

plugins/woocommerce/tests/e2e-pw/tests/merchant/products/block-editor/product-attributes-block-editor.spec.js

@@ -267,36 +267,31 @@ test(
 	}
 );
 
-test.skip(
+test(
 	'can add existing attributes',
 	{ tag: '@gutenberg' },
 	async ( { page, product, attributes } ) => {
 		await test.step( 'go to product editor, Organization tab', async () => {
 			await page.goto(
 				`wp-admin/post.php?post=${ product.id }&action=edit`
 			);
-			const getAttributesResponsePromise = page.waitForResponse(
-				( response ) =>
-					response.url().includes( '/terms?attribute_id=' ) &&
-					response.status() === 200
-			);
 			await page.getByRole( 'tab', { name: 'Organization' } ).click();
-			await getAttributesResponsePromise;
 		} );
 
 		await test.step( 'add an existing attribute', async () => {
 			await page.getByRole( 'button', { name: 'Add new' } ).click();
 
 			await page.waitForLoadState( 'domcontentloaded' );
 
-			// Add attributes that do not exist
-			await page.getByPlaceholder( 'Search or create attribute' ).click();
+			await page
+				.locator( '.woocommerce-attributes-combobox input' )
+				.click();
 
 			// Unless we wait for the list to be visible, the attribute name will be filled too soon and the test will fail.
 			await waitForAttributeList( page );
 
 			await page
-				.getByPlaceholder( 'Search or create attribute' )
+				.locator( '.woocommerce-attributes-combobox input' )
 				.fill( attributes.attribute.name );
 			await page
 				.getByRole( 'option', { name: attributes.attribute.name } )
@@ -306,7 +301,7 @@ test.skip(
 			await page.getByPlaceholder( 'Search or create value' ).click();
 
 			for ( const term of attributes.terms ) {
-				await page.getByLabel( term.name, { exact: true } ).check();
+				await page.getByText( term.name, { exact: true } ).click();
 			}
 
 			await page.keyboard.press( 'Escape' );
@@ -355,9 +350,7 @@ test.skip(
 	}
 );
 
-// Test skipped because an issue with the options not always loading makes it flaky.
-// See https://github.com/woocommerce/woocommerce/issues/44925
-test.skip(
+test(
 	'can update product attributes',
 	{ tag: '@gutenberg' },
 	async ( { page, productWithAttributes } ) => {
@@ -376,7 +369,9 @@ test.skip(
 					await page.reload();
 					await page.getByRole( 'button', { name: 'Edit' } ).click();
 					await expect(
-						page.getByLabel( `Remove ${ attribute.options[ 0 ] }` )
+						page.locator(
+							`button[aria-label="Remove ${ attribute.options[ 0 ] }"]`
+						)
 					).toBeVisible( { timeout: 2000 } );
 				},
 				{