a72e3347f5
> 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>
548 lines
22 KiB
JSON
548 lines
22 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 1280,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 1310,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 23,
|
|
"minHeight": 1320,
|
|
"parentColumnSpace": 1,
|
|
"dynamicTriggerPathList": [],
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"backgroundColor": "#ffffff",
|
|
"widgetName": "Container1",
|
|
"rightColumn": 64,
|
|
"widgetId": "sc2tsag5jw",
|
|
"containerStyle": "card",
|
|
"topRow": 0,
|
|
"bottomRow": 6,
|
|
"parentRowSpace": 10,
|
|
"isVisible": true,
|
|
"type": "CONTAINER_WIDGET",
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 16.432031249999998,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [],
|
|
"children": [
|
|
{
|
|
"widgetName": "Canvas1",
|
|
"rightColumn": 525.8249999999999,
|
|
"detachFromLayout": true,
|
|
"widgetId": "v615d41hf1",
|
|
"containerStyle": "none",
|
|
"topRow": 0,
|
|
"bottomRow": 400,
|
|
"parentRowSpace": 1,
|
|
"isVisible": true,
|
|
"canExtend": false,
|
|
"type": "CANVAS_WIDGET",
|
|
"version": 1,
|
|
"parentId": "sc2tsag5jw",
|
|
"minHeight": 400,
|
|
"isLoading": false,
|
|
"parentColumnSpace": 1,
|
|
"leftColumn": 0,
|
|
"children": []
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"image": "https://source.unsplash.com/mGFHA_0TWnA/2048x620",
|
|
"widgetName": "Image1",
|
|
"rightColumn": 64,
|
|
"widgetId": "ah4cbb9o2e",
|
|
"topRow": 6,
|
|
"bottomRow": 39,
|
|
"parentRowSpace": 10,
|
|
"isVisible": true,
|
|
"type": "IMAGE_WIDGET",
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"isLoading": false,
|
|
"maxZoomLevel": 1,
|
|
"parentColumnSpace": 16.432031249999998,
|
|
"dynamicTriggerPathList": [],
|
|
"imageShape": "RECTANGLE",
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [],
|
|
"defaultImage": "https://res.cloudinary.com/drako999/image/upload/v1589196259/default.png"
|
|
},
|
|
{
|
|
"backgroundColor": "#FFFFFF",
|
|
"widgetName": "Container2",
|
|
"rightColumn": 64,
|
|
"widgetId": "0oh55q30ji",
|
|
"containerStyle": "card",
|
|
"topRow": 39,
|
|
"bottomRow": 85,
|
|
"parentRowSpace": 10,
|
|
"isVisible": true,
|
|
"type": "CONTAINER_WIDGET",
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"isLoading": false,
|
|
"shouldScrollContents": false,
|
|
"parentColumnSpace": 16.432031249999998,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [],
|
|
"children": [
|
|
{
|
|
"widgetName": "Canvas2",
|
|
"rightColumn": 525.8249999999999,
|
|
"detachFromLayout": true,
|
|
"widgetId": "9kax26wjp6",
|
|
"containerStyle": "none",
|
|
"topRow": 0,
|
|
"bottomRow": 460,
|
|
"parentRowSpace": 1,
|
|
"isVisible": true,
|
|
"canExtend": false,
|
|
"type": "CANVAS_WIDGET",
|
|
"version": 1,
|
|
"parentId": "0oh55q30ji",
|
|
"minHeight": 400,
|
|
"isLoading": false,
|
|
"parentColumnSpace": 1,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [],
|
|
"children": [
|
|
{
|
|
"widgetName": "Table2",
|
|
"columnOrder": [
|
|
"data",
|
|
"customColumn3",
|
|
"customColumn4",
|
|
"customColumn5",
|
|
"customColumn6",
|
|
"page_id",
|
|
"customColumn2",
|
|
"customColumn7",
|
|
"customColumn8"
|
|
],
|
|
"aliasMap": {
|
|
"data": "data",
|
|
"customColumn3": "customColumn3",
|
|
"customColumn4": "customColumn4",
|
|
"customColumn5": "customColumn5",
|
|
"customColumn6": "customColumn6",
|
|
"page_id": "page_id",
|
|
"customColumn2": "customColumn2",
|
|
"customColumn7": "customColumn7",
|
|
"customColumn8": "customColumn8"
|
|
},
|
|
"dynamicPropertyPathList": [{"key": "tableData"}],
|
|
"topRow": 4,
|
|
"bottomRow": 44,
|
|
"parentRowSpace": 10,
|
|
"type": "TABLE_WIDGET_V2",
|
|
"parentColumnSpace": 16.182031249999998,
|
|
"dynamicTriggerPathList": [
|
|
{
|
|
"key": "primaryColumns.customColumn2.onClick"
|
|
}
|
|
],
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "tableData"
|
|
},
|
|
{
|
|
"key": "primaryColumns.data.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.page_id.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.customColumn3.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.customColumn4.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.customColumn5.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.customColumn6.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.customColumn7.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.customColumn8.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.customColumn2.buttonLabel"
|
|
}
|
|
],
|
|
"leftColumn": 0,
|
|
"primaryColumns": {
|
|
"customColumn7": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.author?.email})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 8,
|
|
"isVisible": true,
|
|
"label": "Author",
|
|
"columnType": "text",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn7",
|
|
"alias": "customColumn7",
|
|
"originalId": "customColumn7",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"page_id": {
|
|
"isDerived": false,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.page_id})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"index": 1,
|
|
"isVisible": false,
|
|
"label": "page_id",
|
|
"columnType": "text",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "page_id",
|
|
"alias": "page_id",
|
|
"originalId": "page_id",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn8": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.updated_at?.date.start})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 9,
|
|
"isVisible": true,
|
|
"label": "Last Updated",
|
|
"inputFormat": "YYYY-MM-DD",
|
|
"columnType": "date",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn8",
|
|
"alias": "customColumn8",
|
|
"originalId": "customColumn8",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"outputFormat": "LL",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"data": {
|
|
"isDerived": false,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return '#' + currentRow.data.id?.number})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"index": 0,
|
|
"isVisible": true,
|
|
"label": "ID",
|
|
"fontStyle": "BOLD",
|
|
"columnType": "text",
|
|
"horizontalAlignment": "RIGHT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "data",
|
|
"alias": "data",
|
|
"originalId": "data",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn2": {
|
|
"isDerived": true,
|
|
"computedValue": "",
|
|
"onClick": "{{showModal('Modal2')}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "#38AFF4",
|
|
"index": 9,
|
|
"isVisible": true,
|
|
"label": "Re-Estimate",
|
|
"buttonLabel": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return 'Update'})}}",
|
|
"columnType": "button",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn2",
|
|
"alias": "customColumn2",
|
|
"originalId": "customColumn2",
|
|
"buttonLabelColor": "#F6F7F8",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn3": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.estimate?.number})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 4,
|
|
"isVisible": true,
|
|
"label": "Estimate(SP)",
|
|
"columnType": "number",
|
|
"horizontalAlignment": "RIGHT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn3",
|
|
"alias": "customColumn3",
|
|
"originalId": "customColumn3",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn4": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.issue_type?.select.name})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 5,
|
|
"isVisible": true,
|
|
"label": "Issue Type",
|
|
"columnType": "text",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn4",
|
|
"alias": "customColumn4",
|
|
"originalId": "customColumn4",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn5": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.issue_url?.url})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 6,
|
|
"isVisible": true,
|
|
"label": "Issue URL",
|
|
"columnType": "url",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn5",
|
|
"alias": "customColumn5",
|
|
"originalId": "customColumn5",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn6": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.created_at?.date.start})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 7,
|
|
"isVisible": true,
|
|
"label": "Created At",
|
|
"inputFormat": "YYYY-MM-DD",
|
|
"columnType": "date",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn6",
|
|
"alias": "customColumn6",
|
|
"originalId": "customColumn6",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"outputFormat": "LL",
|
|
"verticalAlignment": "CENTER"
|
|
}
|
|
},
|
|
"derivedColumns": {
|
|
"customColumn7": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.author?.email})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 8,
|
|
"isVisible": true,
|
|
"label": "Author",
|
|
"columnType": "text",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn7",
|
|
"alias": "customColumn7",
|
|
"originalId": "customColumn7",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn8": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.updated_at?.date.start})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 9,
|
|
"isVisible": true,
|
|
"label": "Last Updated",
|
|
"inputFormat": "YYYY-MM-DD",
|
|
"columnType": "date",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn8",
|
|
"alias": "customColumn8",
|
|
"originalId": "customColumn8",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"outputFormat": "LL",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn2": {
|
|
"isDerived": true,
|
|
"computedValue": "",
|
|
"onClick": "{{showModal('Modal2')}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "#38AFF4",
|
|
"index": 9,
|
|
"isVisible": true,
|
|
"label": "Re-Estimate",
|
|
"buttonLabel": "{{Table1.processedTableData.map((currentRow, currentIndex) => { return 'Update'})}}",
|
|
"columnType": "button",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn2",
|
|
"alias": "customColumn2",
|
|
"originalId": "customColumn2",
|
|
"buttonLabelColor": "#F6F7F8",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn3": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.estimate?.number})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 4,
|
|
"isVisible": true,
|
|
"label": "Estimate(SP)",
|
|
"columnType": "number",
|
|
"horizontalAlignment": "RIGHT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn3",
|
|
"alias": "customColumn3",
|
|
"originalId": "customColumn3",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn4": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.issue_type?.select.name})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 5,
|
|
"isVisible": true,
|
|
"label": "Issue Type",
|
|
"columnType": "text",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn4",
|
|
"alias": "customColumn4",
|
|
"originalId": "customColumn4",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn5": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.issue_url?.url})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 6,
|
|
"isVisible": true,
|
|
"label": "Issue URL",
|
|
"columnType": "url",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn5",
|
|
"alias": "customColumn5",
|
|
"originalId": "customColumn5",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
"customColumn6": {
|
|
"isDerived": true,
|
|
"computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => { return currentRow.data.created_at?.date.start})}}",
|
|
"textSize": "PARAGRAPH2",
|
|
"buttonStyle": "rgb(3, 179, 101)",
|
|
"index": 7,
|
|
"isVisible": true,
|
|
"label": "Created At",
|
|
"inputFormat": "YYYY-MM-DD",
|
|
"columnType": "date",
|
|
"horizontalAlignment": "LEFT",
|
|
"width": 150,
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"id": "customColumn6",
|
|
"alias": "customColumn6",
|
|
"originalId": "customColumn6",
|
|
"buttonLabelColor": "#FFFFFF",
|
|
"outputFormat": "LL",
|
|
"verticalAlignment": "CENTER"
|
|
}
|
|
},
|
|
"rightColumn": 64,
|
|
"textSize": "PARAGRAPH2",
|
|
"widgetId": "efhhtr442b",
|
|
"tableData": "{{[]}}",
|
|
"isVisible": true,
|
|
"label": "Data",
|
|
"searchKey": "",
|
|
"version": 1,
|
|
"parentId": "9kax26wjp6",
|
|
"isLoading": false,
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnSizeMap": {
|
|
"parent": 136,
|
|
"issue_url": 174,
|
|
"data": 72,
|
|
"author": 174,
|
|
"issue_type": 109,
|
|
"created_at": 117,
|
|
"customColumn1": 122,
|
|
"customColumn2": 110,
|
|
"customColumn3": 110,
|
|
"customColumn4": 112,
|
|
"customColumn5": 320,
|
|
"task": 245,
|
|
"estimate": 109,
|
|
"step": 62,
|
|
"id": 60,
|
|
"status": 75
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
} |