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

Commit d452077

Browse files
committed
Update 8609 testing instructions
1 parent 12250da commit d452077

File tree

1 file changed

+14
-19
lines changed
  • docs/internal-developers/testing/releases

1 file changed

+14
-19
lines changed

docs/internal-developers/testing/releases/1000.md

Lines changed: 14 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -274,28 +274,23 @@ Ensure gutenberg plugin is active.
274274

275275
#### Test using blocks sidebar
276276

277-
#### Test using Global styles UI
278-
279-
1. Check that padding is visible for `Product Image` in global styles UI
277+
1. Open the Global Styles sidebar by clicking the "Styles" button at the top right corner of the editor.
280278

281-
[Link to video](https://user-images.githubusercontent.com/16707866/228507928-f7a9bb3e-8b69-4cf2-b46e-20a72f8e80bb.mov)
279+
[Video link](https://user-images.githubusercontent.com/16707866/228781997-24a9a29f-4be7-46d4-b1b3-41520692d86d.mov)
282280

283-
2. Change the padding & now to verify that this padding change is applied to `Product Image` block:
284-
1. Go to Editor
281+
2. In the Global Styles sidebar, locate the "Product Price" block.
282+
3. Customize the block using the new styling options available under the "Product Price" block in the Global Styles sidebar:
283+
- Change the background color under the "Colors" settings.
284+
- Adjust the line height, font family, and letter spacing under the "Typography" settings.
285+
- Modify the padding under the "Layout" settings.
286+
4. Verify that these applied correctly within editor & on frontend:
287+
1. Create a new post
285288
2. Add Products block
286-
3. Add Product Image block as an inner block if not included already
287-
4. Check the Product Image block's padding in both the editor and on the front-end to ensure that the changes made through the Global styles UI are accurately applied:
288-
- In the editor, select the Product Image block and observe the padding applied around the image. Ensure it matches the value set in the Global styles UI.
289-
- Save the post or page, and then preview it on the front-end. Confirm that the Product Image block's padding is consistent with the value specified in the Global styles UI.
290-
291-
#### Test using blocks sidebar
289+
3. Add Product Price block as an inner block if not included already
290+
4. Check the Product Price block in both the editor and on the front-end to ensure that the changes made through the Global styles UI are accurately applied:
291+
- In the editor, inspect Product Price block & ensure it matches the value set in the Global styles UI.
292+
- Save the post & publish it. On frontend, inspect Product Price block & ensure it matches the value set in the Global styles UI.
292293

293-
1. Navigate to the WordPress admin dashboard and create a new post or page.
294-
2. Add Products block
295-
3. Add Product Image block as an inner block if not included already
296-
4. Select the image block and open the block settings sidebar.
297-
5. Adjust the margin and padding values for the image block and ensure that the changes are visually reflected in the editor.
298-
6. Save the post or page and preview it on the front-end.
299-
7. Verify that the applied margin and padding values are correctly displayed on the front-end as well.
294+
**Also, verify these in `all products` block, which also uses Product Price block.**
300295

301296

0 commit comments

Comments
 (0)