With the removal of the Bootstrap3 compatibility layer in Remove BS3-BS4 CSS Compatibility Layer, code that previously relied on legacy Bootstrap3 markup no longer behaves as expected.
This layer was always meant to work as a temporary band-aid that projects could use to get an upgrade done fast and out the door. Once the upgrade was completed, it was advised that the project was updated and the compat layer disabled as to speed up the site.
With the removal of the layer, we speed up all pages by default avoiding to load a big amount of unnecessary CSS. However, developers still relying on this might have a hard time upgrading, so the goal of this epic is to provide a one-time solution to simplify this process.
- Developers have a well-defined procedure to keep using the BS3-BS4 layer in the themes, in case they need to.
- Our tooling support that procedure as an opt-in logic when upgrading the theme, to allow users to add the compat layer to the theme as part of the upgrade process if they need to.
- For new themes created for 7.4, tool won't provide this logic. Addition of this layer for new themes can still be done manually.
- A reference article with the main changes needed to upgrade affected markup is available to theme/frontend developers. The basic material will be taken from the technical draft which documented the removal.
|Requirement||Test Case||Covered by frontend/backend unit test? (Yes/No)||Test Priority (business impact)|
|Given the user wants to upgrade Liferay DXP to 7.4
When the upgrade process is running
Then a prompt will ask the user if adding BS3-BS4 layer to the theme
And a message will be displayed informing the user about the lack of support for this layer
| Exploratory tests for the main areas of the portal that are affected by the Bootstrap upgrade accordingly to the tech draft document, to check that changes/removals work as expected and general visually and functionally are ok.
||Follow the test cases of General Features in Chrome / FF / Edge / Safari||no||2-low|
|Follow the test cases of General Features in the mobile device (smart phone, tablet)||no||2-low|