diff --git a/app/client/cypress/fixtures/ButtonGroup_MenuButton_Width_dsl.json b/app/client/cypress/fixtures/ButtonGroup_MenuButton_Width_dsl.json index 3168a243d3..2a44790aaf 100644 --- a/app/client/cypress/fixtures/ButtonGroup_MenuButton_Width_dsl.json +++ b/app/client/cypress/fixtures/ButtonGroup_MenuButton_Width_dsl.json @@ -114,7 +114,7 @@ "renderMode": "CANVAS", "isLoading": false, "animateLoading": true, - "parentColumnSpace": 17.9375, + "parentColumnSpace": 11.9375, "leftColumn": 1, "buttonVariant": "PRIMARY", "key": "qxtmv7r8yb" @@ -214,7 +214,7 @@ "renderMode": "CANVAS", "isLoading": false, "animateLoading": true, - "parentColumnSpace": 17.9375, + "parentColumnSpace": 11.9375, "leftColumn": 1, "buttonVariant": "PRIMARY", "key": "qxtmv7r8yb" @@ -306,7 +306,7 @@ "type": "BUTTON_GROUP_WIDGET", "hideCard": false, "animateLoading": true, - "parentColumnSpace": 17.9375, + "parentColumnSpace": 11.9375, "dynamicTriggerPathList": [], "leftColumn": 1, "dynamicBindingPathList": [], @@ -323,4 +323,4 @@ } ] } -} \ No newline at end of file +} diff --git a/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/Widgets/Button/ButtonGroup_MenuButton_Width_spec.js b/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/Widgets/Button/ButtonGroup_MenuButton_Width_spec.js index b4db1aa33e..1635f79a18 100644 --- a/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/Widgets/Button/ButtonGroup_MenuButton_Width_spec.js +++ b/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/Widgets/Button/ButtonGroup_MenuButton_Width_spec.js @@ -1,4 +1,5 @@ const dsl = require("../../../../../fixtures/ButtonGroup_MenuButton_Width_dsl.json"); +const commonlocators = require("../../../../../locators/commonlocators.json"); describe("In a button group widget, menu button width", function () { before(() => { @@ -6,7 +7,9 @@ describe("In a button group widget, menu button width", function () { }); it("If target width is smaller than min-width, The menu button popover width should be set to minimum width", () => { - const minWidth = 12 * 11.9375; + cy.get(commonlocators.layoutControls).eq(3).click(); + + const minWidth = 12 * 12.3125; const widgetId = "yxjq5sck7d"; // Get the default menu button cy.get(`.appsmith_widget_${widgetId} div.t--buttongroup-widget`) @@ -30,7 +33,7 @@ describe("In a button group widget, menu button width", function () { }); it("If target width is bigger than min width, The menu button popover width should always be the same as the target width", () => { - const minWidth = 12 * 11.9375; + const minWidth = 12 * 12.3125; const widgetId = "t5l24fccio"; // Get the default menu button @@ -55,7 +58,7 @@ describe("In a button group widget, menu button width", function () { }); it("After converting a simple button to a menu button, The menu button popover width should always be the same as the target width", () => { - const minWidth = 12 * 11.9375; + const minWidth = 12 * 12.3125; const widgetId = "t5l24fccio"; const menuButtonId = "groupButton1"; // Change the first button type to menu @@ -84,7 +87,7 @@ describe("In a button group widget, menu button width", function () { }); it("If an existing menu button width changes, its popover width should always be the same as the changed target width", () => { - const minWidth = 12 * 11.9375; + const minWidth = 12 * 12.3125; const widgetId = "t5l24fccio"; cy.get(".t--property-pane-back-btn").click(); // Change the first button text