Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-121932

Update clay:[checkbox|select|multiselect] tags to Clay 3

    Details

      Description

      Epic Information

      Currently, the following form input components depend on the legacy soy version of the components:

      The goal of this epic is to remove the Soy dependency from clay:checkbox, clay:select and clay:multi-select and rewrite them as a combination of Java+React

      Considerations

      • These 3 tags are currently only used as samples in the frontend-taglib-clay-sample-web widget.
      • It's unlikely these are being used by customers
      • They are good replacements for other legacy tags such as aui:select or aui:input type="checkbox"

      Acceptance Criteria:

      • A new set of *Tag.java class that doesn't depend on Soy replaces the old one
        • Use Java to render minimal markup server-side
        • Use the React component if necessary to render client-side
      • The legacy *Tag.java classes are deprecated
      • All usages of clay:checkbox, clay:select and clay:multi-select keep working as expected
      • The API of clay:checkbox, clay:select and clay:multi-select follow other migrated tags

      Test Information

      Requirement Test Scenarios Test Priority (business impact) Covered by frontend/backend Unit Test? Chrome
      Pass/Fail
      Edge Pass/Fail
      LPS-112459 Given Clay Sample Portlet > Form Elements tab > Checkbox field
      When Click Checkbox
      Then Checkbox displays properly, can be checked and unchecked
      5 - critical no    
      LPS-112469 Given Clay Sample Portlet > Form Elements tab > Multiselect field
      When Select multiple options from the list
      Then Multiselect field displays properly, more than one options can be selected
      5 - critical no    
      LPS-112473 Given Clay Sample Portlet > Form Elements tab > Select field
      When Click Select field, select one option
      Then Select field displays properly, option can be selected from the list
      5 - critical no    
        Given Clay Sample Portlet > Form Elements tab
      When Disable Javascript in browser
      Then Checkbox/Multiselect/Select display properly and work as expected
      3 - medium no    

      Exploratory testing to consider:

      Test Scenarios Test Priority (business impact) Covered by frontend/backend Unit Test?
      Given Clay Sample Portlet > Form Elements tab
      When On different browsers (FF, Edge, Chrome, Safari)
      Then Checkbox/Multiselect/Select work as expected
      3 - medium no
      Given Clay Sample Portlet > Form Elements tab
      When On mobile devices (smart phone, tablet)
      Then Checkbox/Multiselect/Select work as expected
      3 - medium no
      Given Clay Sample Portlet > Form Elements tab
      When Use keyboard only
      Then Checkbox/Multiselect/Select work as expected
      3 - medium no

       

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              support-lep@liferay.com SE Support
              Reporter:
              jose.balsas Chema Balsas
              Recent user:
              Bruno Fernández
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package