Zip file for testing: woocommerce-gutenberg-products-block.zip
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 woocommerce#3473.
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.
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 woocommerce#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.
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.
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.
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.
We're hiring! Come work with us!
🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.