Skip to content
This repository was archived by the owner on Feb 23, 2024. It is now read-only.

Commit 85c42cc

Browse files
AljulluAljullu
committed
Add 8.2.0 testing steps
1 parent 218024b commit 85c42cc

File tree

2 files changed

+156
-0
lines changed

2 files changed

+156
-0
lines changed

‎docs/internal-developers/testing/releases/820.md

Lines changed: 155 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
# Testing notes and ZIP for release 8.2.0
2+
3+
Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/9235482/woocommerce-gutenberg-products-block.zip)
4+
5+
## Feature plugin and package inclusion in WooCommerce
6+
7+
### Remove compatibility notice for Mini Cart block ([6803](https://github.com/woocommerce/woocommerce-blocks/pull/6803))
8+
9+
0. Make sure you have a blocks theme active (like Twenty Twenty-Two).
10+
1. Clear the local storage of your browser.
11+
2. Add the Mini Cart block to the header template part.
12+
3. Don't see compatibility notice.
13+
4. Create a new page > Add the Cart block to that page.
14+
5. See the compatibility notice as normal.
15+
16+
### Add new icon for mini cart block ([6784](https://github.com/woocommerce/woocommerce-blocks/pull/6784))
17+
18+
1. Make sure you have a blocks theme active (like Twenty Twenty-Two).
19+
2. Navigate to **Appearance > Editor (Beta)** and add a Mini Cart block somewhere in your site.
20+
3. Select the Mini Cart block in the editor and confirm the icon in the inserter and toolbar reflect the changes.
21+
22+
| Before | After |
23+
| ------ | ----- |
24+
| ![CleanShot 2022-07-28 at 14 57 58](https://user-images.githubusercontent.com/481776/181622493-d618649c-e9ee-4649-9e10-a2aed6737fc5.png) | ![CleanShot 2022-07-28 at 15 31 41](https://user-images.githubusercontent.com/481776/181622516-4bade22f-944a-488e-aacc-6094afa97efe.png) |
25+
26+
### Fix: Replace DropdownSelector with FormTokenField from Gutenberg ([6647](https://github.com/woocommerce/woocommerce-blocks/pull/6647))
27+
28+
1. Add the Filter Products by Attribute block and the All Products block into a post or page.
29+
2. Change the display type bof Filter Products by Attribute to `Dropdown`.
30+
3. Ensure the block functions normally.
31+
4. Enable the Filter button, and ensure the block functions normally.
32+
33+
### Use the archive-product template to render product attributes pages ([6776](https://github.com/woocommerce/woocommerce-blocks/pull/6776))
34+
35+
1. Make sure you have a blocks theme active (like Twenty Twenty-Two).
36+
2. Navigate to `Products` > `Attributes` and edit an existing one or create a new one.
37+
3. Click the `Enable Archives` option and save, go back.
38+
4. Click `Configure terms` next to your attribute.
39+
5. Hover over one of the terms and click the `View` link of one of the attributes.
40+
6. Check that the page is rendered with a header, a footer, and using a product grid.
41+
42+
| Before | After |
43+
| ------ | ----- |
44+
| <img width="1338" alt="Screenshot 2022-07-27 at 16 38 51" src="https://user-images.githubusercontent.com/186112/181275852-03346db7-efa1-40bc-9e11-17d5c83fafe8.png"> | ![Screenshot 2022-07-27 at 16 38 41](https://user-images.githubusercontent.com/186112/181275933-3b712c54-1c6f-4578-8a25-659052cde175.png)|
45+
46+
### All Products block: Migrate to block.json ([6754](https://github.com/woocommerce/woocommerce-blocks/pull/6754))
47+
48+
1. Add the All Products block to a post or page.
49+
2. Verify it works as before in the editor and the frontend and there are no errors.
50+
51+
### Start using block.json and convert to TS the Product by Category block ([6680](https://github.com/woocommerce/woocommerce-blocks/pull/6680))
52+
53+
Test that there are no regressions compared with the previous `Products by Category` block version.
54+
55+
1. Create a page and add a `Products by Category` block.
56+
2. Save the page and check it renders correctly the default config in the frontend.
57+
3. Edit the page again and make some changes to the block (hiding some content, changing columns number, ordering, etc.).
58+
4. Save the page and check it renders properly with the new config.
59+
60+
### Start using block.json and convert to TS the Product Best Sellers block ([6683](https://github.com/woocommerce/woocommerce-blocks/pull/6683))
61+
62+
Test that there are no regressions compared with the previous `Product Best Sellers` block version.
63+
64+
1. Create a page and add a `Product Best Sellers` block.
65+
2. Save the page and check it renders correctly the default config in the frontend.
66+
3. Edit the page again and make some changes to the block (hiding some content, changing columns number, ordering, etc.).
67+
4. Save the page and check it renders properly with the new config.
68+
69+
### Select the correct inner button for the "Featured Item" button to update its url ([6741](https://github.com/woocommerce/woocommerce-blocks/pull/6741))
70+
71+
1. Create a new page and add a `Featured Product` block.
72+
2. Edit the block and select a different product.
73+
3. Make sure the button URL on the block is updated to the new product link.
74+
4. Duplicate the block and change the new block to a different product.
75+
5. Make sure the button URL on the block is updated to the new product link.
76+
6. Repeat 1-5 for the `Featured Category` block.
77+
78+
### Fix: navigate through Mini Cart contents with keyboard ([6731](https://github.com/woocommerce/woocommerce-blocks/pull/6731))
79+
80+
1. In the site editor, add the Mini Cart block to your site header.
81+
2. Edit the Mini Cart template part and add an image in the inner contents.
82+
3. In the frontend, add some products to the Cart.
83+
4. With the keyboard, open the Mini Cart.
84+
5. With the <kbd>Tab</kbd> key try to navigate to the Mini Cart products.
85+
6. Notice you can focus the Mini Cart products inner elements.
86+
87+
### Fix: WooCommerce messages don't appear in block themes with Mini Cart block ([6728](https://github.com/woocommerce/woocommerce-blocks/pull/6728))
88+
89+
1. Switch to a block theme (ie: Twenty Twenty-Two), add the Mini Cart block to the header, and go to a product page.
90+
2. Add the product to your cart.
91+
3. Notice the add to cart success message is shown on the top of the page.
92+
93+
### SearchListControl: Fix preserving case of original item ([6551](https://github.com/woocommerce/woocommerce-blocks/pull/6551))
94+
95+
1. Add a “Hand-picked Products” block to your page.
96+
2. Type the name of one of your products with the incorrect case (e.g. if you have imported the sample data, type “hOoDiE”.
97+
3. Make sure all matching products appear on the list.
98+
4. Make sure all items on the list preserve their original case.
99+
100+
101+
| Before | After |
102+
| ------ | ----- |
103+
| <img width="747" alt="172268138-7445fbf1-ad25-4716-8b5a-ee4b463af54b" src="https://user-images.githubusercontent.com/1847066/173202016-249f5fe1-08f1-4ab9-aec5-18507c754d68.png"> | ![Screenshot 2022-06-11 at 21 16 42](https://user-images.githubusercontent.com/1847066/173202019-aa3659e5-0dd4-454b-95bd-f2ead03ee40d.png) |
104+
105+
## Feature plugin
106+
107+
### Fix proceed to checkout button on Cart ([6804](https://github.com/woocommerce/woocommerce-blocks/pull/6804))
108+
109+
1. In a new page, insert Cart block.
110+
2. Select Proceed to Checkout block.
111+
3. In the sidebar, change the link to something else.
112+
4. On frontend, add an item to cart, go that newly created cart page, and click the proceed to checkout button.
113+
5. It should take you to your new page.
114+
115+
### Ensure addresses sync correctly when loading the Checkout Shipping Address Block ([6773](https://github.com/woocommerce/woocommerce-blocks/pull/6773))
116+
117+
1. Add items to your cart.
118+
2. Go to the Checkout Block
119+
3. Uncheck "use shipping as billing" and fill out different addresses for shipping and billing.
120+
4. Place the order and verify on the order confirmation screen that the addresses were different.
121+
5. Add another item to your cart then go to the Checkout Block.
122+
6. Leave "use shipping as billing" checked.
123+
7. Place order, check the thank you page, ensure the billing and shipping addresses match.
124+
125+
### Ensure shipping rate names show when multiple packages are used ([6753](https://github.com/woocommerce/woocommerce-blocks/pull/6753))
126+
127+
1. Install the ["Multiple Packages for WooCommerce" plugin](https://wordpress.org/plugins/multiple-packages-for-woocommerce/)
128+
2. Navigate to WooCommerce -> Settings -> Multiple Packages
129+
3. Adjust the settings to work based on "Per Product"
130+
4. Add two/three/four different products to the cart and typically need shipping.
131+
5. Go the checkout page and look at the shipping options, ensure there is a title for each one.
132+
6. Disable the plugin and reload the Checkout Block, ensure the shipping section still looks OK.
133+
134+
| Before | After |
135+
| ------ | ----- |
136+
| <img src="https://user-images.githubusercontent.com/6944811/169669731-e783c2e1-3d12-4b9d-8cdd-c2eb0c8ce339.png" /> | <img width="490" alt="image" src="https://user-images.githubusercontent.com/5656702/180825265-553e6c81-9f79-4a25-ac80-efcbd239ecf4.png"> |
137+
138+
### Fix missing translations in inspector ([6737](https://github.com/woocommerce/woocommerce-blocks/pull/6737))
139+
140+
1. Change your site language (I tested using French & NL)
141+
2. Go to the C&C Blocks (Editor mode)
142+
3. Select each inner block and make sure the `title` & `description` are translated in the inspector. See image below:
143+
144+
![image](https://user-images.githubusercontent.com/14235870/181719689-f9decbdd-5bc6-4192-8612-4b2696a8d7c4.png)
145+
146+
<!-- FEEDBACK -->
147+
148+
---
149+
150+
[We're hiring!](https://woocommerce.com/careers/) Come work with us!
151+
152+
🐞 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)
153+
154+
<!-- /FEEDBACK -->
155+

‎docs/internal-developers/testing/releases/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,7 @@ Every release includes specific testing instructions for new features and bug fi
8383
- [7.9.0](./790.md)
8484
- [8.0.0](./800.md)
8585
- [8.1.0](./810.md)
86+
- [8.2.0](./820.md)
8687

8788
<!-- FEEDBACK -->
8889

0 commit comments

Comments
 (0)