-
Type:
Testing
-
Status: Closed
-
Priority:
Minor
-
Resolution: Completed
-
Affects Version/s: None
-
Fix Version/s: None
-
Component/s: JS APIs and Utilities
-
Labels:None
-
Epic Link:
-
Sprint:S03E24 - Wuhan, S03E28 - New York, S03E29 - Como
Lexicon defines a set of best practices and guidelines to work with Modals. Based on those recommendations, Clay offers a rich set of Modal components that can be used to implement such Patterns.
The goal of this epic is to update the current Modal Patterns in DXP to match Lexicon's recommendations as much as possible.
1. Modal follows Lexicon Patterns
Given DXP
When a modal is opened in some part of the product
Then the following is true:
- The modal window is not full-size for non-iframe modals
- When a modal has a footer, the actions are inside and right aligned
- A modal with a footer displays actions in this order (from left to right): borderless button, secondary button and primary button.
Test Scenarios
Test Scenarios | Test Strategy | Kind of test | Is it covered by FrontEnd ? (JS-Unit) | Is it covered by BackEnd ? (unit or integration) |
---|---|---|---|---|
Given user is navigating within CP > Fragments, When a modal is open And when modal is an iframe Then the modal window is full-size |
Sanity | Manual | No | No |
Given navigates to Sign In When modal is open Then the modal window is not full-size |
Smoke | Manual | No | No |
Given Navigate to CP > Search Tuning > Result Rankings And when Add a New Ranking And when Click Add Result And when modal has a footer Then actions are inside the footer are right aligned |
Regression | Manual | No | No |
Given Navigate to CP > Search Tuning > Result Rankings And when Add a New Ranking And when Click Add Result And when modal has a footer Then actions are shown in the following order (from left to right): borderless button, secondary button and primary button. |
Regression | Manual | No | No |
Remember to run them on different browsers:
Type | Firefox | IE11 | Chrome | Edge |
---|---|---|---|---|
Smoke | ![]() |
![]() |
![]() |
![]() |
Sanity | ![]() |
![]() |
![]() |
![]() |
Regression | ![]() |
![]() |
![]() |
![]() |
Please comment results in table format. Use LPS-108732 comment as a template.
1.
|
Execute Manual Testing | LPS-112328 |
|
Closed | John Co | |
2.
|
Exploratory Testing | LPS-112329 |
|
Closed | John Co | |
3.
|
Execute Manual Testing | Round 2 | LPS-112658 |
|
Closed | Summer Zhang |