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
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 Strategy||Kind of test||Is it covered by FrontEnd ? (JS-Unit)||Is it covered by BackEnd ? (unit or integration)|
|Validate in Fragments, when modal is open, then the modal window is full-size for iframe modals||Sanity||Manual||No||No|
|Validate in Sign In, when modal is open, then the modal window is not full-size for non-iframe modals||Smoke||Manual||No||No|
|Validate an existing usecase when a modal has a footer, then actions are inside the footer are right aligned - see https://issues.liferay.com/browse/LPS-109100 for an example usecase with footer||Regression||Manual||No||No|
|Validate an existing usecase when a modal has a footer, then the 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:
Please comment results in table format. Use LPS-108732 comment as a template.
- Testing discovered
LPS-112596 Sign In UI is displayed on page rather than a modal in DXP