|
| 1 | +## Testing notes and ZIP for release 5.2.0 |
| 2 | + |
| 3 | +Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-gutenberg-products-block/files/6539904/woocommerce-gutenberg-products-block.zip) |
| 4 | + |
| 5 | +#### Added a key prop to each `CartTotalItem` within `usePaymentMethodInterface `. ([4240](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4240)) |
| 6 | +1. Smoke test cart and checkout. The key prop is added in `prepareTotalItems` but is not visible. |
| 7 | +2. To _really_ test this you may `console.log` the result of `prepareTotalItems` and verify the key is there. |
| 8 | + |
| 9 | +#### Hide legacy widgets with a feature-complete block equivalent from the widget area block inserter. ([4237](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4237)) |
| 10 | +Do the testing steps for the following widgets: Product Search, Product Categories, Products, Products by Rating, and Recent Product Reviews |
| 11 | + |
| 12 | +1. Ensure the Gutenberg feature plugin is enabled. To enable block widgets in the Customizer, go to Gutenberg -> Experiments and check the checkbox next to Widgets. After you’ve saved the experimental settings, navigate to Appearance -> Customize -> Widgets. |
| 13 | +2. Go to Sidebar widgets and try to insert the above-mentioned widgets. You shouldn't be able to see them in the inspector. |
| 14 | +3. Insert the "Legacy Widget" block in the Sidebar. You shouldn't be able to see the above-mentioned widgets in the Select widget dropdown. |
| 15 | + |
| 16 | +#### Hide the All Products Block from the Customizer Widget Areas until full support is achieved. ([4225](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4225)) |
| 17 | +1. Ensure Gutenberg feature plugin is enabled. To enable block widgets in the Customizer, go to Gutenberg -> Experiments and check the checkbox next to Widgets. After you’ve saved the experimental settings, navigate to Appearance -> Customize -> Widgets. |
| 18 | +2. Go to Sidebar widgets 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! |
| 19 | +3. Edit a page and try to insert "All Products", "Price Filter", "Attribute Filter", and "Active Filter" blocks. It should work as expected. |
| 20 | + |
| 21 | +#### Sync customer data during checkout with draft orders. ([4197](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4197)) |
| 22 | +1. Go to checkout |
| 23 | +2. Fill out billing email |
| 24 | +3. Go to admin, Orders > Drafts. See if the billing email is populated in the draft order. |
| 25 | + |
| 26 | +#### Update the display of the sidebar/order summary in the Cart and Checkout blocks. ([4180](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4180)) |
| 27 | + |
| 28 | +##### Setup steps |
| 29 | +1. Ensure some items in your store are taxable, and add a few of them to your cart, for bonus points you can set up additional tax rates and add products from each rate to your cart. |
| 30 | +2. Ensure you have a coupon available to use in your store. |
| 31 | +3. Go to `WooCommerce -> Settings -> Tax` and set `Display tax totals` to `Itemized` and `Display prices during basket and checkout` to `Excluding Tax`. |
| 32 | +2. Using the designs presented in #4093 - Figma link: eaQcoMs7E8Ys0YgxfkOKxR-fi-727%3A1243 do the following: |
| 33 | + |
| 34 | +##### Editor testing - do these in the block editor |
| 35 | + |
| 36 | +**These instructions are for both the Cart and Checkout block!** |
| 37 | +1. Add the block and ensure it matches the designs from the Figma file. |
| 38 | +2. Ensure you have the option to `Show rate after tax name` in the editor sidebar. |
| 39 | +2. Toggle this on and off and verify the rate percentage is shown in the Taxes section of the block preview. |
| 40 | +4. Go to `WooCommerce -> Settings -> Tax` and set `Display tax totals` to `As a single total` and then ensure the option to `Show rate after tax name` is no longer available in the Cart and Checkout blocks. |
| 41 | +5. Ensure the individual tax lines are not shown in the block preview. |
| 42 | +6. Set it back to `Itemized`. |
| 43 | +6. Go to `WooCommerce -> Settings -> Tax` and set `Display prices during basket and checkout` to `Including Tax`. |
| 44 | +7. Ensure the Taxes section is not shown, but that the amount of tax is shown under the total. |
| 45 | +8. Set it back to `Excluding Tax`. |
| 46 | +8. While doing the next set of testing instructions, experiment with combinations of these settings ensuring they work correctly. |
| 47 | + |
| 48 | +##### Front-end testing |
| 49 | +1. Go to the Cart/Checkout and ensure the rendered cart matches the Figma file. Ensure you have the correct Taxes section based on your configuration. |
| 50 | +4. Go to `WooCommerce -> Settings -> Tax` and set `Display tax totals` to `As a single total` and then ensure the Taxes section of the sidebar does not include a further breakdown of rates. |
| 51 | +5. Set it back to `Itemized` and ensure the rates are broken down correctly. |
| 52 | +6. Toggle the `Show rate after tax name` option in the block and ensure the changes are reflected on the front-end. |
| 53 | +6. Go to `WooCommerce -> Settings -> Tax` and set `Display prices during basket and checkout` to `Including Tax`. |
| 54 | +7. Ensure the Taxes section is not shown, but that the amount of tax is shown under the total. |
| 55 | +8. Select different shipping methods and ensure the `via X` updates in the Shipping section of the sidebar. Do this in both Cart and Checkout. |
| 56 | +9. Add a coupon and ensure the discounts section shows the reduction amount. |
| 57 | + |
| 58 | +#### Improved accessibility and styling of the controls of several of ours blocks. ([4100](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4100)) |
| 59 | +The controls modified in this PR are used in many blocks, so the steps below should be repeated for all of them. |
| 60 | + |
| 61 | +1. Add the block to a page and ensure you can select items in the controls. |
| 62 | +2. If there are expandable items (Featured Products or Products by Attribute), make sure you can select inner items. |
| 63 | +3. If a count is displayed, make sure it's displayed correctly. |
| 64 | +4. Verify that you can do this actions also in the control which are in the sidebar: |
| 65 | +  |
| 66 | +5. Test adding several blocks in the same page, verify controls work independently of each other. |
| 67 | + |
| 68 | +Affected blocks: |
| 69 | +* Featured Product Block |
| 70 | +* Featured Category Block |
| 71 | +* Hand-Picked products Block |
| 72 | +* Products by Category Block |
| 73 | +* Products by Tag Block |
| 74 | +* Products by Attribute Block |
| 75 | +* Reviews by Product |
| 76 | +* Reviews by Category |
| 77 | +* Filter Products by Attribute |
| 78 | + |
| 79 | +#### Hide tax breakdown if the total amount of tax to be paid is 0. ([4262](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4262)) |
| 80 | +1. Enable taxes and ensure "Display prices during cart and checkout" is set to "Including taxes" |
| 81 | +2. Add an item to your cart with a zero-rate tax setting. |
| 82 | +3. View the Cart and Checkout block and ensure it does not say "Including £0.00 in taxes". |
| 83 | + |
| 84 | +#### Prevent Coupon code panel from appearing in stores were coupons are disabled. ([4202](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4202)) |
| 85 | +1. Go to WooCommerce > Settings > General and uncheck Enable the use of coupon codes. |
| 86 | +2. Go to the Cart or Checkout blocks and verify there is no Coupon panel in the sidebar. |
| 87 | + |
| 88 | +#### For payment methods, only use `canMakePayment` in the frontend (not the editor) context. ([4188](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4188)) |
| 89 | +1. Test this by enabling the Stripe plugin and ensuring the preview (apple pay) appeared correctly in the editor. |
| 90 | +2. Also confirm that canMakePayment still works on the frontend, and that it isn't running in the editor context. |
| 91 | + |
| 92 | +#### Fix duplicate react keys in ProductDetails component. ([4187](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4187)) |
| 93 | +1. Using WooCommerce Product Add-ons, create a product with checkbox addons. |
| 94 | +2. View the product page, select two of the checkboxes and add the product to the cart. |
| 95 | +3. View the cart block. |
| 96 | +4. Ensure there is no error in the console. |
| 97 | + |
| 98 | +#### Fix sending of confirmation emails for orders when no payment is needed. ([4186](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4186)) |
| 99 | +1. Add a VIRTUAL product costing $0 to the cart. The order total should be 0. |
| 100 | +2. Go to Block checkout and place the order. |
| 101 | +3. Check mailhog (if using WP Local) and confirm the new order emails (x2) were received. |
| 102 | + |
| 103 | +#### Stopped a warning being shown when using WooCommerce Force Sells and adding a product with a Synced Force Sell to the cart. ([4182](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4182)) |
| 104 | +1. Install WooCommerce Force Sells (https://woocommerce.com/products/force-sells/ or https://github.com/woocommerce/woocommerce-force-sells/) |
| 105 | +2. Edit a product to add a "Synced force sell" |
| 106 | +  |
| 107 | +3. Add this product to your cart |
| 108 | +4. Go to the Cart block and ensure no warnings are visible |
| 109 | +5. Do the same for the Checkout block |
| 110 | + |
| 111 | +#### Move Button and Label components to `@woocommerce/blocks-checkout` package. ([4222](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4222)) |
| 112 | +1. Smoke test of Blocks functionality. |
| 113 | +2. Ensure critical flows work, such as adding items to cart from the All Products Block, continuing to Checkout from the Cart Block and placing an order in the Checkout Block. |
| 114 | +3. Ensure labels are displaying correctly in blocks, compare to trunk and ensure nothing is different or missing. |
| 115 | + |
| 116 | +#### Add couponName filter to allow extensions to modify how coupons are displayed in the Cart and Checkout summary. ([4166](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4166)) |
| 117 | +1. Check out 422-gh-woocommerce/woocommerce-points-and-rewards |
| 118 | +2. Run npm run build in both repositories. |
| 119 | +3. In the dashboard, go to WooCommerce > Points and rewards > Manage points and add some points to your user account. |
| 120 | +4. Add items to your cart. |
| 121 | +5. Go to the shortcode cart, apply the points discount using the notice and, observe the discount in the cart. |
| 122 | +6. Go to the Cart Block and ensure the coupon applied reads Points redemption and not the long system generated coupon code. |
| 123 | +7. Try removing the coupon and ensure the discount is removed, and no errors are shown |
| 124 | + |
| 125 | + |
0 commit comments