feat: Enable new toolbar for cypress

app/client/cypress/e2e/GSheet/AllAccess_Spec.ts

@@ -46,7 +46,7 @@ describe.skip(
 
     it("1. Add and verify fetch details query", () => {
       entityExplorer.CreateNewDsQuery(dataSourceName);
-      agHelper.RenameWithInPane("Fetch_Details");
+      agHelper.RenameQuery("Fetch_Details");
       dataSources.ValidateNSelectDropdown(
         "Operation",
         "Fetch Many",

app/client/cypress/e2e/GSheet/GsheetMisc_Spec.ts

@@ -66,7 +66,7 @@ describe.skip(
     it("1. Add query from active ds tab and verify", () => {
       dataSources.CreateQueryForDS(dataSourceName);
       // entityExplorer.CreateNewDsQuery(dataSourceName);
-      agHelper.RenameWithInPane("Fetch_Details");
+      agHelper.RenameQuery("Fetch_Details");
       dataSources.ValidateNSelectDropdown(
         "Operation",
         "Fetch Many",

app/client/cypress/e2e/GSheet/ReadNWrite_Access_Spec.ts

@@ -50,7 +50,7 @@ describe.skip(
 
     it("1. Add and verify fetch details query", () => {
       entityExplorer.CreateNewDsQuery(dataSourceName.readNWrite);
-      agHelper.RenameWithInPane("Fetch_Details");
+      agHelper.RenameQuery("Fetch_Details");
       dataSources.ValidateNSelectDropdown(
         "Operation",
         "Fetch Many",

app/client/cypress/e2e/GSheet/ReadOnly_Access_Spec.ts

@@ -50,7 +50,7 @@ describe.skip(
 
     it("1. Add and verify fetch details query", () => {
       entityExplorer.CreateNewDsQuery(dataSourceName.readOnly);
-      agHelper.RenameWithInPane("Fetch_Details");
+      agHelper.RenameQuery("Fetch_Details");
       dataSources.ValidateNSelectDropdown(
         "Operation",
         "Fetch Many",

app/client/cypress/e2e/GSheet/SelectedSheet_Access_Spec.ts

@@ -34,7 +34,7 @@ describe(
 
     it("1. Add and verify fetch details query", () => {
       entityExplorer.CreateNewDsQuery(dataSourceName);
-      agHelper.RenameWithInPane("Fetch_Details");
+      agHelper.RenameQuery("Fetch_Details");
       dataSources.ValidateNSelectDropdown(
         "Operation",
         "Fetch Many",

app/client/cypress/e2e/Regression/ClientSide/BugTests/DSDiscardBugs_spec.ts

@@ -20,7 +20,7 @@ describe(
         // because I do not need to fill the datasource form and use the same default data
         _.dataSources.CreatePlugIn("PostgreSQL");
         dsName = "Postgres" + uid;
-        _.agHelper.RenameWithInPane(dsName, false);
+        _.agHelper.RenameDatasource(dsName);
         _.dataSources.SaveDatasource();
         _.agHelper.Sleep();
         _.dataSources.EditDatasource();
@@ -39,7 +39,7 @@ describe(
         // because I do not need to fill the datasource form and use the same default data
         _.dataSources.CreatePlugIn("Authenticated API");
         dsName = "AuthDS" + uid;
-        _.agHelper.RenameWithInPane(dsName, false);
+        _.agHelper.RenameDatasource(dsName);
         _.dataSources.FillAuthAPIUrl();
         _.dataSources.SaveDatasource();
         _.agHelper.Sleep();
@@ -62,7 +62,7 @@ describe(
         // because I do not need to fill the datasource form and use the same default data
         _.dataSources.CreatePlugIn("MongoDB");
         dsName = "Mongo" + uid;
-        _.agHelper.RenameWithInPane(dsName, false);
+        _.agHelper.RenameDatasource(dsName);
         _.dataSources.FillMongoDSForm();
         _.dataSources.SaveDatasource();
         _.agHelper.Sleep();
@@ -86,7 +86,7 @@ describe(
         // because I do not need to fill the datasource form and use the same default data
         _.dataSources.CreatePlugIn("MongoDB");
         dsName = "Mongo" + uid;
-        _.agHelper.RenameWithInPane(dsName, false);
+        _.agHelper.RenameDatasource(dsName);
         _.dataSources.FillMongoDSForm();
         _.dataSources.SaveDatasource();
         _.agHelper.Sleep();
@@ -110,7 +110,7 @@ describe(
         // because I do not need to fill the datasource form and use the same default data
         _.dataSources.CreatePlugIn("MongoDB");
         dsName = "Mongo" + uid;
-        _.agHelper.RenameWithInPane(dsName, false);
+        _.agHelper.RenameDatasource(dsName);
         _.dataSources.FillMongoDSForm();
         _.dataSources.SaveDatasource();
         _.agHelper.Sleep();
@@ -133,7 +133,7 @@ describe(
         // because I do not need to fill the datasource form and use the same default data
         _.dataSources.CreatePlugIn("MongoDB");
         dsName = "Mongo" + uid;
-        _.agHelper.RenameWithInPane(dsName, false);
+        _.agHelper.RenameDatasource(dsName);
         _.dataSources.FillMongoDSForm();
         _.dataSources.SaveDatasource();
         _.agHelper.Sleep();

app/client/cypress/e2e/Regression/ClientSide/BugTests/DS_Bug19893_spec.ts

@@ -12,7 +12,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dsName = "AuthAPI " + uid;
         _.dataSources.CreatePlugIn("Authenticated API");
-        _.agHelper.RenameWithInPane(dsName, false);
+        _.agHelper.RenameDatasource(dsName);
         _.dataSources.FillAuthAPIUrl();
         _.dataSources.AssertCursorPositionForTextInput(
           _.dataSources._urlInputControl,

app/client/cypress/e2e/Regression/ClientSide/BugTests/DS_Bug25148_Spec.ts

@@ -13,7 +13,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dsName = "AuthAPI " + uid;
         dataSources.CreatePlugIn("Authenticated API");
-        agHelper.RenameWithInPane(dsName, false);
+        agHelper.RenameDatasource(dsName);
         dataSources.FillAuthAPIUrl();
         dataSources.SaveDatasource();
         apiPage.CreateApi("API" + uid, "GET", true);

app/client/cypress/e2e/Regression/ClientSide/BugTests/DatasourceSchema_spec.ts

@@ -29,7 +29,7 @@ describe(
         dataSourceName = "Postgres " + guid;
         dataSources.NavigateToDSCreateNew();
         dataSources.CreatePlugIn("PostgreSQL");
-        agHelper.RenameWithInPane(dataSourceName, false);
+        agHelper.RenameDatasource(dataSourceName);
         dataSources.FillPostgresDSForm(
           "Production",
           false,

app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/CopyQuery_RenameDatasource_spec.js

@@ -41,7 +41,7 @@ describe(
       dataSources.EnterQuery("select * from users");
 
       cy.EvaluateCurrentValue("select * from users");
-      cy.get(".t--action-name-edit-field").click({ force: true });
+
       cy.get("@saveDatasource").then((httpResponse) => {
         datasourceName = httpResponse.response.body.data.name;
         PageLeftPane.switchSegment(PagePaneSegment.Queries);

app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Query_Datasource_spec.js

@@ -63,11 +63,11 @@ describe(
         datasourceName,
         EntityType.Datasource,
       );
-      agHelper.RenameWithInPane(`${datasourceName}new`, false);
+      agHelper.RenameDatasource(`${datasourceName}new`);
       cy.contains(dataSources._datasourceCard, `${datasourceName}new`);
 
       // reverting the name
-      agHelper.RenameWithInPane(datasourceName, false);
+      agHelper.RenameDatasource(datasourceName);
 
       // going  to the query create page
       EditorNavigation.SelectEntityByName("Query1", EntityType.Query);
@@ -81,7 +81,7 @@ describe(
       dataSources.EnterQuery("select * from users");
 
       cy.EvaluateCurrentValue("select * from users");
-      cy.get(".t--action-name-edit-field").click({ force: true });
+
       entityExplorer.ActionContextMenuByEntityName({
         entityNameinLeftSidebar: "Query1",
         action: "Show bindings",

app/client/cypress/e2e/Regression/ClientSide/Linting/BasicLint_spec.ts

@@ -115,12 +115,12 @@ describe("Linting", { tags: ["@tag.JS", "@tag.Binding"] }, () => {
 
   it("2. TC 1927 Cont'd - Doesn't show lint errors when Api is renamed", () => {
     EditorNavigation.SelectEntityByName("Api1", EntityType.Api);
-    agHelper.RenameWithInPane("Api2");
+    agHelper.RenameQuery("Api2");
 
     clickButtonAndAssertLintError(false);
 
     EditorNavigation.SelectEntityByName("Api2", EntityType.Api);
-    agHelper.RenameWithInPane("Api1");
+    agHelper.RenameQuery("Api1");
 
     clickButtonAndAssertLintError(false);
   });
@@ -237,13 +237,13 @@ describe("Linting", { tags: ["@tag.JS", "@tag.Binding"] }, () => {
 
   it("6. TC 1928 Cont'd - Shows correct lint error when Query is renamed", () => {
     EditorNavigation.SelectEntityByName("Query1", EntityType.Query);
-    agHelper.RenameWithInPane("Query2");
+    agHelper.RenameQuery("Query2");
 
     // Assert Absence of lint error
     clickButtonAndAssertLintError(false);
 
     EditorNavigation.SelectEntityByName("Query2", EntityType.Query);
-    agHelper.RenameWithInPane("Query1");
+    agHelper.RenameQuery("Query1");
 
     // Assert Absence of lint error
     clickButtonAndAssertLintError(false);

app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/PropertyControl_spec.ts

@@ -109,7 +109,7 @@ describe(
       });
       dataSources.NavigateToDSCreateNew();
       dataSources.CreatePlugIn("Mongo");
-      agHelper.RenameWithInPane("myinvalidds", false);
+      agHelper.RenameDatasource("myinvalidds");
 
       agHelper.ClearNType(dataSources._host(), "127.0.0.1");
       agHelper.ClearNType(dataSources._port, "8000");
@@ -136,7 +136,7 @@ describe(
       [1, 2].forEach((I) => {
         dataSources.NavigateToDSCreateNew();
         dataSources.CreatePlugIn("Mongo");
-        agHelper.RenameWithInPane(`dummy${I}`, false);
+        agHelper.RenameDatasource(`dummy${I}`);
 
         agHelper.ClearNType(dataSources._host(), "127.0.0.1");
         agHelper.ClearNType(dataSources._port, "8000");

app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/Omnibar_spec.js

@@ -66,7 +66,7 @@ describe("Omnibar functionality test cases", () => {
     assertHelper.AssertNetworkStatus("@createNewApi", 201);
     EditorNavigation.SelectEntityByName("Api1", EntityType.Api);
     agHelper.AssertURL("/api");
-    agHelper.RenameWithInPane(apiName);
+    agHelper.RenameQuery(apiName);
 
     agHelper.GetNClick(omnibar.globalSearch, 0, true);
     agHelper.GetNClickByContains(omnibar.categoryTitle, "Create new");

app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/ListV2_PageNo_PageSize_spec.js

@@ -162,11 +162,7 @@ describe(
       _.dataSources.CreateDataSource("Postgres");
       _.dataSources.CreateQueryAfterDSSaved();
 
-      // Click the editing field
-      cy.get(".t--action-name-edit-field").click({ force: true });
-
-      // Click the editing field
-      cy.get(queryLocators.queryNameField).type("Query1");
+      _.agHelper.RenameQuery("Query1");
 
       // switching off Use Prepared Statement toggle
       _.dataSources.ToggleUsePreparedStatement(false);

app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_BasicServerSideData_spec.js

@@ -189,13 +189,8 @@ describe(
       _.dataSources.CreateDataSource("Postgres");
       cy.wait(1000);
       _.dataSources.CreateQueryAfterDSSaved();
-      // Click the editing field
-      cy.get(".t--action-name-edit-field").click({
-        force: true,
-      });
 
-      // Click the editing field
-      cy.get(queryLocators.queryNameField).type("Query2");
+      _.agHelper.RenameQuery("Query2");
 
       // switching off Use Prepared Statement toggle
       _.dataSources.ToggleUsePreparedStatement(false);

app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/columnTypes/Select1_spec.ts

@@ -408,7 +408,7 @@ describe(
       );
       _.dataSources.ToggleUsePreparedStatement(false);
       cy.wait("@saveAction");
-      cy.get(".t--run-query").click();
+      cy.get(_.dataSources._runQueryBtn).click();
       cy.wait("@postExecute");
       PageLeftPane.switchSegment(PagePaneSegment.UI);
       cy.openPropertyPane("tablewidgetv2");

app/client/cypress/e2e/Regression/ServerSide/Datasources/ConnectionErrors_Spec.ts

@@ -22,7 +22,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dataSources.CreatePlugIn("PostgreSQL");
         dataSourceName = "PostgreSQL" + " " + uid;
-        agHelper.RenameWithInPane(dataSourceName, false);
+        agHelper.RenameDatasource(dataSourceName);
 
         dataSources.TestDatasource(false);
         agHelper.ValidateToastMessage("Missing username for authentication.");
@@ -81,7 +81,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dataSources.CreatePlugIn("MySQL");
         dataSourceName = "MySQL" + " " + uid;
-        agHelper.RenameWithInPane(dataSourceName, false);
+        agHelper.RenameDatasource(dataSourceName);
 
         dataSources.TestDatasource(false);
         agHelper.ValidateToastMessage("Host value cannot be empty");
@@ -133,7 +133,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dataSources.CreatePlugIn("MongoDB");
         dataSourceName = "MongoDB" + " " + uid;
-        agHelper.RenameWithInPane(dataSourceName, false);
+        agHelper.RenameDatasource(dataSourceName);
 
         dataSources.TestDatasource(false);
         agHelper.ValidateToastMessage(
@@ -234,7 +234,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dataSources.CreatePlugIn("Redis");
         dataSourceName = "Redis" + " " + uid;
-        agHelper.RenameWithInPane(dataSourceName, false);
+        agHelper.RenameDatasource(dataSourceName);
 
         dataSources.TestDatasource(false);
         agHelper.ValidateToastMessage(
@@ -255,7 +255,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dataSources.CreatePlugIn("S3");
         dataSourceName = "S3" + " " + uid;
-        agHelper.RenameWithInPane(dataSourceName, false);
+        agHelper.RenameDatasource(dataSourceName);
 
         dataSources.TestDatasource(false);
         agHelper.ValidateToastMessage(

app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MongoURI_Spec.ts

@@ -30,7 +30,7 @@ describe(
       cy.get("@guid").then((uid) => {
         dataSources.CreatePlugIn("MongoDB");
         dsName = "Mongo" + uid;
-        agHelper.RenameWithInPane(dsName, false);
+        agHelper.RenameDatasource(dsName);
         dataSources.FillMongoDatasourceFormWithURI();
         dataSources.TestSaveDatasource();
         AppSidebar.navigate(AppSidebarButton.Editor);

app/client/cypress/e2e/Regression/ServerSide/JsFunctionExecution/JSFunctionExecution_spec.ts

@@ -400,7 +400,7 @@ describe(
         jsObj = jsObjName;
       });
       // Switch to settings tab
-      agHelper.GetNClick(jsEditor._settingsTab);
+      jsEditor.toolbar.toggleSettings();
       // Add settings for each function (according to data)
       Object.values(FUNCTIONS_SETTINGS_DEFAULT_DATA).forEach(
         (functionSetting) => {
@@ -411,14 +411,14 @@ describe(
         },
       );
       // Switch to settings tab
-      agHelper.GetNClick(jsEditor._settingsTab);
+      jsEditor.toolbar.toggleSettings();
       //After JSObj is created - check methods are in alphabetical order
       assertAsyncFunctionsOrder(FUNCTIONS_SETTINGS_DEFAULT_DATA);
 
       agHelper.RefreshPage();
       agHelper.Sleep(2000); //for confirmatiom modal to appear before clicking on "Yes" button for CI runs
       // Switch to settings tab and assert order
-      agHelper.GetNClick(jsEditor._settingsTab);
+      jsEditor.toolbar.toggleSettings();
       assertAsyncFunctionsOrder(FUNCTIONS_SETTINGS_DEFAULT_DATA);
     });
 
@@ -463,14 +463,14 @@ describe(
       agHelper.Sleep();
 
       EditorNavigation.SelectEntityByName(jsObj, EntityType.JSObject);
-      agHelper.GetNClick(jsEditor._settingsTab);
+      jsEditor.toolbar.toggleSettings();
       assertAsyncFunctionsOrder(FUNCTIONS_SETTINGS_DEFAULT_DATA);
 
       // rename functions and assert order
       agHelper.GetNClick(jsEditor._codeTab);
       jsEditor.EditJSObj(getJSObject(FUNCTIONS_SETTINGS_RENAMED_DATA), false);
       agHelper.Sleep(3000);
-      agHelper.GetNClick(jsEditor._settingsTab);
+      jsEditor.toolbar.toggleSettings();
       assertAsyncFunctionsOrder(FUNCTIONS_SETTINGS_RENAMED_DATA);
       agHelper.ActionContextMenuWithInPane({
         action: "Delete",
@@ -500,7 +500,7 @@ return "yes";`;
       });
 
       // Switch to settings tab
-      agHelper.GetNClick(jsEditor._settingsTab);
+      jsEditor.toolbar.toggleSettings();
       // Enable all settings
       jsEditor.EnableDisableAsyncFuncSettings("asyncToSync", true);
 

app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/Basic_Spec.ts

@@ -50,7 +50,7 @@ describe(
         inputData.tableName,
         "Insert",
       );
-      agHelper.RenameWithInPane("insertRecord");
+      agHelper.RenameQuery("insertRecord");
       dataSources.EnterQuery(query);
 
       query = inputData.query.dropTable;
@@ -59,7 +59,7 @@ describe(
         inputData.tableName,
         "Delete",
       );
-      agHelper.RenameWithInPane("dropTable");
+      agHelper.RenameQuery("dropTable");
       dataSources.EnterQuery(query);
 
       //Creating SELECT query
@@ -68,7 +68,7 @@ describe(
         inputData.tableName,
         "Select",
       );
-      agHelper.RenameWithInPane("selectRecords");
+      agHelper.RenameQuery("selectRecords");
       dataSources.RunQuery();
       agHelper
         .GetText(dataSources._noRecordFound)

app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/False_Spec.ts

@@ -32,7 +32,7 @@ describe(
         inputData.tableName,
         "Insert",
       );
-      agHelper.RenameWithInPane("falseCases");
+      agHelper.RenameQuery("falseCases");
       inputData.falseResult.forEach((res_array, i) => {
         res_array.forEach((value) => {
           query =