Details

      Description

      Epic Information

      When migrating from Bootstrap3 to Bootstrap4, we included a "small" CSS compatibility layer to simplify the migration and make sure upgrades weren't as painful as in the past.

      To this day, we still have that layer enabled which can:

      • Consume unnecessary resources
      • Conflict with other styles
      • Hide problems caused by legacy markup and outdated apps

      The goal of this epic is to completely remove the compatibility layer from our default theme implementation

      Acceptance Criteria

      • The BS3-BS4 compatibility layer is removed
      • All components still depending on it are updated one way or another so that the layer is not needed
      • A new upgrade option is added to the theme upgrade tool to re-enable the compat layer when upgrading a theme to 7.4

      Test Information

      Test Scenarios:

      Requirement Test Case Covered by frontend/backend unit test? (Yes/No) Test Priority (business impact)
      LPS-123359 Given terminal at portal root
      When grep r "compat${the compatibility layer that removed in each sub-task}"
      Then no lines are returned
      no 5-critical
      LPS-123359 Given code changes from epic
      When run ci:test:relevant tests on PR
      Then tests all pass
      no 4-major

      Exploratory testing to consider:

      Requirement Test Scenarios Test Priority (business impact) Covered by frontend/backend Unit Test? Chrome
      Pass/Fail
      Edge Pass/Fail Firefox
      Pass/Fail
      Safari mobile Pass/Fail
      LPS-102117 Given Go to Content & Data > Forms.
      When In new form edit page.
      Then The toolbar on top of the page displays properly (eg. pedding, allignment, collor, etc) and the buttons in the toolbar work as expected. And no error on UI.
      3 - medium no        
      LPS-102096 Given Calender portlet in a page.
      When Add a new event.
      Then In new event modal, all form fields display properly (eg. checkbox, input, radio, select, etc). And no error on UI.
      3 - medium no        
      LPS-102097 G*iven* Open Application menu.
      When Go to some portlets.
      Then Portlet content container displays properly (eg. pedding, allignment, collor, etc). And no error on UI.
      3 - medium no        
      LPS-102111 Given Upload a file in DM.
      When Select the file and open Info Panel.
      Then Info Panel and file information display properly (eg. pedding, allignment, collor, etc). And no error on UI.
      3 - medium no        
      LPS-102111 Given Go to Web Content > Stuctures.
      When In New Structure edit page.
      Then Sidebar on the right side displays properly (eg. pedding, allignment, collor, etc). And no error on UI.
      3 - medium no        
      LPS-102098 Given Startup portal.
      When Go to some portlets.
      Then Exploratory test icons (eg. plus icon, ellipsis, close, etc). And no error on UI.
      3 - medium no        
      LPS-102101 Given Go to Web Content.
      When Add some Web Contents.
      Then Exploratory test the management bar and icons in it. And no error on UI.
      3 - medium no        
      LPS-102102 Given Startup portal.
      When Go to some portlets.
      Then Exploratory test modals (eg. Select Items modal in Web Content. etc). And no error on UI.
      3 - medium no        
      LPS-102103LPS-102105LPS-102104 Given Startup portal.
      When Go to some portlets.
      Then Exploratory test nav tabs and navbar (eg. In Web Content, Workflow Process Builder, etc). And no error on UI.
      3 - medium no        
      LPS-102107LPS-102106 Given Startup portal.
      When Add multiple contents such as pages, web contents to make pagination display.
      Then Exploratory test pagination. And no error on UI.
      3 - medium no        
      LPS-102116 Given Startup portal.
      When Go to some portlets eg.Page Configuration,
      Then Toggle switch displays properly. And no error on UI.
      3 - medium no        
      LPS-102109 Given Go to DM or Export.
      When Upload file or execute export.
      Then The progress bar displays properly. And no error on UI.
      3 - medium no        
      LPS-102114 Given Add some contents, eg. Web Contents, User etc.
      When Change display style to Table.
      Then Table content displays properly. And no error on UI.
      3 - medium no        
      LPS-102100 Given Add some contents, eg. Web Contents, User etc.
      When Change display style to List.
      Then List content displays properly. And no error on UI.
      3 - medium no        
      LPS-102099 Given Startup portal and login as Test user.
      When Open Product Menu and Simulation Menu.
      Then Product Menu and Simulation Menu display properly. And no error on UI.
      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