fix: onclick handler update in ButtonGroup Widget to resolve onClick (#12442)
This commit is contained in:
Bhavin K
GitHub
parent
7575756d09
commit
e4f1737bca
136
app/client/cypress/fixtures/buttonGroupDsl.json
Normal file
136
app/client/cypress/fixtures/buttonGroupDsl.json
Normal file
|
|
@ -0,0 +1,136 @@
|
||||||
|
{
|
||||||
|
"dsl": {
|
||||||
|
"widgetName": "MainContainer",
|
||||||
|
"backgroundColor": "none",
|
||||||
|
"rightColumn": 1056,
|
||||||
|
"snapColumns": 64,
|
||||||
|
"detachFromLayout": true,
|
||||||
|
"widgetId": "0",
|
||||||
|
"topRow": 0,
|
||||||
|
"bottomRow": 5016,
|
||||||
|
"containerStyle": "none",
|
||||||
|
"snapRows": 125,
|
||||||
|
"parentRowSpace": 1,
|
||||||
|
"type": "CANVAS_WIDGET",
|
||||||
|
"canExtend": true,
|
||||||
|
"version": 54,
|
||||||
|
"minHeight": 370,
|
||||||
|
"parentColumnSpace": 1,
|
||||||
|
"dynamicBindingPathList": [],
|
||||||
|
"leftColumn": 0,
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"isVisible": true,
|
||||||
|
"widgetName": "ButtonGroup1",
|
||||||
|
"orientation": "horizontal",
|
||||||
|
"buttonVariant": "PRIMARY",
|
||||||
|
"version": 1,
|
||||||
|
"animateLoading": true,
|
||||||
|
"groupButtons": {
|
||||||
|
"groupButton1": {
|
||||||
|
"label": "Favorite",
|
||||||
|
"iconName": "heart",
|
||||||
|
"id": "groupButton1",
|
||||||
|
"widgetId": "",
|
||||||
|
"buttonColor": "#03B365",
|
||||||
|
"buttonType": "SIMPLE",
|
||||||
|
"placement": "CENTER",
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"index": 0,
|
||||||
|
"menuItems": {}
|
||||||
|
},
|
||||||
|
"groupButton2": {
|
||||||
|
"label": "Add",
|
||||||
|
"iconName": "add",
|
||||||
|
"id": "groupButton2",
|
||||||
|
"buttonColor": "#03B365",
|
||||||
|
"buttonType": "SIMPLE",
|
||||||
|
"placement": "CENTER",
|
||||||
|
"widgetId": "",
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"index": 1,
|
||||||
|
"menuItems": {},
|
||||||
|
"onClick": "{{showAlert('test alert','info')}}"
|
||||||
|
},
|
||||||
|
"groupButton3": {
|
||||||
|
"label": "More",
|
||||||
|
"iconName": "more",
|
||||||
|
"id": "groupButton3",
|
||||||
|
"buttonType": "SIMPLE",
|
||||||
|
"placement": "CENTER",
|
||||||
|
"buttonColor": "#03B365",
|
||||||
|
"widgetId": "",
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"index": 2,
|
||||||
|
"menuItems": {
|
||||||
|
"menuItem1": {
|
||||||
|
"label": "First Option",
|
||||||
|
"backgroundColor": "#FFFFFF",
|
||||||
|
"id": "menuItem1",
|
||||||
|
"widgetId": "",
|
||||||
|
"onClick": "",
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"index": 0
|
||||||
|
},
|
||||||
|
"menuItem2": {
|
||||||
|
"label": "Second Option",
|
||||||
|
"backgroundColor": "#FFFFFF",
|
||||||
|
"id": "menuItem2",
|
||||||
|
"widgetId": "",
|
||||||
|
"onClick": "",
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"index": 1
|
||||||
|
},
|
||||||
|
"menuItem3": {
|
||||||
|
"label": "Delete",
|
||||||
|
"iconName": "trash",
|
||||||
|
"iconColor": "#FFFFFF",
|
||||||
|
"iconAlign": "right",
|
||||||
|
"textColor": "#FFFFFF",
|
||||||
|
"backgroundColor": "#DD4B34",
|
||||||
|
"id": "menuItem3",
|
||||||
|
"widgetId": "",
|
||||||
|
"onClick": "",
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"index": 2
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"onClick": "{{showAlert('test on click','info')}}"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"type": "BUTTON_GROUP_WIDGET",
|
||||||
|
"hideCard": false,
|
||||||
|
"displayName": "Button Group",
|
||||||
|
"key": "02rpaqr4am",
|
||||||
|
"iconSVG": "/static/media/icon.d6773218.svg",
|
||||||
|
"isCanvas": false,
|
||||||
|
"widgetId": "6pvgktutco",
|
||||||
|
"renderMode": "CANVAS",
|
||||||
|
"isLoading": false,
|
||||||
|
"parentColumnSpace": 16.3125,
|
||||||
|
"parentRowSpace": 10,
|
||||||
|
"leftColumn": 13,
|
||||||
|
"rightColumn": 37,
|
||||||
|
"topRow": 11,
|
||||||
|
"bottomRow": 15,
|
||||||
|
"parentId": "0",
|
||||||
|
"dynamicBindingPathList": [],
|
||||||
|
"dynamicTriggerPathList": [
|
||||||
|
{
|
||||||
|
"key": "groupButtons.groupButton3.onClick"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "groupButtons.groupButton2.onClick"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"dynamicPropertyPathList": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
const dsl = require("../../../../fixtures/buttonGroupDsl.json");
|
||||||
|
const commonlocators = require("../../../../locators/commonlocators.json");
|
||||||
|
const publishPage = require("../../../../locators/publishWidgetspage.json");
|
||||||
|
|
||||||
|
describe("Widget Grouping", function() {
|
||||||
|
before(() => {
|
||||||
|
cy.addDsl(dsl);
|
||||||
|
});
|
||||||
|
|
||||||
|
it("Button widgets widget on click info message valdiation ", function() {
|
||||||
|
cy.get(".t--buttongroup-widget button")
|
||||||
|
.contains("Add")
|
||||||
|
.click({ force: true });
|
||||||
|
cy.get(".t--buttongroup-widget button")
|
||||||
|
.contains("More")
|
||||||
|
.click({ force: true });
|
||||||
|
cy.get(commonlocators.toastmsg).contains("test alert");
|
||||||
|
cy.PublishtheApp();
|
||||||
|
cy.get(".t--buttongroup-widget button")
|
||||||
|
.contains("Add")
|
||||||
|
.click({ force: true });
|
||||||
|
cy.get(".t--buttongroup-widget button")
|
||||||
|
.contains("More")
|
||||||
|
.click({ force: true });
|
||||||
|
cy.get(commonlocators.toastmsg).contains("test alert");
|
||||||
|
cy.goToEditFromPublish();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
@ -540,7 +540,7 @@ class ButtonGroupComponent extends React.Component<
|
||||||
return acc;
|
return acc;
|
||||||
}, {});
|
}, {});
|
||||||
|
|
||||||
onButtonClick = (onClick: string | undefined) => () => {
|
onButtonClick = (onClick: string | undefined) => {
|
||||||
this.props.buttonClickHandler(onClick);
|
this.props.buttonClickHandler(onClick);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user