PromucFlow_constructor/app/client/cypress/fixtures/tableV2WithUrlColumnDsl.json
balajisoundar a72e3347f5
feat: Table one click binding for MongoDB and Postgres (#23629)
> Pull Request Template
>
> Use this template to quickly create a well written pull request.
Delete all quotes before creating the pull request.
>
## Description
> Add a TL;DR when description is extra long (helps content team)
>
> Please include a summary of the changes and which issue has been
fixed. Please also include relevant motivation
> and context. List any dependencies that are required for this change
>
> Links to Notion, Figma or any other documents that might be relevant
to the PR
>
>
#### PR fixes following issue(s)
Fixes # (issue number)
> if no issue exists, please create an issue and ask the maintainers
about this first
>
>
#### 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
> Please delete options that are not relevant.
- Bug fix (non-breaking change which fixes an issue)
- New feature (non-breaking change which adds functionality)
- Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- Chore (housekeeping or task changes that don't impact user perception)
- This change requires a documentation update
>
>
>
## 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 -
https://github.com/appsmithorg/TestSmith/issues/2390
>
#### 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/Test-plan-implementation#speedbreaker-features-to-consider-for-every-change)
have been covered
- [ ] Test plan covers all impacted features and [areas of
interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans/_edit#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: Vemparala Surya Vamsi <vamsi@appsmith.com>
2023-06-01 22:56:05 +05:30

513 lines
26 KiB
JSON

{
"dsl": {
"widgetName": "MainContainer",
"backgroundColor": "none",
"rightColumn": 4896,
"snapColumns": 64,
"detachFromLayout": true,
"widgetId": "0",
"topRow": 0,
"bottomRow": 880,
"containerStyle": "none",
"snapRows": 125,
"parentRowSpace": 1,
"type": "CANVAS_WIDGET",
"canExtend": true,
"version": 60,
"minHeight": 1292,
"dynamicTriggerPathList": [],
"parentColumnSpace": 1,
"dynamicBindingPathList": [],
"leftColumn": 0,
"children": [
{
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"isVisibleDownload": true,
"iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg",
"topRow": 12,
"isSortable": true,
"type": "TABLE_WIDGET_V2",
"inlineEditingSaveOption": "ROW_LEVEL",
"animateLoading": true,
"dynamicBindingPathList": [
{
"key": "accentColor"
},
{
"key": "borderRadius"
},
{
"key": "boxShadow"
},
{
"key": "childStylesheet.button.buttonColor"
},
{
"key": "childStylesheet.button.borderRadius"
},
{
"key": "childStylesheet.menuButton.menuColor"
},
{
"key": "childStylesheet.menuButton.borderRadius"
},
{
"key": "childStylesheet.iconButton.buttonColor"
},
{
"key": "childStylesheet.iconButton.borderRadius"
},
{
"key": "childStylesheet.editActions.saveButtonColor"
},
{
"key": "childStylesheet.editActions.saveBorderRadius"
},
{
"key": "childStylesheet.editActions.discardButtonColor"
},
{
"key": "childStylesheet.editActions.discardBorderRadius"
},
{
"key": "primaryColumns.EditActions1.saveButtonColor"
},
{
"key": "primaryColumns.EditActions1.saveBorderRadius"
},
{
"key": "primaryColumns.EditActions1.discardBorderRadius"
},
{
"key": "primaryColumns.EditActions1.isSaveDisabled"
},
{
"key": "primaryColumns.EditActions1.isDiscardDisabled"
},
{
"key": "primaryColumns.id.computedValue"
},
{
"key": "primaryColumns.gender.computedValue"
},
{
"key": "primaryColumns.latitude.computedValue"
},
{
"key": "primaryColumns.longitude.computedValue"
},
{
"key": "primaryColumns.dob.computedValue"
},
{
"key": "primaryColumns.phone.computedValue"
},
{
"key": "primaryColumns.email.computedValue"
},
{
"key": "primaryColumns.image.computedValue"
},
{
"key": "primaryColumns.country.computedValue"
},
{
"key": "primaryColumns.name.computedValue"
},
{
"key": "primaryColumns.image.displayText"
}
],
"leftColumn": 9,
"delimiter": ",",
"defaultSelectedRowIndex": 0,
"showInlineEditingOptionDropdown": true,
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
"isVisibleFilters": true,
"isVisible": true,
"enableClientSideSearch": true,
"version": 1,
"totalRecordsCount": 0,
"isLoading": false,
"childStylesheet": {
"button": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"boxShadow": "none"
},
"menuButton": {
"menuColor": "{{appsmith.theme.colors.primaryColor}}",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"boxShadow": "none"
},
"iconButton": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"boxShadow": "none"
},
"editActions": {
"saveButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"discardButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
}
},
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"defaultSelectedRowIndices": [
0
],
"widgetName": "Table1",
"defaultPageSize": 0,
"columnOrder": [
"image",
"id",
"gender",
"latitude",
"longitude",
"dob",
"phone",
"email",
"country",
"name",
"EditActions1"
],
"dynamicPropertyPathList": [
{
"key": "primaryColumns.EditActions1.isSaveDisabled"
},
{
"key": "primaryColumns.EditActions1.isDiscardDisabled"
},
{
"key": "tableData"
}
],
"displayName": "Table",
"bottomRow": 41,
"columnWidthMap": {
"task": 245,
"step": 118,
"status": 75
},
"parentRowSpace": 10,
"hideCard": false,
"parentColumnSpace": 42.5625,
"dynamicTriggerPathList": [],
"primaryColumns": {
"EditActions1": {
"allowCellWrapping": false,
"index": 4,
"width": 150,
"originalId": "EditActions1",
"id": "EditActions1",
"alias": "EditActions1",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "editActions",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": true,
"label": "Save / Discard",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "",
"validation": {},
"buttonStyle": "rgb(3, 179, 101)",
"saveIconAlign": "left",
"discardIconAlign": "left",
"saveActionLabel": "Save",
"discardActionLabel": "Discard",
"saveButtonColor": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}",
"discardButtonColor": "#F22B2B",
"saveBorderRadius": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
"discardBorderRadius": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
"discardButtonVariant": "TERTIARY",
"isSaveDisabled": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( !Table1.updatedRowIndices.includes(currentIndex)))}}",
"isDiscardDisabled": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( !Table1.updatedRowIndices.includes(currentIndex)))}}"
},
"id": {
"allowCellWrapping": false,
"index": 0,
"width": 150,
"originalId": "id",
"id": "id",
"alias": "id",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "id",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}",
"cellBackground": ""
},
"gender": {
"allowCellWrapping": false,
"index": 1,
"width": 150,
"originalId": "gender",
"id": "gender",
"alias": "gender",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "gender",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}",
"cellBackground": ""
},
"latitude": {
"allowCellWrapping": false,
"index": 2,
"width": 150,
"originalId": "latitude",
"id": "latitude",
"alias": "latitude",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "latitude",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"latitude\"]))}}",
"cellBackground": ""
},
"longitude": {
"allowCellWrapping": false,
"index": 3,
"width": 150,
"originalId": "longitude",
"id": "longitude",
"alias": "longitude",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "longitude",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"longitude\"]))}}",
"cellBackground": ""
},
"dob": {
"allowCellWrapping": false,
"index": 4,
"width": 150,
"originalId": "dob",
"id": "dob",
"alias": "dob",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "dob",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"dob\"]))}}",
"cellBackground": ""
},
"phone": {
"allowCellWrapping": false,
"index": 5,
"width": 150,
"originalId": "phone",
"id": "phone",
"alias": "phone",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "phone",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"phone\"]))}}",
"cellBackground": ""
},
"email": {
"allowCellWrapping": false,
"index": 6,
"width": 150,
"originalId": "email",
"id": "email",
"alias": "email",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "email",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}",
"cellBackground": ""
},
"image": {
"allowCellWrapping": false,
"index": 7,
"width": 150,
"originalId": "image",
"id": "image",
"alias": "image",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "url",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "image",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"image\"]))}}",
"cellBackground": "",
"displayText": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( 'Profile pic'))}}"
},
"country": {
"allowCellWrapping": false,
"index": 8,
"width": 150,
"originalId": "country",
"id": "country",
"alias": "country",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "country",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"country\"]))}}",
"cellBackground": ""
},
"name": {
"allowCellWrapping": false,
"index": 9,
"width": 150,
"originalId": "name",
"id": "name",
"alias": "name",
"horizontalAlignment": "LEFT",
"verticalAlignment": "CENTER",
"columnType": "text",
"textColor": "",
"textSize": "0.875rem",
"enableFilter": true,
"enableSort": true,
"isVisible": true,
"isDisabled": false,
"isCellEditable": false,
"isEditable": false,
"isCellVisible": true,
"isDerived": false,
"label": "name",
"isSaveVisible": true,
"isDiscardVisible": true,
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}",
"cellBackground": ""
}
},
"key": "66mipr3bhq",
"isDeprecated": false,
"rightColumn": 57,
"textSize": "0.875rem",
"widgetId": "8qeuty6826",
"tableData": "[\n {\n \"id\": 1,\n \"gender\": \"female\",\n \"latitude\": \"-45.7997\",\n \"longitude\": \"134.7575\",\n \"dob\": \"1949-03-04T20:39:54.475Z\",\n \"phone\": \"02-4497-0877\",\n \"email\": \"hilda.fisher@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/39.jpg\",\n \"country\": \"Australia\",\n \"name\": \"fish\"\n },\n {\n \"id\": 2,\n \"gender\": \"male\",\n \"latitude\": \"42.9756\",\n \"longitude\": \"105.8589\",\n \"dob\": \"1987-04-23T20:44:58.921Z\",\n \"phone\": \"(456)-174-6938\",\n \"email\": \"alies@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/6.jpg\",\n \"country\": \"Netherlands\",\n \"name\": \"Aliesds\"\n },\n {\n \"id\": 3,\n \"gender\": \"female\",\n \"latitude\": \"-14.0884\",\n \"longitude\": \"27.0428\",\n \"dob\": \"1980-05-14T12:00:46.973Z\",\n \"phone\": \"29700140\",\n \"email\": \"sofia@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/88.jpg\",\n \"country\": \"Norway\",\n \"name\": \"Sofia\"\n },\n {\n \"id\": 4,\n \"gender\": \"male\",\n \"latitude\": \"-88.0169\",\n \"longitude\": \"-118.7708\",\n \"dob\": \"1984-02-25T07:31:12.723Z\",\n \"phone\": \"594-620-3202\",\n \"email\": \"jack.frost@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/52.jpg\",\n \"country\": \"Canada\",\n \"name\": \"Jack\"\n },\n {\n \"id\": 5,\n \"gender\": \"female\",\n \"latitude\": \"73.6320\",\n \"longitude\": \"-167.3976\",\n \"dob\": \"1995-11-22T02:25:20.419Z\",\n \"phone\": \"016973 12222\",\n \"email\": \"caroline.daniels@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/91.jpg\",\n \"country\": \"United Kingdom\",\n \"name\": \"Caroline Daniels\"\n },\n {\n \"id\": 6,\n \"gender\": \"male\",\n \"latitude\": \"86.1891\",\n \"longitude\": \"-56.8442\",\n \"dob\": \"1959-02-20T02:42:20.579Z\",\n \"phone\": \"61521059\",\n \"email\": \"mohamad.persson@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/58.jpg\",\n \"country\": \"Norway\",\n \"name\": \"Mohamad Persson\"\n },\n {\n \"id\": 7,\n \"gender\": \"male\",\n \"latitude\": \"-83.6654\",\n \"longitude\": \"87.6481\",\n \"dob\": \"1952-02-22T18:47:29.476Z\",\n \"phone\": \"(212)-051-1147\",\n \"email\": \"julia.armstrong@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/30.jpg\",\n \"country\": \"United States\",\n \"name\": \"Julia Armstrong\"\n },\n {\n \"id\": 8,\n \"gender\": \"female\",\n \"latitude\": \"38.7394\",\n \"longitude\": \"-31.7919\",\n \"dob\": \"1955-10-07T11:31:49.823Z\",\n \"phone\": \"(817)-164-4040\",\n \"email\": \"shiva.duijf@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/88.jpg\",\n \"country\": \"Netherlands\",\n \"name\": \"Shiva Duijf\"\n },\n {\n \"id\": 9,\n \"gender\": \"male\",\n \"latitude\": \"4.5623\",\n \"longitude\": \"9.0901\",\n \"dob\": \"1952-02-05T07:30:11.466Z\",\n \"phone\": \"33668847\",\n \"email\": \"john.haugsvaer@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/30.jpg\",\n \"country\": \"Norway\",\n \"name\": \"John Haugsvær\"\n },\n {\n \"id\": 10,\n \"gender\": \"male\",\n \"latitude\": \"-49.4156\",\n \"longitude\": \"-132.3755\",\n \"dob\": \"1977-03-27T02:12:01.151Z\",\n \"phone\": \"212-355-8035\",\n \"email\": \"david.mackay@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/73.jpg\",\n \"country\": \"Canada\",\n \"name\": \"David Mackay\"\n }\n]",
"label": "Data",
"searchKey": "",
"parentId": "0",
"renderMode": "CANVAS",
"horizontalAlignment": "LEFT",
"isVisibleSearch": true,
"isVisiblePagination": true,
"verticalAlignment": "CENTER"
}
]
}
}