# Testing notes and ZIP for release 10.6.2 Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/12214223/woocommerce-gutenberg-products-block.zip) ## WooCommerce Core ### Fix: WooCommerce Blocks causing malfunction of the navigation block on WordPress 6.3. [#10388](https://github.com/woocommerce/woocommerce-blocks/pull/10388) 1. Ensure you have a local install up and running with the release candidate version of WordPress 6.3. You can do so by downloading it via WP-CLI: `wp core update --version=6.3-RC1 --force` followed by `wp core update-db`. Alternatively, you can also download the zip for the release [over here](https://wordpress.org/wordpress-6.3-RC1.zip). 2. Ensure you have a block theme enabled such as Twenty-Twenty Three 3. Create a new post 4. Insert the navigation block 5. Make sure you can correctly preview it without any problems, as demonstrated in the screenshot in the description of this PR. 6. Now head over to Appearence > Editor > Templates > Product Catalog and edit it. 7. If you are seeing the "WooCommerce Product Grid Block", click on "Transform into blocks": Screenshot 2023-07-27 at 18 56 37 8. Now, on the sidebar, click on Template and ensure the "Revert to classic template" button is visible (as demonstrated on the screenshot in the description of this PR). 9. Click on "Revert to classic template" button and make sure everything works as expected: the product blocks should be replaced with the "WooCommerce Product Grid Block". ### Check if WordPress version is higher than 6.2.2 to make Products block compatible with Gutenberg 16+. [#10360](https://github.com/woocommerce/woocommerce-blocks/pull/10360) | Before - no layout option is chosen, which defaults to list | After - grid option is chosen by default| | ------ | ----- | | image | image | Check below steps in following configurations: - WordPress 6.2: - [ ] Gutenberg 16 enabled - [ ] Gutenberg 16 disabled - WordPress 6.3: - [ ] Gutenberg 16 enabled - [ ] Gutenberg 16 disabled 1. Create new post 2. Add Products (Beta) block 3. **Expected**: It has grid layout applied by default ### Render Checkout/Cart containing pages without template overriding. [#10359](https://github.com/woocommerce/woocommerce-blocks/pull/10359) 1. Create a page/post with cart or checkout shortcodes, and save it with a different slug from the ones in WooCommerce > Advanced screen. 2. Add extra test content. 3. On the store, accessing the page/post will render it properly. Accessing the cart/checkout endpoints presented on WooCommerce > Advanced screen ### Remove opinionated styles from Product Hero pattern. [#10255](https://github.com/woocommerce/woocommerce-blocks/pull/10255) 1. In the post editor or the site editor, add the Product Hero pattern. 2. Verify it looks like the _After_ patterns in screenshot below (styles adapt to the theme) and it matches the design (see ). Desktop | Mobile --- | --- ![imatge](https://github.com/woocommerce/woocommerce-blocks/assets/3616980/8c320dea-bd0c-4a6c-af10-12121b3784f4) | ![imatge](https://github.com/woocommerce/woocommerce-blocks/assets/3616980/ee00385b-4752-4f5f-b44c-5549f8b2b604) ### Per block stylesheets. [#9831](https://github.com/woocommerce/woocommerce-blocks/pull/9831) 1. Create a post or page and add the All Products block. Verify styles are loaded correctly. 2. Visit the page in the frontend and verify styles are loaded correctly in the frontend as well. 3. Repeat steps 1 and 2 with all blocks listed on [this page](https://wordpress.org/plugins/woo-gutenberg-products-block/). Make sure to test each block individually. So, when possible, try with only one block on the page (in some cases, that's not possible, ie: filter blocks, in that case, try with as few blocks as possible on the page). The reason is that we want to make sure each block includes the style dependencies that it needs, so they need to be tested in isolation, otherwise styles from other blocks might leak into other blocks and "help fix issues".