PromucFlow_constructor/app/client/cypress/locators/OneClickBindingLocator.ts
Sangeeth Sivan 43940b7f2f
feat: JSON form widget one click binding integration (#25873)
## Description
- Adds one click binding support for JSON form widget.

#### PR fixes following issue(s)
Fixes #25561 
Fixes #26375 

#### Media
> A video or a GIF is preferred. when using Loom, don’t embed because it
looks like it’s a GIF. instead, just link to the video
>
>
#### 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
- [x] Jest
- [x] Cypress

#### Test Plan
> [One click binding support on JSON Form (Test
plan)](https://github.com/appsmithorg/TestSmith/issues/2523)

#### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)

## 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
- [x] My changes generate no new warnings
- [x] I have added tests that prove my fix is effective or that my
feature works
- [x] 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

---------

Co-authored-by: balajisoundar <balaji@appsmith.com>
2023-10-03 13:40:51 +05:30

66 lines
3.4 KiB
TypeScript

export default {
connectData: '[data-testId="t--one-click-binding-connect-data"]',
datasourceDropdownSelector:
"[data-testId='t--one-click-binding-datasource-selector']",
datasourceDropdownOptionSelector: (query: string) =>
`[data-testId="t--one-click-binding-datasource-trigger"]:contains(${query})`,
dropdownOptionSelector: (query: string) =>
`[data-testId="t--one-click-binding-datasource-trigger"]:contains(${query})`,
datasourceQueryBindHeaderSelector:
"[data-testId='t--one-click-binding-datasource-selector--bind-to-query']",
datasourceGenerateAQuerySelector:
"[data-testId='t--one-click-binding-datasource-selector--generate-a-query']",
datasourceOtherActionsSelector:
"[data-testId='t--one-click-binding-datasource-selector--other-actions']",
datasourceQuerySelector: (query?: string) =>
`[data-testId='t--one-click-binding-datasource-selector--query']${
query ? `:contains(${query})` : ""
}`,
datasourceSelector: (datasource?: string) =>
`[data-testId="t--one-click-binding-datasource-selector--datasource"]${
datasource ? `:contains(${datasource})` : ""
}`,
otherActionSelector: (action?: string) =>
`[data-testId='t--one-click-binding-datasource-selector--other-action']${
action ? `:contains(${action})` : ""
}`,
tableOrSpreadsheetDropdown:
'[data-testid="t--one-click-binding-table-selector"] .rc-select-selector',
tableOrSpreadsheetDropdownOption: (table?: string) =>
`//div[@data-testId='t--one-click-binding-table-selector--table']//div[text()='${table}']`,
tableOrSpreadsheetSelectedOption: (table?: string) =>
`[data-testid="t--one-click-binding-table-selector"] .rc-select-selection-item${
table ? `:contains(${table})` : ""
}`,
validTableRowData:
'.t--widget-tablewidgetv2 [role="rowgroup"] [role="button"]',
tableError: (error: string) =>
`[data-testId="t--one-click-binding-table-selector--error"]:contains(${error})`,
dateInput: `[data-testId="datepicker-container"] input`,
dayViewFromDate: ".DayPicker-Day",
loadMore: "[data-testId='t--one-click-binding-datasource--load-more']",
datasourceSearch: `[data-testId="t--one-click-binding-datasource--search"]`,
searchableColumn:
'[data-testId="t--one-click-binding-column-searchableColumn"]',
formType: '[data-testId="t--one-click-binding-column-formType"]',
defaultValues: '[data-testId="t--one-click-binding-column-defaultValues"]',
dataIdentifier: '[data-testId="t--one-click-binding-column-dataIdentifier"]',
label: '[data-testId="t--one-click-binding-column-label"]',
value: '[data-testId="t--one-click-binding-column-value"]',
columnDropdownOption: (column: string, value?: string) =>
`[data-testId='t--one-click-binding-column-${column}--column']${
value ? `:contains(${value})` : ""
}`,
columnSelectedOption: (column: string, value?: string) =>
`[data-testId="t--one-click-binding-column-${column}"] .rc-select-selection-item${
value ? `:contains(${value})` : ""
}`,
columnSelectorModalTrigger: '[data-testid="t--edit-fields-button"]',
columnSelectorModal: '[data-testid="t--column-selector-modal"]',
columnselectorModalSaveBtn: '[data-testid="t--edit-fields-save-btn"]',
columnselectorModalCancelBtn: '[data-testid="t--edit-fields-cancel-btn"]',
columnSelectorField: (columnName: string) =>
`[data-column-id="t--edit-field-${columnName}"]`,
checkBox: ".ads-v2-checkbox",
};