woocommerce/plugins/woocommerce-blocks/docs/testing/releases/531.md

## Testing notes and ZIP for release 5.3.1

Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-gutenberg-products-block/files/6654288/woocommerce-gutenberg-products-block.zip)

## Feature plugin and package inclusion in WooCommerce core

### Fix Product Categories List display issues in WP 5.8. ([4335](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4335))

1. In your admin panel, install and activate the [Gutenberg Plugin](https://wordpress.org/plugins/gutenberg/). 
2. Install the [TT1 Blocks](https://wordpress.org/themes/tt1-blocks/) theme
3. In the Admin sidebar click on to the Site Editor (beta) menu
4. Add a Product Categories List block.
5. Set the `Show category images` attribute to true.
6. Verify images have the correct size:

| Before | After |
| --- | --- |
| ![Screenshot of Products Categories List rendering huge images](https://user-images.githubusercontent.com/3616980/121377547-b6fd2500-c942-11eb-8823-1dec7e8f4e72.png) | ![Screenshot of Products Categories List rendering images of the correct size](https://user-images.githubusercontent.com/3616980/121376793-1a3a8780-c942-11eb-914b-911192b07250.png) |

5. With the same theme, add the Product Categories List block to a post or page and verify there is no bottom space between the image and the border.

| Before | After |
| --- | --- |
| ![Screenshot of Products Categories List images having a border offset](https://user-images.githubusercontent.com/3616980/121377492-ac429000-c942-11eb-86ac-8075341ab1ac.png) | ![Screenshot of Products Categories List images without the border offset](https://user-images.githubusercontent.com/3616980/121376865-2c1c2a80-c942-11eb-9f6e-79c51bfa2a49.png) |

### Make Product Categories List links unclickable in the editor. ([4339](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4339))

1. Add the Product Categories List block to a post or page.
2. Try to click on a Category Link.<br>
![Scheenshot of pointer cursor over a category name](https://user-images.githubusercontent.com/3616980/121380040-d8f7a700-c944-11eb-98e1-24736043dc0a.png)
3. Verify you can't click on it and you aren't redirected to the Category page.

### Load woocommerce.css in Site editor. ([4345](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4345))

1. Make sure you are using the latest version of WooCommerce `trunk`.
2. Enable a block-based theme (ie: TT1 Blocks) and Gutenberg.
3. Go to the Site Editor.
4. Add a Reviews block and verify rating stars are rendered correctly.

| Before | After |
| --- | --- |
| ![Screenshot where rating stars are replaced by S](https://user-images.githubusercontent.com/3616980/121849894-3cd6f280-ccec-11eb-81e4-de37f47ef9d3.png) | ![Schreenshot where rating stars are rendered correctly](https://user-images.githubusercontent.com/3616980/121849806-1fa22400-ccec-11eb-9359-007a4c6dd8a7.png) |