PromucFlow_constructor/app/client/cypress/e2e/Regression/ClientSide/Anvil
Abhinav Jha 31be835726
chore: Anvil on canvas UI tests (#35342)
## Description
### Unit
`index.test.tsx` - (Main connected component that uses floating ui)
- [x] Test rendering of widget name component (floating-ui) based on
"select", "focus" and "none" states from redux selector
- [x] Test rendering of widget name component (floating-ui) based on
error count from redux selector

`AnvilWidgetNameComponent.test.tsx` (Standalone component that renders
content for floating ui to use)
- [x] Test rendering of standalone widget name component based on props.
- [x] Test calling of `onDragStart` callback from the standalone widget
name component.

`SplitButton.test.tsx` (Low level UI component - child of
`AnvilWidgetNameComponent`)
- [x] Test left and right toggle click triggers
- [x] Test if component handles props correctly


### E2E
- [x] Test Dragging via widget name component
- [x] Test widget name component when multiple widgets are selected
- [x] Test Hover and Selection to show widget name component

Fixes #33979

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10349986042>
> Commit: 8c9e6b933fc63306ca4b9322d2cc109909df879d
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10349986042&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Mon, 12 Aug 2024 11:13:52 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


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

## Summary by CodeRabbit

- **New Features**
- Introduced a comprehensive suite of end-to-end tests for the Anvil
editor's UI in canvas layout mode.
- Enhanced flexibility in widget manipulation on the canvas with an
updated method.
	- Expanded selectors for more precise targeting of UI components.
- Added unit tests for the `AnvilWidgetNameComponent` and `SplitButton`
components to ensure expected functionality.

- **Bug Fixes**
- Improved responsiveness of the `AnvilWidgetName` component to state
changes.

- **Documentation**
- Updated comments and structure for clarity in test scenarios and
component functionality.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-08-12 23:55:55 +05:30
..
AppTheming chore: add tests for app theming (#34839) 2024-07-22 22:08:48 +03:00
Widgets chore: add tests for app theming (#34839) 2024-07-22 22:08:48 +03:00
AnvilAppNavigation_spec.ts feat: Preliminary set of test cases and test utils for Anvil DnD and Space distribution. (#33827) 2024-05-30 12:46:56 +05:30
AnvilCopyPaste_spec.ts chore: Add tests for copy paste for anvil widgets. (#34895) 2024-07-16 15:55:28 +05:30
AnvilDnD_spec.ts feat: Preliminary set of test cases and test utils for Anvil DnD and Space distribution. (#33827) 2024-05-30 12:46:56 +05:30
AnvilModal_spec.ts chore: add tests for anvil modal. (#34347) 2024-06-24 16:28:34 +05:30
AnvilOnCanvasUI_spec.ts chore: Anvil on canvas UI tests (#35342) 2024-08-12 23:55:55 +05:30
AnvilSectionsAndZones_spec.ts chore: Adding specs/tests for space distribution and copy paste sagas (#34063) 2024-06-10 16:37:50 +05:30
AnvilSpaceDistribution_spec.ts chore: Adding specs/tests for space distribution and copy paste sagas (#34063) 2024-06-10 16:37:50 +05:30
AnvilSuggestedWidgets_spec.ts chore: Merge wds and anvil feature flags (#32609) 2024-04-12 22:54:04 +05:30
AnvilWidgetClicking_spec.ts feat: Preliminary set of test cases and test utils for Anvil DnD and Space distribution. (#33827) 2024-05-30 12:46:56 +05:30