Product QA | Test Validation - Round 1

• Type: Technical Testing
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Product Menu
• Labels: None

Bugs:

- PASS
- To Do
- FAIL

• Impeditive:

  Ticket	Title	QA Status
  ?	?
  LPS-118787	The custom style book is unavailable for page in Staging site	Verified

• Not impeditive:

  Ticket	Title	QA Status
  ?	?

Test Cases

Case 1:
Site Designer can create a style book

1. Add a new site
2. Design > Style Books > Click plus button
3. Type name and Save
4. Assert success message is shown
5. Assert the name of style book is shown in control menu
6. Type 5px 5px red in box-shadow-lg field
7. Trigger draft saved
8. Select colors
9. Type 00FF00 in body-bg field
10. Trigger draft saved
11. Click Publish button
12. Assert success message is shown
13. Assert the new style book is shown in Style Books admin

Case 2:
Site Designer can rename a style book

1. Add a new site
2. Design > Style Books > Click plus button
3. Type name and save
4. Design > Style Books
5. Assert the new style book is shown in Style Books admin
6. Assert the style book has a Approved label
7. Click the ellipsis button of style book
8. Click Rename action
9. Type name and Save
10. Assert success message is shown
11. Assert the new name is shown in style book card
12. Assert the style book still has a Approved label

Case 3:
Site Designer can delete a style book

1. Add a new site
2. Design > Style Books > Click plus button
3. Type name and save
4. Design > Style Books
5. Assert the new style book is shown in Style Books admin
6. Click the ellipsis button of style book
7. Click Delete action
8. Assert success message is shown
9. Assert the style book is missing

Case 4:
Site Designer can set a style book as default

1. Add a new site
2. Design > Style Books > Click plus button
3. Type name and save
4. Click Publish button
5. Assert success message is shown
6. Assert the new style book is shown in Style Books admin
7. Click the ellipsis button of style book
8. Click Mark as Default action
9. Assert success message is shown
10. Assert the check circle sticker is shown in style book card

Case 5:
Site Designer can change the thumbnail of a style book

1. Add a new site
2. Design > Style Books > Click plus button
3. Type name and save
4. Design > Style Books
5. Assert the new style book is shown in Style Books admin
6. Click the ellipsis button of style book
7. Click Change Thumbnail action
8. Select File > Select an image > Add
9. Assert success message is shown
10. Assert the thumbnail image is shown in style book card

Case 6:
Site Designer can edit a style book

1. Add a new site
2. Design > Style Books > Click plus button
3. Type name and save
4. Design > Style Books
5. Assert the new style book is shown in Style Books admin
6. Assert the style book has a Approved label
7. Click the ellipsis button of style book
8. Click Edit action
9. Assert the name of style book is shown in control menu
10. Type 5px 5px red in box-shadow-lg field
11. Trigger draft saved
12. Select colors
13. Type 00FF00 in body-bg field
14. Trigger draft saved
15. Inspect <section class="Container"> element
16. Assert body-bg is #00ff00 and box-shadow-lg is 5px 5px red
17. Click Publish button
18. Assert success message is shown
19. Assert the new style book is shown in Style Books admin
20. Assert the new style book has a Approved label

Case 7:
The data of Style Books is immediately available to Live site when manage it in Staging site

1. Add a new site
2. Enable Local Live
3. Navigate to the Staging site
4. Add a page based on Blank
5. Add a Banner Center fragment to page
6. Publish Page
7. Design > Style Books
8. Assert the following warning message is shown in Style Books admin:
   • The data of this portlet is not staged. Any data changes are immediately available to the Local Live site. The portlet's own workflow is still honored. Portlet setup is still managed from staging.
9. Click plus button
10. Type name and save
11. Color System > Themecolors
12. Type #00FF00 in Primary field
13. Typography > Headings
14. Type 2rem in H1 Font Size field
15. Publish
16. Assert the new style book is shown in Style Books admin
17. Navigate to page in edit mode
18. Click Page Design Options button from sidebar panel
19. Style Books tab
20. Assert the new style book card is shown
21. Click the new style book card
22. Click Publish
23. Navigate to page in view mode
24. Assert the background color of Go Somewhere is #00FF00
25. Assert the font size of Banner Title Example in Banner Center is 2rem
26. Publish to Live
27. Navigate to page in Live site
28. Assert the background color of Go Somewhere is #00FF00
29. Assert the font size of Banner Title Example in Banner Center is 2rem
30. Navigate to Staging site
31. Design > Style Books
32. Click the ellipsis button of style book > Edit action
33. Type #FF0000 in Primary field
34. Typography > Headings
35. Type 1.5rem in H1 Font Size field
36. Publish
37. Navigate to page in Live site
38. Assert the background color of Go Somewhere is #FF0000
39. Assert the font size of Banner Title Example in Banner Center is 1.5rem
40. Product Menu > Design
41. Assert Style Books is not shown