PromucFlow_constructor/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests
Preet Sidhu 46dcf3a8f0
chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178)
## Description
1. Add new ```appPositioningType``` : ANVIL.
2. Create new code path and folder structure for Anvil layout system.
3. Move common pieces of functionalities between autoLayout and anvil to
anvil folder structure (e.g. ```CanvasResizer```).
4. Create ```AnvilFlexComponent```.
5. Use WDS Flex component in AnvilFlexComponent.
6. Pass min max size props in a data structure that is supported by
container queries in the Flex component.
    e.g. min-width: { base: "120px", "480px": "200px" }
7. Supply the following flex properties (flex-grow flex-shrink
flex-basis) to widgets depending on their ```responsiveBehvaiour```:
    a) Fill: ```flex: 1 1 0%;```
    b) Hug: ```flex: 0 0 auto;```

#### PR fixes following issue(s)
Fixes # (issue number)
1. [#26987](https://github.com/appsmithorg/appsmith/issues/26987)
2. [#26609](https://github.com/appsmithorg/appsmith/issues/26609)
3. [#26611](https://github.com/appsmithorg/appsmith/issues/26611)

#### Type of change
- New feature (non-breaking change which adds functionality)


## Testing
>
#### How Has This Been Tested?
> Please describe the tests that you ran to verify your changes. Also
list any relevant details for your test configuration.
> Delete anything that is not relevant
- [x] Manual
- [ ] JUnit
- [x] Jest
- [ ] Cypress


## Checklist:
#### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [x] 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
- [x] 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
- [x] 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

---------

Co-authored-by: Ashok Kumar M <35134347+marks0351@users.noreply.github.com>
Co-authored-by: Aswath K <aswath.sana@gmail.com>
Co-authored-by: rahulramesha <rahul@appsmith.com>
Co-authored-by: rahulramesha <71900764+rahulramesha@users.noreply.github.com>
2023-10-02 15:41:05 -04:00
..
AutoDimension_1_spec.ts test: Cypress | (DI) Arango added validations + CI Stabilize (#26243) 2023-08-18 10:48:35 +05:30
AutoDimension_2_spec.ts test: Cypress | Flaky fixes (#24508) 2023-06-17 00:10:10 +05:30
AutoFillWidgets_Basic_2_spec.js test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
AutoFillWidgets_Basic_spec.js test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
AutoFillWidgets_Reflow_spec.ts test: Cypress - Unskip & Fix Flaky Tests (#26542) 2023-08-25 16:11:45 +05:30
AutoHeight_Container_spec.ts chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
AutoHeight_Form_spec.ts chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
AutoHeight_Modal_spec.ts chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
AutoHeight_Tabs_spec.ts chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
AutoLayout_Widgets_Copy_Paste_spec.ts test: Cypress | Simplifying AddDsl method (#24991) 2023-07-04 22:03:31 +05:30
AutoScroll_Validation_spec.js test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
ConversionAlgorithm_AutoLayout_Validation_BasicSpec.js test: Cypress | (DI) Arango added validations + CI Stabilize (#26243) 2023-08-18 10:48:35 +05:30
ConversionAlgorithm_FixedLayout_Mobile_Validation_Spec.js chore: code splitting for multiple env feature (#25479) 2023-07-21 12:53:17 +07:00
ConversionAlgorithm_FixedLayout_Validation_Desktop.js test: Cypress | Simplifying AddDsl method (#24991) 2023-07-04 22:03:31 +05:30
ConversionFlow_Corner_Cases_spec.ts test: Cypress | CI Stabilize (#26186) 2023-08-10 12:36:03 +05:30
ConversionFlow_Generated_App_spec.ts chore: Exclude failing auto-layout test cases for air gapped instances (#24329) 2023-06-11 20:59:30 +05:30
FillwidgetResizingSpec.js test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
HugWidgetValidationSpec.js test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
ResizingSpec.ts test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
Row_Gap_spec.ts chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
Snipping_mode_Basic_test.js fix: converted sniping test cases to support suggested widgets, api binding bug (#26911) 2023-09-08 13:12:48 +05:30
SuggestedWidgets_spec.js test: Cypress | Firestore validations added + CI Stabilize (#27554) 2023-09-25 20:02:54 +05:30
TableWidget_height_spec.ts fix: Makes use of mobile positioning properties in Table Widget (#24729) 2023-07-17 11:12:52 +05:30
ValidateAutoFillContainerWidgets_spec.js test: Cypress | Simplifying AddDsl method (#24991) 2023-07-04 22:03:31 +05:30
ValidateAutoFillContainerWithInput_spec.js test: Cypress | Simplifying AddDsl method (#24991) 2023-07-04 22:03:31 +05:30