|
| 1 | +# Testing notes and ZIP for release 8.3.0 |
| 2 | + |
| 3 | +Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/9336360/woocommerce-gutenberg-products-block.zip) |
| 4 | + |
| 5 | +## Feature plugin and package inclusion in WooCommerce |
| 6 | + |
| 7 | +### Enable the Cart and Checkout blocks when WooCommerce Blocks is bundled in WooCommerce Core. ([6805](https://github.com/woocommerce/woocommerce-blocks/pull/6805)) |
| 8 | + |
| 9 | +##### Cart Block: |
| 10 | +1. In the Cart Block in the editor, ensure the shipping calculator is enabled. |
| 11 | +2. Enable coupons on your site (WooCommerce -> Settings -> General -> Enable the use of coupon codes) and add one. |
| 12 | +3. Add two shipping methods for different locations, e.g. two for USA and two for UK. |
| 13 | +4. Do not add items to your cart. |
| 14 | +5. Go to the Cart Block and ensure the empty cart is displayed. |
| 15 | +6. Add items to your cart and revisit the Cart Block. |
| 16 | +7. Enter your address in the shipping calculator, ensure the correct shipping prices are displayed based on your location. |
| 17 | +8. Enter a coupon and ensure it works, and the price is modified accordingly. |
| 18 | +9. Modify the quantities of items in your cart, ensure it works and the prices update properly. |
| 19 | +10. If you have express payments enabled and working, try checking out from the Cart Block using GPay or Apple pay. |
| 20 | +11. If you don't, hit proceed to checkout and ensure it works correctly. |
| 21 | + |
| 22 | +#### Checkout Block: |
| 23 | +1. Go to WooCommerce -> Settings -> Accounts & Privacy and enable ` Allow customers to create an account during checkout` and `Allow customers to log into an existing account during checkout`. |
| 24 | +2. Enable the Stripe payment method, COD, and cheque. |
| 25 | +3. Log out of the site then add items to your cart and go to the Checkout Block. |
| 26 | +4. Check the `create account` box when entering your details. |
| 27 | +5. Remove the coupon added in the Cart testing steps, and try re-adding it. |
| 28 | +6. Change shipping methods and ensure the prices update. |
| 29 | +7. Change address, ensure shipping prices update when the country changes. |
| 30 | +8. Leave some fields empty on the address form, ensure you get an error. |
| 31 | +9. Re-fill them and enter an invalid ZIP code. (Set country to UK and enter 234345 as the Postcode). Ensure you see an error at the top of the block. |
| 32 | +10. Correct the error (A valid one is `SW19 1AA` if in UK). |
| 33 | +11. Check out and ensure it works and the order is logged correctly. |
| 34 | +12. Ensure you received emails relating to your order (if using Local WP you can go to your site -> tools -> mailhog to check this). |
| 35 | + |
| 36 | +### Refactor Product Categories block to use block.json. ([6875](https://github.com/woocommerce/woocommerce-blocks/pull/6875)) |
| 37 | +##### WooCommerce Blocks |
| 38 | + |
| 39 | +1. Add Product Categories List block as a widget (Appearance → Widgets) |
| 40 | +2. Open block settings |
| 41 | +3. Test block controls, save, and review if it still renders correctly in the frontend |
| 42 | + |
| 43 | +##### WPCOM |
| 44 | + |
| 45 | +1. Add Product Categories List block as a widget (Appearance → Widgets) |
| 46 | +2. Open block settings |
| 47 | +3. Open Advanced and click on "Add new rule" under Visibility |
| 48 | + |
| 49 | +### Add feedback box to the Cart & Checkout Inner Blocks in the inspector. ([6881](https://github.com/woocommerce/woocommerce-blocks/pull/6881)) |
| 50 | +1. Go to the Cart and Checkout editor pages |
| 51 | +2. Select the Block and each of its inner blocks. You should notice the feedback box in the inspector. |
| 52 | + |
| 53 | + |
| 54 | + |
| 55 | +### Add notice to Cart and Checkout blocks' inspector controls which links to the list of compatible plugins. ([6869](https://github.com/woocommerce/woocommerce-blocks/pull/6869)) |
| 56 | +1. Go to the editor, insert the Checkout block. |
| 57 | +2. Select it, verify you see the notice. Click through each and every inner block and ensure the notice displays for it. |
| 58 | +3. Dismiss the notice, click back through the inner blocks and ensure the notice is gone. Reload the page, ensure the notice is still gone. |
| 59 | +4. Go to the editor, insert the Cart block. |
| 60 | +5. Select it, verify you see the notice. Click through each and every inner block and ensure the notice displays for it. |
| 61 | +6. Dismiss the notice, click back through the inner blocks and ensure the notice is gone. Reload the page, ensure the notice is still gone. |
| 62 | +7. Clear local storage again. |
| 63 | +8. Go back to the Cart and Checkout blocks and ensure the notice is back. |
| 64 | +9. Create a new page. Add the Checkout Block. Select it and verify the sidebar contains the default warning: |
| 65 | +<img width="266" alt="image" src="https://user-images.githubusercontent.com/5656702/183895778-44d3d079-09a4-4806-9096-e80e2a46a318.png">. |
| 66 | +Verify the wording says **checkout**. |
| 67 | +10. Add the Cart Block, ensure the same notice appears but ensure it says **cart**. |
| 68 | + |
| 69 | +### Add the ability to register patterns by adding them under the "patterns" folder and add the new "WooCommerce Filters" pattern. ([6861](https://github.com/woocommerce/woocommerce-blocks/pull/6861)) |
| 70 | +1. Create a new page with the `All Products` block. |
| 71 | +2. Open the block inserter, go to the patterns tab, and select the WooCommerce category from the dropdown |
| 72 | +3. Make sure you see a pattern under that category named: `WooCommerce Filters` |
| 73 | +4. Click on it to insert it on the page. |
| 74 | +5. Check that all 4 filter blocks (by attribute, price, stock, and active filters) are added. |
| 75 | +6. Complete the filter by attribute by selecting one of them. |
| 76 | +7. Save the page and make sure all the filters are rendered on the front-end. |
| 77 | + |
| 78 | +### Override the description to prevent infinite loop. ([6849](https://github.com/woocommerce/woocommerce-blocks/pull/6849)) |
| 79 | +1. Make sure you are using a block theme (ie: Twenty Twenty Two). |
| 80 | +2. Go to Appearance > Editor > Templates. |
| 81 | +3. Click on Add New and select Single Item: Product. |
| 82 | +4. Select any product from the list (ie: Hoodie). |
| 83 | +5. In the template, add the Hand-picked Products block and select the same product. |
| 84 | +6. Visit that product page in the frontend and notice the correct product is selected. |
| 85 | + |
| 86 | +### Update billing address when shipping address gets change in shipping calculator at Cart block. ([6823](https://github.com/woocommerce/woocommerce-blocks/pull/6823)) |
| 87 | +1. Add a product to the cart and go to the Cart block. |
| 88 | +2. Add a new address with a valid zip code in the Shipping calculator, different from what you already used. |
| 89 | +3. Click on the Update button and wait for the update. |
| 90 | +4. Proceed to Checkout. |
| 91 | +5. In the Checkout block, see the new address for shipping being added to the Shipping address. |
| 92 | +6. Uncheck the checkbox for `Use same address for billing`. |
| 93 | +7. Look at the Billing address form and confirm it has the same address which was selected in the shipping calculator. |
| 94 | + |
| 95 | +### Fix: Add font-weight controls to the Mini Cart block text. ([6760](https://github.com/woocommerce/woocommerce-blocks/pull/6760)) |
| 96 | +1. Make sure you have a blocks theme active (like Twenty Twenty-Two). |
| 97 | +2. Navigate to Appearance > Editor (Beta) and add a Mini Cart block somewhere in your site. |
| 98 | +3. In the editor, select the Mini Cart block and, in the block settings, choose Font Weight under the Typography section. |
| 99 | +4. Adjust the font weight to something other than the Default. |
| 100 | +5. Confirm changes are present in the editor. |
| 101 | +6. Save changes and preview the frontend to confirm the changes have persisted. |
| 102 | + |
| 103 | +<!-- FEEDBACK --> |
| 104 | + |
| 105 | +--- |
| 106 | + |
| 107 | +[We're hiring!](https://woocommerce.com/careers/) Come work with us! |
| 108 | + |
| 109 | +🐞 Found a mistake, or have a suggestion? [Leave feedback about this document here.](https://github.com/woocommerce/woocommerce-blocks/issues/new?assignees=&labels=type%3A+documentation&template=--doc-feedback.md&title=Feedback%20on%20./docs/internal-developers/testing/releases/810.md) |
| 110 | + |
| 111 | +<!-- /FEEDBACK --> |
0 commit comments