woocommerce/plugins/woocommerce-blocks/docs/testing/releases/400.md

# Testing notes and ZIP for release 4.0.0

Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-gutenberg-products-block/files/5654619/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 <https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/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 <https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/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`

```text
{
	"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.

<!-- FEEDBACK -->

---

[We're hiring!](https://woocommerce.com/careers/) Come work with us!

🐞 Found a mistake, or have a suggestion? [Leave feedback about this document here.](https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/new?assignees=&labels=type%3A+documentation&template=--doc-feedback.md&title=Feedback%20on%20./docs/testing/releases/400.md)

<!-- /FEEDBACK -->