PromucFlow_constructor/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests
Abhinav Jha a4972258ed
fix: Fixed Layout system: Main container background underflow (#29796)
## Description
- In the fixed layout system, the background of the canvas fell short of
the bottom most widget.
- This was due to an unnecessary `height: 100%` applied to the Fixed
layout system.
- Changed the code so that the `height: 100%` is only applied in the
Anvil layout system
#### PR fixes following issue(s)
Fixes #29797 
Fixes #29883

#### Type of change
- Bug fix (non-breaking change which fixes an issue)

## Testing
#### How Has This Been Tested?
- [x] Manual
- [ ] JUnit
- [ ] Jest
- [x] Cypress

#### Test Plan

#### Issues raised during DP testing

## Checklist:
#### Dev activity
- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my own code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [ ] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag


#### QA activity:
- [ ] [Speedbreak
features](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#speedbreakers-)
have been covered
- [ ] Test plan covers all impacted features and [areas of
interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#areas-of-interest-)
- [ ] Test plan has been peer reviewed by project stakeholders and other
QA members
- [ ] Manually tested functionality on DP
- [ ] We had an implementation alignment call with stakeholders post QA
Round 2
- [ ] Cypress test cases have been added and approved by SDET/manual QA
- [ ] Added `Test Plan Approved` label after Cypress tests were reviewed
- [ ] Added `Test Plan Approved` label after JUnit tests were reviewed


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **Style**
- Enhanced the Canvas layout to adjust its height dynamically according
to the layout system in use.
- **Tests**
- Introduced tests to validate the main container's overflow behavior in
mobile responsive scenarios.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-01-03 01:17:56 +05:30
..
AutoDimension_1_spec.ts fix: undo action and highlight positions on right and bottom edges (#29909) 2023-12-29 08:11:49 +05:30
AutoDimension_2_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoFillWidgets_Basic_2_spec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoFillWidgets_Basic_spec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoFillWidgets_Reflow_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoHeight_Container_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoHeight_Form_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoHeight_Modal_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoHeight_Tabs_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoLayout_Widgets_Copy_Paste_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
AutoLayoutAutoHeight_spec.ts chore: add action group component (#29645) 2023-12-19 16:04:27 +03:00
AutoScroll_Validation_spec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
ConversionAlgorithm_AutoLayout_Validation_BasicSpec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
ConversionAlgorithm_FixedLayout_Mobile_Validation_Spec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
ConversionAlgorithm_FixedLayout_Validation_Desktop.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
ConversionFlow_Corner_Cases_spec.ts test: Cypress - added @tag.excludeForAirgap, @tag.Templates tags (#29790) 2023-12-27 16:50:36 +05:30
ConversionFlow_Generated_App_spec.ts test: Cypress - added @tag.excludeForAirgap, @tag.Templates tags (#29790) 2023-12-27 16:50:36 +05:30
FillwidgetResizingSpec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
HugWidgetValidationSpec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
MainContainer_overflow_spec.ts fix: Fixed Layout system: Main container background underflow (#29796) 2024-01-03 01:17:56 +05:30
ResizingSpec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
Row_Gap_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
Snipping_mode_Basic_test.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
SuggestedWidgets_spec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
TableWidget_height_spec.ts test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
ValidateAutoFillContainerWidgets_spec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30
ValidateAutoFillContainerWithInput_spec.js test: Cypress - tag - @tag.MobileResponsive (#29678) 2023-12-18 17:15:29 +05:30