|
| 1 | +## Testing notes and ZIP for release 4.4.0 |
| 2 | + |
| 3 | +Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-gutenberg-products-block/files/5911041/woocommerce-gutenberg-products-block.zip) |
| 4 | + |
| 5 | +## Feature plugin and package inclusion in WooCommerce core |
| 6 | + |
| 7 | +### Prevent "X-WC-Store-API-Nonce is invalid" error when going back to a page with the products block using the browser back button. #3770 |
| 8 | + |
| 9 | +1. Open your store in an incognito window. |
| 10 | +2. Add an item to the cart from the products block. |
| 11 | +3. Click on a link to go to the cart page. |
| 12 | +4. Use the browser back button to go back to the page with the products block. |
| 13 | +5. Add another item to the cart. If it successfully adds to the cart, the fix is working. If you see an error notice about the nonce, there is a problem. |
| 14 | + |
| 15 | +### Ensure empty categories are correctly hidden in the product categories block. #3765 |
| 16 | + |
| 17 | +1. Add the Product Categories Block to a page |
| 18 | +2. Make sure the "Show empty categories" setting is disabled |
| 19 | +3. Edit a product and add it to a new category called "Test" |
| 20 | +4. Save the product and see that the "Test" category appears in the Product Categories Block with 1 product |
| 21 | +5. Edit the product again and set it's catalog visibility to hidden (this is in the panel with the update button). |
| 22 | +6. Save the product and see that the "Test" category does not appear in the Product Categories Block. |
| 23 | +7. Change the "Show empty categories" block's settings to true |
| 24 | +8. Notice that the Test category is listed in the Product Categories Block with 0 products. |
| 25 | + |
| 26 | +### Design tweaks to the cart page which move the quantity picker below each cart item and improve usability on mobile. #3734 |
| 27 | + |
| 28 | +1. Add items to your cart, some with sale prices, add multiple items etc. |
| 29 | +2. See that the subtotal for each item is shown below the item's name, and the overall total is shown to the right. (Overall total is item price * quantity). |
| 30 | + |
| 31 | +### Hide the All Products Block from the new Gutenberg Widget Areas until full support is achieved. #3737 |
| 32 | + |
| 33 | +1. Ensure Gutenberg feature plugin is enabled and you can see the new Widget Areas screen under Appearance > Widgets. |
| 34 | +2. Go to the screen and try to insert "All Products", "Price Filter", "Attribute Filter", and "Active Filter" blocks. You shouldn't be able to see them in the inspector! |
| 35 | +3. Edit a page and try to insert "All Products", "Price Filter", "Attribute Filter", and "Active Filter" blocks. It should work as expected. |
| 36 | + |
| 37 | +### Legacy star-rating class name has been removed from Product rating block (inside All Products block). That element is still selectable with the .wc-block-components-product-rating class name. #3717 |
| 38 | + |
| 39 | +1. Update Storefront to version 3.4.0 or above. |
| 40 | +2. Verify star icons look correct in the All Products block and show an icon rather than a character. |
| 41 | + |
| 42 | +### Improved accessibility of product image links in the products block by using correct aria tags and hiding empty image placeholders. #3722 |
| 43 | + |
| 44 | +This test requires the browser dev tools to inspect rendered HTML. |
| 45 | + |
| 46 | +1. Add an All Products Block to a page and make sure you have at least a product without an image |
| 47 | +2. In the browser dev tools, choose slow 3G Network setting to see that the placeholder image is shown until the product image is loaded |
| 48 | +3. Reset Network setting and check that product images have alt attributes using the browser dev tools inspector |
| 49 | +4. Check that a product without an image displays a placeholder image with no alt attribute using the browser dev tools inspector |
| 50 | + |
| 51 | +### Added missing wrapper div within FeaturedCategory and FeatureProduct blocks. #3746 |
| 52 | + |
| 53 | +This test requires the browser dev tools to inspect rendered HTML. |
| 54 | + |
| 55 | +1. Add the Featured Category and Featured Product blocks on a page. |
| 56 | +2. On the frontend, inspect the markup using the browser dev tools inspector. |
| 57 | +3. Notice the inner elements (title, text, button) are wrapped with a `<div class="wc-block-featured-X__wrapper"></div>` |
| 58 | + |
| 59 | +### Add missing aria-label for stars image in the review-list-item component. #3706 |
| 60 | + |
| 61 | +This test requires the browser dev tools to inspect rendered HTML. |
| 62 | + |
| 63 | +1. Insert All reviews block into a page |
| 64 | +2. Use the developer tools to inspect one of the review items in the Reviews list |
| 65 | +3. Select the div containing the star image |
| 66 | +4. Make sure it has role="img" & aria-label="Rated X out of 5" |
| 67 | +5. Check that the child span has the same text content as the aria-label attribute |
| 68 | + |
| 69 | +### Set correct text color in BlockErrorBoundry notices. #3738 |
| 70 | + |
| 71 | +This test requires a code edit to force an error. |
| 72 | + |
| 73 | +1. Chose Storefront and set the background to black and text to white. |
| 74 | +2. Force an error to the Cart or Checkout block. Add on line 74 throw new Error( 'test' ); in `assets/js/blocks/cart-checkout/cart/block.js` |
| 75 | +3. Notice the error text is now visible |
| 76 | + |
| 77 | +## Feature plugin only |
| 78 | + |
| 79 | +### Hidden cart item meta data will not be rendered in the Cart and Checkout blocks. #3732 |
| 80 | + |
| 81 | +This can only be tested with Subscriptions. |
| 82 | + |
| 83 | +1. Checkout fix/details-disappearing branch in WC Subscriptions (see relevant PR: 3968-gh-woocommerce/woocommerce-subscriptions). |
| 84 | +2. Add a subscription with free trial and signup fee to your cart. |
| 85 | +3. Go to the Cart block and verify the free trial and signup fee details are rendered. |
| 86 | +4. Open the Cart shortcode and verify free trial and signup fee metadata is not rendered. |
0 commit comments