470.md

📣 Announcement: New documentation location

The documentation for WooCommerce Blocks has moved to the WooCommerce monorepo.

Please refer to the documentation in the new location as the files in this repository will no longer be updated and the repository will be archived.

---

Testing notes and ZIP for release 4.7.0

Zip file for testing: woocommerce-gutenberg-products-block.zip

Feature plugin and package inclusion in WooCommerce core

General smoke testing

The following are related to various changes impacting some existing flows so just need validated there's nothing broken:

• Create a post or page and add some WC Blocks.
• Verify they look correct and styles loaded properly.
• Publish that post or page.
• In the frontend, verify blocks also look correct and styles loaded properly.

Fix FSE not being visible when WC Blocks was enabled (#3898)

1. Install a FSE compatible theme (ie, Armando).
2. Enable Gutenberg and WooCommerce.
3. Click on the Site Editor sidebar menu item.
4. Verify the FSE page loads correctly.

Fix block elements that don't play well with dark backgrounds (#3887)

1. Add the block to a page: Filter by price, Active filters, Product search & Product Categories List
2. Set a dark background for the website
3. Check that all the component elements are visible.

Screenshots

The cursor for Filter Products by price is cut on top-bottom and is more visible on dark backgrounds Before:

after:

The button from Product search and Product Categories List is barely visible

Before:

after:

The remove button from Active Product filters is barely visible.

Before:

after:

Fix Price not showing on All Products (#3958)

1. View all Products Block
2. Confirm prices are displayed
3. Confirm prices still display in cart/checkout to verify no regressions

Feature plugin only

Ensure sale badges have a uniform height in the Cart block. (#3897)

1. Add an item that's on sale to your cart then go to the cart block. Increase its quantity to 2 or more.
2. Verify the sale badges are the same height.

Screenshots

Before:

after:

Remove extra padding from payment methods with no description #3952

1. Go to WooCommerce > Settings > Payments, edit one of the payment methods and remove any text in its description field.
2. Go to the Checkout block and select the payment method you modified in step 1.
3. Verify there isn't extra padding at the bottom.

Screenshots

Before: (notice the extra padding that appears when selecting check payments)

after:

Fix "save payment" checkbox not showing for payment methods (#3950)

1. Enable stripe or WCPay (stripe is easier).
2. Enable using saved payment methods.
3. Add a regular (not a subscription product) to your cart and checkout.
4. Open Stripe payment box, see if the save checkbox is visible.

Fix cart preview when shipping rates are set to be hidden until an address is entered (#3946)

1. Tick WooCommerce > Settings > Shipping > Hide shipping costs until an address is entered
2. Add a cart block to a page, and in the block options disable "Shipping Calculator"
3. See the preview of the block

Screenshots

Before:

after:

Provided billing data to payment method extensions so they can decide if payment is possible (#3992)

1. Smoke test checkout and the payment process.
2. smoke test payments via stripe for any regression.

Smoke Testing

The following are related to various changes impacting some existing flows so just need validated there's nothing broken

• Cart and checkout coupons interaction works as expected.
• Cart and checkout changing quantities works as expected.
• Cart and checkout shipping interaction works as expected.
• Cart and checkout express payment method works as expected.