400.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.0.0

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

Feature plugin and package inclusion in WooCommerce core

Input appearance in IE 11 (Create IE11 SCSS mixin)

Setup:

• Create a Products Block, Filter by Price Block, and Checkout Block.

Testing:

• With IE11, check that there are no visual regressions in the Filter products by price block.
• With IE11, check that there are no visual regressions in the checkboxes of the Checkout block.

See screenshots in #3473.

Feature plugin only

Fix notice close button color in Twenty Twenty One dark mode

Setup:

• Install and activate Twenty Twenty One.
• Go to Customize > Colors & Dark mode and check the Dark mode support checkbox.
• In the frontend, make sure the dark mode is enabled and go to a page with the Checkout block.

Testing:

• Try submitting the form leaving one of the required inputs empty so the error notice appears.
• Verify the close button is visible.

Ensure correct alignment of checkout notice's dismiss button

Setup:

• Enable Storefront theme
• Add an item to the cart and go to the checkout block

Testing:

• Leave a required field on the checkout form blank and attempt checkout
• Ensure the error notice's dismiss button is aligned to the right

See screenshot in #3455.

Fix notices in console on Checkout (Update @wordpress/components to v. 11.1.1 and @wordpress/base-styles to v. 3.2.0)

Setup:

• Add the checkout block to a page.
• Add an item to your cart, and go to checkout.

Testing:

• Change the value of the Country/Region select.
• Verify no errors appear in the browser console.

Checkout block: Fixes around account creation and coupon validation

Setup:

• Create a coupon with a usage requirement of a specific email address.
• Enable registration during checkout.
• Add the checkout block to a page.
• Add an item to your cart, apply the coupon, and go to checkout.

Testing:

• Fill out the checkout form, and indicate that you would like to create an account. Use an email address different to the coupon restriction. Submit the form.
• Confirm a coupon error appears, and the create account signup box is hidden.
• Submit the form again. Order should go through without error.

Remove held stock for a draft order if an item is removed from the cart

Setup:

• Setup a stock managed item with 1 in stock
• Add that 1 item to the cart
• Go to checkout
• Go back to the cart and remove the item from your cart

Testing:

• From another device or in another browser, add the same item to the cart. No stock errors should be shown.

Make sure cart is initialized before the CartItems route is used in the Store API

Setup:

You need to use the StoreAPI. Add an item to your cart via the API (replacing the product ID with one from your store).

POST https://yourstore.test/wp-json/wc/store/cart/add-item

{
	"id": 163,
	"quantity":1
}

Testing:

• GET the following endpoint: https://yourstore.test/wp-json/wc/store/cart/items. There should be a valid response with response code 200.