Details

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

      Description

      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.

        Attachments

          Activity

            People

            • Assignee:
              john.co John Co
              Reporter:
              john.co John Co
              Recent user:
              John Co
              Participants of an Issue:
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Packages

                Version Package