PromucFlow_constructor/app/client/cypress/support
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
..
ee
Objects fix: collapse params & query params in action selector if value is not changed (#35323) 2024-08-02 15:01:18 +05:30
Pages chore: Anvil on canvas UI tests (#35342) 2024-08-12 23:55:55 +05:30
AdminSettingsCommands.js chore: Make edit launch buttons as links & add upgrade ramps for session timeout setting (#31862) 2024-03-21 15:37:13 +05:30
ApiCommands.js test:replace assertPageSave with AssertAutoSave (#33972) 2024-06-06 13:11:03 +05:30
commands.js fix: Rbac git test failure (#34862) 2024-07-11 13:52:07 +05:30
Constants.js chore: Anvil cypress tests (#30580) 2024-01-31 11:02:38 +05:30
dataSourceCommands.js test: updated dataSourceCommands file (#33628) 2024-05-28 14:43:26 +05:30
e2e.js chore: cypress snapshot types (#34722) 2024-07-09 12:06:59 +03:00
gitSync.js test: updated js methods to refer ts locators for Git Tests (#34577) 2024-06-28 16:34:07 +05:30
index.d.ts feat: cURL import now happens via a modal (#34830) 2024-07-10 14:22:39 +05:30
queryCommands.js test: updated queryCommands file (#33629) 2024-05-27 23:10:06 +05:30
RapidMode.ts
themeCommands.js test: updated themeCommands (#33632) 2024-05-27 23:10:20 +05:30
timeout.js
widgetCommands.js feat: Remove editable checkbox from PrimaryColumnsControlV2 and update imports (#34586) 2024-07-12 15:29:01 +05:30
WorkspaceCommands.js test: updated workspace commands (#33630) 2024-05-27 23:10:42 +05:30