Remove BS3-BS4 CSS Compatibility Layer

• Type: Epic
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Themes Infrastructure > Compatibility Layer
• Labels:
  • 7.4-ce-ga1
  • fc_20_11
  • fi-s-dxp
  • team_fi_epic_category_platform_architecture
• Epic/Theme:
  • FI_Platform_Evolution
• Epic Status: Done

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-102103, LPS-102105, LPS-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-102107, LPS-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