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

Commit d95c4c2

Browse files
tarhi-saadtarhi-saad
committed
Add testing instructions & release zip
1 parent ca9b25c commit d95c4c2

File tree

2 files changed

+137
-0
lines changed

2 files changed

+137
-0
lines changed

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

Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
# Testing notes and ZIP for release 8.4.0
2+
3+
Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/9444105/woocommerce-gutenberg-products-block.zip)
4+
5+
## Feature plugin and package inclusion in WooCommerce
6+
7+
### Update the filter `Apply` buttons to match the new designs. ([6958](https://github.com/woocommerce/woocommerce-blocks/pull/6958))
8+
9+
1. Create a new page and add the `All Products` block and the filter pattern containing all filter blocks.
10+
2. Save it and check the buttons look like the `After` screenshot on the editor and the frontend.
11+
12+
| Before | After |
13+
| ------ | ----- |
14+
| <img width="664" alt="Screenshot 2022-08-22 at 16 03 13" src="https://user-images.githubusercontent.com/186112/185940267-432c2866-c41a-4fda-8b0d-e6fbd3ef397b.png"> | <img width="684" alt="Screenshot 2022-08-23 at 10 41 03" src="https://user-images.githubusercontent.com/186112/186113450-1e59dfe5-6619-41e9-8f0c-a2e71a8eedde.png">|
15+
16+
### Update the design of the Filter Products by Attribute block. ([6920](https://github.com/woocommerce/woocommerce-blocks/pull/6920))
17+
18+
1. Add the `Filter by Attribute` block to a page.
19+
2. Check that it looks like the new design in the editor and the front-end.
20+
3. Check that the `Reset` button appears when a checkbox is checked.
21+
4. Edit the page and change the Display Style to dropdown.
22+
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)
23+
24+
| Before | After |
25+
| ------ | ----- |
26+
| <img width="675" alt="Screenshot 2022-08-19 at 11 36 19" src="https://user-images.githubusercontent.com/186112/185591110-209a3767-9701-4564-978c-c61a6b805ff6.png"> | <img width="691" alt="Screenshot 2022-08-19 at 11 35 10" src="https://user-images.githubusercontent.com/186112/185591165-f1216f4b-b8ee-4af6-9519-ddafb437894e.png"> |
27+
| <img width="668" alt="Screenshot 2022-08-19 at 11 36 41" src="https://user-images.githubusercontent.com/186112/185591294-dd6d531c-5dfc-471a-ad96-6d7b57b63550.png">| <img width="673" alt="Screenshot 2022-08-19 at 11 37 15" src="https://user-images.githubusercontent.com/186112/185591322-917c6967-289b-44c8-932f-9b29d84be815.png"> |
28+
| <img width="685" alt="Screenshot 2022-08-19 at 11 38 01" src="https://user-images.githubusercontent.com/186112/185591479-b914d75e-b176-485c-93d0-35ac969fbbae.png"> | <img width="670" alt="Screenshot 2022-08-19 at 11 37 28" src="https://user-images.githubusercontent.com/186112/185591503-b0705eba-58ba-4536-b97f-cff5f1761244.png"> |
29+
30+
### Update the design of the Filter by Attribute block settings panel. ([6912](https://github.com/woocommerce/woocommerce-blocks/pull/6912))
31+
32+
1. Add the `Filter by Attribute` block to a page.
33+
2. Check the copy and the design matches with the new design.
34+
3. Check no regression has happened.
35+
36+
### Terms and conditions, and Privacy policy links open in a new tab by default. ([6908](https://github.com/woocommerce/woocommerce-blocks/pull/6908))
37+
38+
1. Insert Checkout page and save the page.
39+
2. On frontend, click on the terms or privacy links in the checkout block.
40+
3. They should open in a new tab.
41+
42+
### Layout updates to the Active Filters block. ([6905](https://github.com/woocommerce/woocommerce-blocks/pull/6905))
43+
44+
1. Add the Active Filters block alongside some other Filters blocks.
45+
2. Apply some filters to the page.
46+
3. Confirm the layout matches the **After** screenshot above.
47+
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.
48+
49+
| Before | After |
50+
| ------ | ----- |
51+
| <img width="725" alt="CleanShot 2022-08-24 at 09 22 27@2x" src="https://user-images.githubusercontent.com/481776/186429719-de3cb516-467a-4635-b336-64bf63b96f9e.png"> | <img width="650" alt="CleanShot 2022-08-24 at 09 19 27@2x" src="https://user-images.githubusercontent.com/481776/186429883-6bfe4c9d-d7a4-4caf-a31f-72dbd33f88a7.png"> |
52+
| | |
53+
| <img width="725" alt="CleanShot 2022-08-24 at 09 21 47@2x" src="https://user-images.githubusercontent.com/481776/186430028-2f076c50-d6c9-4931-b5d1-347c844c43d1.png"> | <img width="650" alt="CleanShot 2022-08-24 at 09 20 16@2x" src="https://user-images.githubusercontent.com/481776/186430096-b2841edf-bbc3-47dc-8f36-7b568e697310.png"> |
54+
55+
### Update the design of the Filter Products by Stock block. ([6883](https://github.com/woocommerce/woocommerce-blocks/pull/6883))
56+
57+
1. Add the Filter by Stock component to a page using the All Products block, and also a block template.
58+
2. Check that the control panel for this block looks like the design (minus Typography)
59+
3. On both the page and the template frontends select a checkbox and observe that it looks as it should do with the design.
60+
4. Check that a "Reset" button appears and clicking this resets the filter again.
61+
5. Now go to your Edit Page & Edit Template pages and enable "'Apply filters' button".
62+
6. On the frontends again, re-select your filter options and check that they are not applied immediately until you click "Apply"
63+
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
64+
65+
| Before | After |
66+
| ------ | ----- |
67+
| <img width="509" alt="Screenshot 2022-08-17 at 12 33 57" src="https://user-images.githubusercontent.com/8639742/185108568-1c6875e8-10a1-4070-919d-876c42af8a89.png"> | <img width="555" alt="Screenshot 2022-08-17 at 12 32 28" src="https://user-images.githubusercontent.com/8639742/185410884-45952fdd-14fe-4784-9ba6-c58c248630ad.png"> |
68+
69+
### Update the design of the Filter Products by Price block. ([6877](https://github.com/woocommerce/woocommerce-blocks/pull/6877))
70+
71+
1. Add `Filter Products by Price` block to a page.
72+
2. Verify that the `Inline input fields` only shows when the `Price Range` is Editable.
73+
3. Toggle Inline input fields, see the block in the editor updates accordingly.
74+
4. Toggle Filter button, see the Reset and Apply button.
75+
5. Add the All Products block then save the page.
76+
6. On the front end, see the new style applied as in the editor.
77+
7. Change the price using the slider then click the Apply button.
78+
8. See the filter works as expected.
79+
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).
80+
10. Tested again with PHP templates, ensure no regression.
81+
82+
<img width="1256" alt="image" src="https://user-images.githubusercontent.com/5423135/184097877-5210b4c6-907b-404f-bcf3-c7d83c02a563.png">
83+
84+
### Allow making the Cart/Checkout block page the default one from within the editor. ([6867](https://github.com/woocommerce/woocommerce-blocks/pull/6867))
85+
86+
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:
87+
88+
<img width="297" alt="image" src="https://user-images.githubusercontent.com/6165348/184404663-11cac5f1-1729-4782-a39f-ee5f101a78a7.png">
89+
90+
1. Make sure you have a Cart and Checkout pages in WooCommerce -> Settings -> Advanced.
91+
2. Those pages urls can be `/cart` and `/checkout`.
92+
3. Open a new page, give it a title, insert Cart block.
93+
4. Select Cart block, you should see the notice, select an inner block, you should see the notice as well.
94+
5. Click on the notice, it will load for a couple of seconds, once it's green, visit your new page.
95+
6. Make sure it's on the previous url, so `/cart`.
96+
7. Go back to settings, make sure your new page is that value there.
97+
8. Do the same thing for Checkout block.
98+
9. Open a new page, add Cart block, save the page and publish it.
99+
10. Select the block or one of its inner blocks, start the flow again.
100+
11. It should work, confirm that by visiting the frontend.
101+
102+
![video](https://user-images.githubusercontent.com/6165348/183219991-4b904273-67ef-43e1-94fb-7498531f104f.mov)
103+
104+
### Register product search as a core/search variation when available. ([6191](https://github.com/woocommerce/woocommerce-blocks/pull/6191))
105+
106+
1. Ensure the Gutenberg version is ≥ 13.4 and it is deactivated.
107+
2. With a block theme (2022 for example), add the Product Search block to the header.
108+
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.
109+
4. Activate Gutenberg.
110+
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).
111+
6. Edit the header, see the Deprecation notice, and a call to action button to upgrade the search block to search variation.
112+
7. Click on the CTA button to see if the block is converted to WC variation of the core search block.
113+
8. Save and see the block functions flawlessly on the front end.
114+
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.
115+
116+
![video](https://user-images.githubusercontent.com/5423135/181692749-8ce8ea51-824a-49c3-97e3-fc1c05130fdb.mov)
117+
118+
### Fixed a bug with a class name deriving from a translatable string. ([6914](https://github.com/woocommerce/woocommerce-blocks/pull/6914))
119+
120+
1. Add an item to your cart that has multiple variants. E.g. Hoodie (Blue, Logo)
121+
2. Go to the Cart Block
122+
3. Inspect the text for one of the variants (e.g. Colour: Blue)
123+
4. Make sure there is a class called `wc-block-components-product-details__item` on the `<li>` element. This should be a child of `<ul className="wc-block-components-product-details">`
124+
5. Change the language of your store
125+
6. Refresh the cart page
126+
7. Repeat steps 3 and 4. You should see the same result.
127+
128+
<!-- FEEDBACK -->
129+
130+
---
131+
132+
[We're hiring!](https://woocommerce.com/careers/) Come work with us!
133+
134+
🐞 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)
135+
136+
<!-- /FEEDBACK -->

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,7 @@ Every release includes specific testing instructions for new features and bug fi
8787
- [8.2.1](./821.md)
8888
- [8.3.0](./830.md)
8989
- [8.3.1](./831.md)
90+
- [8.4.0](./840.md)
9091

9192
<!-- FEEDBACK -->
9293

0 commit comments

Comments
 (0)