Test Scenarios Coverage | Test Creation

• Type: Technical Testing
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Pages > Page Editor
• 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:
The image resolution is applied to mapping background image of a fragment with editable field

1. Add a page based on Blank
2. Add a Banner Center fragment to page
3. Click the image editable field of Banner Center
4. Select Mapping in Source Selection field
5. Click the plus icon of Content field > Documents and Media tab > Select File
6. Upload an image with greater than 2000px width > Add
7. Select File URL in Field
8. Assert the Width and File Size of original image is shown in Image Source panel
9. Change to the Portrait Phone viewport
10. Assert the Width is 1000px and File Size become smaller
11. Change to the Desktop viewport
12. Click the Preview button
13. Inspect the image editable field of Banner Center in Preview modal
14. Computed tab
15. Assert the value of backround-image contains /documents/
16. Change to the Portrait Phone viewport in Preview modal
17. Inspect the image editable field of Banner Center in Preview modal
18. Computed tab
19. Assert the value of backround-image contains /Preview-1000x0/
20. Close the modal
21. Publish the page
22. Navigate to page in view mode
23. Click the Simulation button on the control menu
24. Click the Desktop
25. Inspect the image editable field of Banner Center
26. Computed tab
27. Assert the value of backround-image contains /documents/
28. Click the Mobile
29. Inspect the image editable field of Banner Center
30. Computed tab
31. Assert the value of backround-image contains /Preview-1000x0/

Case 2:
The image resolution is applied to mapping background image of the Container with padding settings

1. Add a page based on Blank
2. Add a Container to page
3. Click the body of Container
4. Select 3 in Padding Top field
5. Select 3 in Padding Bottom field
6. Select Mapping in Image Source field
7. Click the plus icon of Content field > Documents and Media tab > Select File
8. Upload an image with greater than 2000px width > Add
9. Select File URL in Field
10. Assert the Width and File Size of original image is shown in Image Source panel
11. Change to the Tablet viewport
12. Assert the Width is 1000px and File Size become smaller
13. Change to the Desktop viewport
14. Click the Preview button
15. Inspect the body of Container in Preview modal
16. Computed tab
17. Assert the value of backround-image contains /documents/
18. Change to the Tablet viewport in Preview modal
19. Inspect the body of Container in Preview modal
20. Computed tab
21. Assert the value of backround-image contains /Preview-1000x0/
22. Close the modal
23. Publish the page
24. Navigate to page in view mode
25. Click the Simulation button on the control menu
26. Click the Desktop
27. Inspect the body of Container
28. Computed tab
29. Assert the value of backround-image contains /documents/
30. Click the Tablet
31. Inspect the body of Container
32. Computed tab
33. Assert the value of backround-image contains /Preview-1000x0/