5.7 KiB
5.7 KiB
Testing notes and ZIP for release 9.0.0
Zip file for testing: woocommerce-gutenberg-products-block.zip
Feature plugin and package inclusion in WooCommerce
Fix skewed placeholder of a Product Image block. (7651)
Prerequisites:
- Make sure you have a product without a highlighted image (you can create a new product or remove the image from an existing one).
Case 1: image is wider than 500px:
- Go to Appearance > Site Editor > Templates > Product Catalog.
- Remove the legacy placeholder block.
- Add blocks that use Product Image placeholder:
- Single Product
- All Products
- Product Query
- ✅ Check on the wide-screen (image should have more than 500px width) if the placeholder image is a square (not skewed)
Case 2: image is narrower than 500px:
- Add a Columns block.
- Inside one of the columns, add the Single Product block, to another one add Product Query block. Columns block limits the available space for a product to display (you should achieve less than 500px width for product image)
- ✅ Check if the placeholder image is a square (not skewed)
Fix missing translations in the inspector (editor mode) for the Cart Cross-Sells Blocks. (7616)
- Change your site language (I tested using the Spanish language — Español). Make sure the translation files are updated (Check Dashboard -> updates).
- Go to the
Cart Block
(Editor mode) - Select the
Cart Cross-Sell
andCart Cross-Sells products
blocks, and make sure the title & description are translated in the inspector. See the image below:
Move paymentResult to the payment store. (7692)
- Checkout successfully using the stripe payment method (4242 4242 4242 4242)
- Checkout unsuccessfully using stripe (4000 000 000 0002)
- Both should not throw any console errors #and step 2 should display a "Something went wrong" error at the top of the Checkout block and a "Card declined" error in the payment method block.
Make loading placeholder colors match the current font color for the theme. (7658)
Add the Products by Attribute
template. (7660)
- Make sure you are using a blocks theme.
- Go to the site editor and click on
Browse all templates
(orsite-editor.php?postType=wp_template
). - Check that the
Products by Attribute
template shows on the list. - Click on it and make sure it shows the legacy grid block.
- Edit the template and add a block on top of it and save.
- Go to
Products
>Attribute
(/wp-admin/edit.php?post_type=product&page=product_attributes
). - Edit one of the attributes, check the
Enable archives?
checkbox, and save. - Go back to the attributes list and click
Configure terms
on the attribute you just edited it. - Click on
View
on one of the terms to view it in the frontend. - Make sure you see the edits you made on the
Product by Attribute
template.
Make loading placeholder colors match the current font color for the theme. (7658)
- Change the font color of your theme (via Appearance > Site Editor > Styles) to something that is not black or white (ie: yellow);
- Add all filter blocks (Filter by Price, Filter By Attribute, etc) and the All Products block to a post or page;
- Visit the page that you added the blocks;
- Make sure that the colors for the loading placeholder matches the current font color.
Add a clearValidationErrors
action to the wc/store/validation
data store. (7601)
- Use the Checkout block, enter invalid information in fields and ensure validation errors still show. (e.g. enter an invalid ZIP code for UK by just using numbers)
- Leave fields blank and ensure validation shows.
- Fix the errors and ensure you can check out.
Add ValidatedTextInput
and ValidationInputError
to the @woocommerce/blocks-checkout
package. (7583)
- Enter an invalid ZIP code, ensure the error appears.
- Leave the First name/Last name fields blank, ensure errors appear under them.
Add StoreNoticesContainer
to the @woocommerce/blocks-checkout
package. (7558)
- Add some items and go to the Cart block.
- In a new tab, open edit one of the items in your cart. Set it to out of stock.
- Without reloading, go back to the Cart tab, and try to increase the quantity of an item. Ensure you see an error above the Cart block.
- Set the item back to in stock, and proceed to the Checkout block.
- Enter an invalid ZIP code, ensure a notice appears above the Checkout block.
- Using Stripe, enter this card number, it will be declined:
4000 0000 0000 9995
ensure the error appears in the payment methods area.
Change action type name for use shipping as billing option. (7695)
- Add a physical product to your basket.
- Go to Checkout
- Shipping details should be displayed. Enter some details here.
- Untick "Use same address for billing"
- Enter different billing details
- Place the order and check the shipping and billing details are different