Commit 2f5c781989d for woocommerce
commit 2f5c781989ddec0f2db483a879977498064568bd
Author: Luigi Teschio <gigitux@gmail.com>
Date: Wed Oct 21 16:03:36 2026 +0200
Fix product editor E2E selectors for WordPress 7.2 (#70081)
* Update product editor E2E selectors for WordPress 7.2
* Add changelog for product editor E2E selector updates
* Simplify Product Collection filter name matching
diff --git a/plugins/woocommerce/changelog/dev-wordpress-72-product-editor-selectors b/plugins/woocommerce/changelog/dev-wordpress-72-product-editor-selectors
new file mode 100644
index 00000000000..969a9e94b8b
--- /dev/null
+++ b/plugins/woocommerce/changelog/dev-wordpress-72-product-editor-selectors
@@ -0,0 +1,3 @@
+Significance: patch
+Type: dev
+Comment: Update product editor E2E selectors for WordPress 7.2; no production change.
diff --git a/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/inspector-controls.block_theme.spec.ts b/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/inspector-controls.block_theme.spec.ts
index 78daa5efbf3..95b3b07e3ce 100644
--- a/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/inspector-controls.block_theme.spec.ts
+++ b/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/inspector-controls.block_theme.spec.ts
@@ -143,7 +143,7 @@ test.describe( 'Product Collection: Inspector Controls', () => {
} ) => {
await pageObject.createNewPostAndInsertBlock();
- await pageObject.addFilter( 'Show Hand-picked' );
+ await pageObject.addFilter( 'Hand-Picked' );
const filterName = 'Hand-picked';
await pageObject.setFilterComboboxValue( filterName, [ 'Album' ] );
@@ -181,7 +181,7 @@ test.describe( 'Product Collection: Inspector Controls', () => {
} ) => {
await pageObject.createNewPostAndInsertBlock();
- await pageObject.addFilter( 'Show product categories' );
+ await pageObject.addFilter( 'Product Categories' );
await pageObject.checkTaxonomyTerm( 'categories', 'Clothing' );
await expect( pageObject.products ).toHaveCount( 9 );
@@ -218,7 +218,7 @@ test.describe( 'Product Collection: Inspector Controls', () => {
} ) => {
await pageObject.createNewPostAndInsertBlock();
- await pageObject.addFilter( 'Show product tags' );
+ await pageObject.addFilter( 'Product Tags' );
await pageObject.checkTaxonomyTerm( 'tags', 'Recommended' );
await expect( pageObject.productTitles ).toHaveText( [
'Beanie',
@@ -237,7 +237,7 @@ test.describe( 'Product Collection: Inspector Controls', () => {
} ) => {
await pageObject.createNewPostAndInsertBlock();
- await pageObject.addFilter( 'Show Product Brands' );
+ await pageObject.addFilter( 'Product Brands' );
await pageObject.checkTaxonomyTerm( 'brands', 'WooCommerce' );
await expect( pageObject.productTitles ).toHaveText( [
'Album',
@@ -258,7 +258,7 @@ test.describe( 'Product Collection: Inspector Controls', () => {
} ) => {
await pageObject.createNewPostAndInsertBlock();
- await pageObject.addFilter( 'Show Product Attributes' );
+ await pageObject.addFilter( 'Product Attributes' );
await pageObject.setProductAttribute( 'Color', 'Green' );
await expect( pageObject.products ).toHaveCount( 3 );
@@ -700,7 +700,7 @@ test.describe( 'Product Collection: Inspector Controls', () => {
await expect( pageObject.products ).toHaveCount( 9 );
- await pageObject.addFilter( 'Show product categories' );
+ await pageObject.addFilter( 'Product Categories' );
await pageObject.checkTaxonomyTerm( 'categories', 'Music' );
const productCollectionBlock = await editor.getBlockByName(
diff --git a/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/product-collection.page.ts b/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/product-collection.page.ts
index b0e68158d70..b5c4ce8c080 100644
--- a/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/product-collection.page.ts
+++ b/plugins/woocommerce/tests/e2e/tests/blocks/product-collection/product-collection.page.ts
@@ -423,12 +423,12 @@ class ProductCollectionPage {
async addFilter(
name:
- | 'Show Hand-picked'
+ | 'Hand-Picked'
| 'Keyword'
- | 'Show product categories'
- | 'Show product tags'
- | 'Show Product Brands'
- | 'Show Product Attributes'
+ | 'Product Categories'
+ | 'Product Tags'
+ | 'Product Brands'
+ | 'Product Attributes'
| 'Featured'
| 'Created'
| 'Price Range'
@@ -438,7 +438,7 @@ class ProductCollectionPage {
.click();
await this.page
.getByRole( 'menuitemcheckbox', {
- name,
+ name: new RegExp( name, 'i' ),
} )
.click();
await this.page
diff --git a/plugins/woocommerce/tests/e2e/tests/blocks/product-filters/attribute-filter-editor.block_theme.spec.ts b/plugins/woocommerce/tests/e2e/tests/blocks/product-filters/attribute-filter-editor.block_theme.spec.ts
index af8b3741f16..a771857d59a 100644
--- a/plugins/woocommerce/tests/e2e/tests/blocks/product-filters/attribute-filter-editor.block_theme.spec.ts
+++ b/plugins/woocommerce/tests/e2e/tests/blocks/product-filters/attribute-filter-editor.block_theme.spec.ts
@@ -19,10 +19,16 @@ const blockData = {
slug: 'archive-product',
};
-const getExpectedStyleControls = ( wpCoreVersion: number ) =>
- wpCoreVersion >= 7.1
- ? [ 'Typography', 'Dimensions', 'Border' ]
- : [ 'Color', 'Typography', 'Dimensions' ];
+const getExpectedStyleControls = ( wpCoreVersion: number ) => {
+ if ( wpCoreVersion >= 7.1 ) {
+ return [
+ 'Typography',
+ 'Dimensions',
+ wpCoreVersion >= 7.2 ? 'Borders' : 'Border',
+ ];
+ }
+ return [ 'Color', 'Typography', 'Dimensions' ];
+};
const test = base.extend< { pageObject: ProductFiltersPage } >( {
pageObject: async ( { page, editor, frontendUtils }, use ) => {