diff --git a/docs/internal-developers/testing/releases/840.md b/docs/internal-developers/testing/releases/840.md new file mode 100644 index 00000000000..dcd27987102 --- /dev/null +++ b/docs/internal-developers/testing/releases/840.md @@ -0,0 +1,138 @@ +# Testing notes and ZIP for release 8.4.0 + +Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/9444105/woocommerce-gutenberg-products-block.zip) + +## Feature plugin and package inclusion in WooCommerce + +### Update the filter `Apply` buttons to match the new designs. ([6958](https://github.com/woocommerce/woocommerce-blocks/pull/6958)) + +1. Create a new page and add the `All Products` block and the filter pattern containing all filter blocks. +2. Save it and check the buttons look like the `After` screenshot on the editor and the frontend. + +| Before | After | +| ------ | ----- | +| Screenshot 2022-08-22 at 16 03 13 | Screenshot 2022-08-23 at 10 41 03| + +### Update the design of the Filter Products by Attribute block. ([6920](https://github.com/woocommerce/woocommerce-blocks/pull/6920)) + +1. Add the `Filter by Attribute` block to a page. +2. Check that it looks like the new design in the editor and the front-end. +3. Check that the `Reset` button appears when a checkbox is checked. +4. Edit the page and change the Display Style to dropdown. +5. Check that it looks like the new design in the editor and the front-end (it won't look exactly like the design, check [this conversation](p1660817888642199-slack-C02SGH7JBGS) for more context) + +| Before | After | +| ------ | ----- | +| Screenshot 2022-08-19 at 11 36 19 | Screenshot 2022-08-19 at 11 35 10 | +| Screenshot 2022-08-19 at 11 36 41| Screenshot 2022-08-19 at 11 37 15 | +| Screenshot 2022-08-19 at 11 38 01 | Screenshot 2022-08-19 at 11 37 28 | + +### Update the design of the Filter by Attribute block settings panel. ([6912](https://github.com/woocommerce/woocommerce-blocks/pull/6912)) + +1. Add the `Filter by Attribute` block to a page. +2. Check the copy and the design matches with the new design. +3. Check no regression has happened. + +### Terms and conditions, and Privacy policy links open in a new tab by default. ([6908](https://github.com/woocommerce/woocommerce-blocks/pull/6908)) + +1. Insert Checkout page and save the page. +2. On frontend, click on the terms or privacy links in the checkout block. +3. They should open in a new tab. + +### Layout updates to the Active Filters block. ([6905](https://github.com/woocommerce/woocommerce-blocks/pull/6905)) + +1. Add the Active Filters block alongside some other Filters blocks. +2. Apply some filters to the page. +3. Confirm the layout matches the **After** screenshot above. +4. Confirm the **Remove Filter** buttons for each active filter have a hover state of an alternate shade of grey - also confirm they function as expected. + +| Before | After | +| ------ | ----- | +| CleanShot 2022-08-24 at 09 22 27@2x | CleanShot 2022-08-24 at 09 19 27@2x | +| | | +| CleanShot 2022-08-24 at 09 21 47@2x | CleanShot 2022-08-24 at 09 20 16@2x | + +### Update the design of the Filter Products by Stock block. ([6883](https://github.com/woocommerce/woocommerce-blocks/pull/6883)) + +1. Add the Filter by Stock component to a page using the All Products block, and also a block template. +2. Check that the control panel for this block looks like the design (minus Typography) +3. On both the page and the template frontends select a checkbox and observe that it looks as it should do with the design. +4. Check that a "Reset" button appears and clicking this resets the filter again. +5. Now go to your Edit Page & Edit Template pages and enable "'Apply filters' button". +6. On the frontends again, re-select your filter options and check that they are not applied immediately until you click "Apply" +7. Check that when this block is used with the PHP template & the All Products block that regardless of whether the "Apply Filters" button is active, that clicking "Reset" immediately clears the selected filter options + +| Before | After | +| ------ | ----- | +| Screenshot 2022-08-17 at 12 33 57 | Screenshot 2022-08-17 at 12 32 28 | + +### Update the design of the Filter Products by Price block. ([6877](https://github.com/woocommerce/woocommerce-blocks/pull/6877)) + +1. Add `Filter Products by Price` block to a page. +2. Verify that the `Inline input fields` only shows when the `Price Range` is Editable. +3. Toggle Inline input fields, see the block in the editor updates accordingly. +4. Toggle Filter button, see the Reset and Apply button. +5. Add the All Products block then save the page. +6. On the front end, see the new style applied as in the editor. +7. Change the price using the slider then click the Apply button. +8. See the filter works as expected. +9. Click on the Reset button, see the price filter is reset. (Even if the filter button is enabled, clicking on the reset button should reset the filter query). +10. Tested again with PHP templates, ensure no regression. + +image + +### Allow making the Cart/Checkout block page the default one from within the editor. ([6867](https://github.com/woocommerce/woocommerce-blocks/pull/6867)) + +To test this feature you need the latest trunk of WooCommerce, or WooCommerce 6.9.0. For older versions of WC (pre 6.9.0), the notice would show the old text: + +image + +1. Make sure you have a Cart and Checkout pages in WooCommerce -> Settings -> Advanced. +2. Those pages urls can be `/cart` and `/checkout`. +3. Open a new page, give it a title, insert Cart block. +4. Select Cart block, you should see the notice, select an inner block, you should see the notice as well. +5. Click on the notice, it will load for a couple of seconds, once it's green, visit your new page. +6. Make sure it's on the previous url, so `/cart`. +7. Go back to settings, make sure your new page is that value there. +8. Do the same thing for Checkout block. +9. Open a new page, add Cart block, save the page and publish it. +10. Select the block or one of its inner blocks, start the flow again. +11. It should work, confirm that by visiting the frontend. + + + +### Register product search as a core/search variation when available. ([6191](https://github.com/woocommerce/woocommerce-blocks/pull/6191)) + +1. Ensure the Gutenberg version is ≥ 13.4 and it is deactivated. +2. With a block theme (2022 for example), add the Product Search block to the header. +3. See the Product Search is the independent block (as it is in `trunk`), not a variation of the Search block. See the block is editable in the editor and working as expected on the front end. +4. Activate Gutenberg. +5. On the front end, see the block is still working as expected and is still a WC block (notice the classes, and search icon). +6. Edit the header, see the Deprecation notice, and a call to action button to upgrade the search block to search variation. +7. Click on the CTA button to see if the block is converted to WC variation of the core search block. +8. Save and see the block functions flawlessly on the front end. +9. Edit the header again, try adding the Product Search block, only variation is available in the inserter. The legacy can't be found and inserted from the inserter. + + + +### Fixed a bug with a class name deriving from a translatable string. ([6914](https://github.com/woocommerce/woocommerce-blocks/pull/6914)) + +1. Add an item to your cart that has multiple variants. E.g. Hoodie (Blue, Logo) +2. Go to the Cart Block +3. Inspect the text for one of the variants (e.g. Colour: Blue) +4. Make sure there is a class called `wc-block-components-product-details__item` on the `
  • ` element. This should be a child of `