Test Scenarios Coverage | Test Creation

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

Create the test scenarios to validate the parent story, according to the Acceptance Criteria.

Those test scenarios will be writing in the parent story.

Test Cases

Case 1:
Can not preview style book when there are no pages in site

1. Add a new site
2. Product Menu > Design > Style Books
3. Click the plus icon button
4. Type name and Save
5. Assert the following message shown in page preview iframe:
   • You cannot preview the style book because there are no pages in this site.

Case 2:
Can preview the effect on page when edit the style book

1. Add a new site
2. Add a page based on Blank
3. Add a Banner Center fragment to page
4. Publish the page
5. Product Menu > Design > Style Books
6. Click the plus icon button
7. Type name and Save
8. Assert the new page is shown in page preview iframe
9. Assert the Banner Center is shown in page preview iframe
10. Select Color System in editor toolbar
11. Type #FF0000 in Primary field of Theme Colors section
12. Assert Draft Saved is shown in editor toolbar
13. Assert the background color of link editable field in Banner Center is #FF0000
14. Select Typography in editor toolbar
15. Type 2rem in H1 Font Size field of Headings section
16. Assert Draft Saved is shown in editor toolbar
17. Assert the font size of Banner Title Example in Banner Center is 2rem
18. Click Publish
19. Assert success message is shown
20. Assert the new style book is shown in Style Books admin
21. Assert the new style book has Approved label

Case 3:
Can navigate to preview page via page preview info bar but not interact with preview page in style book editor

1. Add a new site
2. Add a page based on Blank
3. Add a Banner Center fragment to page
4. Publish the page
5. Add a widget page
6. Add a Blogs portlet to page
7. Product Menu > Design > Style Books
8. Click the plus icon button
9. Type name and Save
10. Assert the Banner Center is shown in page preview iframe
11. Assert Page Preview info bar is below Control Menu
12. Assert content page name is shown in Page Preview info bar
13. Click the toggle button on Page Preview info bar
14. Click the widget page
15. Assert widget page name is shown in Page Preview info bar
16. Assert the Blogs portlet is shown in page preview iframe
17. Assert page name links are disabled in Navigation Menu portlet
18. Assert New Entry button is disabled in Blogs portlet

Case 4:
Can preview the effect on page when edit the style book 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 the page
7. Product Menu > Design > Style Books
8. Click the plus icon button
9. Type name and Save
10. Assert the new page is shown in page preview iframe
11. Assert the Banner Center is shown in page preview iframe
12. Select Color System in editor toolbar
13. Type #FF0000 in Primary field of Theme Colors section
14. Assert Draft Saved is shown in editor toolbar
15. Assert the background color of link editable field in Banner Center is #FF0000
16. Select Typography in editor toolbar
17. Type 2rem in H1 Font Size field of Headings section
18. Assert Draft Saved is shown in editor toolbar
19. Assert the font size of Banner Title Example in Banner Center is 2rem
20. Click Publish
21. Assert success message is shown
22. Assert the new style book is shown in Style Books admin
23. Assert the new style book has Approved label