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

Commit d6f4dcf

Browse files
nielslangenielslange
committed
Update testing notes
1 parent f78dc44 commit d6f4dcf

File tree

2 files changed

+139
-1
lines changed

2 files changed

+139
-1
lines changed

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

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
# Testing notes and ZIP for release 10.9.0
2+
3+
Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/12334709/woocommerce-gutenberg-products-block.zip)
4+
5+
## WooCommerce Core
6+
7+
### Enhancements
8+
9+
#### Add the `wc-blocks-footer-pattern` class identifier to all footer patterns. [#10542](https://github.com/woocommerce/woocommerce-blocks/pull/10542)
10+
11+
1. Create a new post
12+
2. Insert the following footer patterns to the post:
13+
14+
- Large Footer
15+
- Large Footer Dark
16+
- Simple Footer
17+
- Simple Footer Dark
18+
- Footer with Simple Menu and Cart
19+
- Footer with 2 Menus
20+
- Footer with 2 Menus Dark
21+
- Footer with 3 Menus
22+
23+
3. Open the code editor and make sure you can see the `wc-blocks-footer-pattern` class in all footer patterns:
24+
25+
<img width="1997" alt="Screenshot 2023-08-11 at 11 16 38" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/05048b34-92ed-4020-a4be-87e4a72e2a16">
26+
27+
4. No changes should be observed by the end users: all patterns listed above should work as expected both on the editor side and on the front end.
28+
29+
#### Add the `wc-blocks-header-pattern` class identifier to all header patterns. [#10541](https://github.com/woocommerce/woocommerce-blocks/pull/10541)
30+
31+
1. Create a new post
32+
2. Insert the following header patterns to the post:
33+
34+
- Centered Header Menu with Search
35+
- Essential Header
36+
- Essential Header Dark
37+
- Large Header
38+
- Large Header Dark
39+
- Minimal Header
40+
41+
3. Open the code editor and make sure you can see the `wc-blocks-header-pattern` class in all header patterns:
42+
43+
<img width="1604" alt="Screenshot 2023-08-11 at 10 55 27" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/2f534cf2-1b6e-428f-87e3-c08d5cd6db51">
44+
45+
4. No changes should be observed by the end users: all patterns listed above should work as expected both on the editor side and on the front end.
46+
47+
#### Featured Products: Fresh & Tasty pattern: Enhance mobile view and optimize images. [#10521](https://github.com/woocommerce/woocommerce-blocks/pull/10521)
48+
49+
1. Create a new post
50+
2. Insert the **Featured Products: Fresh & Tasty** pattern
51+
3. Make sure the pattern is properly displayed in the editor without any problems
52+
4. Save the post and head over to the front-end
53+
5. Make sure the pattern is correctly displayed and the mobile view matches the screenshot provided on the description of this PR.
54+
55+
#### Add placeholder images and update text styles for the Alternating Image and Text pattern. [#10479](https://github.com/woocommerce/woocommerce-blocks/pull/10479)
56+
57+
1. Create a new post.
58+
2. Insert the **Alternating Image and Text** pattern.
59+
3. Save the post and ensure everything is working as expected both in the editor and on the frontend. The designs should match the "After" screenshot on this PR.
60+
61+
#### Performance: Selecting shipping rates during checkout, and API calls in general, are now faster. Shipping selection improved by at least 1 second. [#10472](https://github.com/woocommerce/woocommerce-blocks/pull/10472)
62+
63+
1. Add items to the cart and head to checkout.
64+
2. Enter your address. Ensure your store has a few shipping methods to choose from.
65+
3. Select a shipping rate. Confirm the UI is blocked (cursor change, faded out radio button).
66+
4. Confirm shipping totals etc update successfully.
67+
68+
#### Checkout: Prevent postcode validation error notice appearing after pushing changes for other fields. [#10315](https://github.com/woocommerce/woocommerce-blocks/pull/10315)
69+
70+
1. Add some items to the cart and go to the checkout page
71+
2. Fill out your shipping address and ensure rates appear. You need to complete all required fields before this occurs.
72+
3. Type into a shipping address field. After a short delay confirm that the shipping rates refresh.
73+
4. Type into a different field. Without waiting, tab out of the field. The refresh should happen immediately.
74+
5. Interact with the postcode + country fields.
75+
- Choose Algeria. Enter invalid postcode e.g. ABC. Notice the inline validation.
76+
- Choose Albania. Inline validation should disappear. The postcode is now valid.
77+
- Go back to Algeria. The postcode will clear. There should be no validation message visible.
78+
- Place order. Empty postcode field now has a validation message.
79+
6. Correct all errors and successfully place the order.
80+
81+
#### Product Button block: Integrate Interactivity API to make the block dynamically. [#10006](https://github.com/woocommerce/woocommerce-blocks/pull/10006)
82+
83+
1. Ensure that you are using the Blockified Product Catalog Template. If not, enable it.
84+
2. Open the Site Editor and add the Mini Cart Block on the header. Save.
85+
3. Visit the Product Catalog (`/shop`).
86+
4. Click the button to ensure the product is added to the cart.
87+
5. Ensure that the transition Add to cart -> loading status -> 1 in the cart is smooth.
88+
6. Click on the Mini Cart.
89+
7. Edit the quantity of the product.
90+
8. Ensure that the changes are reflected in the Product Button.
91+
9. Via dev tools ensure that the button element has the class `added` when the product is in the cart, and the button element has the class `loading` while the product is added to the cart.
92+
93+
##### Test ProductButton with cache plugin
94+
95+
1. Install the plugin [WP Optimize](https://wordpress.org/plugins/wp-optimize/).
96+
2. Ensure that your cart is empty.
97+
3. Ensure that you have the Mini Cart block in the header.
98+
4. Enable the cache.
99+
5. Visit the page with the Products block.
100+
6. Refresh the page.
101+
7. Add a product.
102+
8. Refresh the page.
103+
9. Ensure that the counter is updated with a smoother animation.
104+
10. Open the Mini Cart block and change the quantity of the product in the cart.
105+
11. Ensure that the counter inside the button is updated with a smoother animation.
106+
12. Disable the plugin.
107+
13. Visit the page with the Products block.
108+
14. Open the Mini Cart block and change the quantity of the product in the cart.
109+
15. Ensure that the counter inside the button is updated with a smoother animation.
110+
16. Ensure that there isn't any regression.
111+
112+
### Bug Fixes
113+
114+
#### Fix Express Payments buttons display in the Cart block. [#10534](https://github.com/woocommerce/woocommerce-blocks/pull/10534)
115+
116+
1. activate Stripe and PayPal and make sure they are active
117+
2. add a product to cart
118+
3. visit the Cart block and make sure buttons are stacked
119+
4. go to the Checkout block and make sure buttons are in a grid
120+
5. repeat the testing in the editor as well
121+
6. repeat the steps with different screen sizes
122+
7. Mini cart does not display express payments so it does not need testing
123+
124+
#### Fixed a bug which caused theme border colors to not correctly show on the blocks on the editor side. [#10468](https://github.com/woocommerce/woocommerce-blocks/pull/10468)
125+
126+
1. Add a “Featured Category” block to your page.
127+
2. Open the Inspector Controls → Styles tab → Add a border.
128+
3. Select a custom width and select a color from the theme colors.
129+
4. Ensure this color is shown correctly in the editor.
130+
5. [Regression test] Ensure custom colors are shown correctly in the editor.
131+
6. [Regression test] Ensure both are shown in the front-end.
132+
133+
#### Fix an issue where inner Cart blocks were incorrectly nested. [#10447](https://github.com/woocommerce/woocommerce-blocks/pull/10447)
134+
135+
1. Enable a block theme.
136+
2. Go to Appearance -> Editor -> Templates -> Cart.
137+
3. Edit the template and click the "Cart" button at the top of the editor - a dropdown will appear. Click "Clear customizations" here (If it does not show then proceed anyway)
138+
4. Open the list view of blocks, and expand the Cart block, and the Empty Cart block. Ensure there are no duplicate Empty/Filled cart blocks in the top-level Empty Cart block.

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ Every release includes specific testing instructions for new features and bug fi
169169
- [10.8.1](./1081.md)
170170
- [10.8.2](./1082.md)
171171
- [10.8.3](./1083.md)
172-
172+
- [10.9.0](./1090.md)
173173

174174
<!-- FEEDBACK -->
175175

0 commit comments

Comments
 (0)