test: Editor tests for renaming, copying, moving, and deleting APIs

app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Additional_Tests_spec.ts

@@ -0,0 +1,83 @@
+import {
+  debuggerHelper,
+  homePage,
+} from "../../../../support/Objects/ObjectsCore";
+import { apiPage } from "../../../../support/Objects/ObjectsCore";
+import {
+  PageLeftPane,
+  PagePaneSegment,
+} from "../../../../support/Pages/EditorNavigation";
+import FileTabs from "../../../../support/Pages/IDE/FileTabs";
+import PageList from "../../../../support/Pages/PageList";
+
+let repoName;
+
+describe(
+  "Additional API tests",
+  { tags: ["@tag.Datasource", "@tag.Git"] },
+  () => {
+    it("1. Validate renaming & copying API from editor", () => {
+      // Create first API
+      apiPage.CreateApi();
+      // Rename the API
+      apiPage.renameFromEditor("changedName");
+      // Create second API
+      apiPage.CreateApi("secondApi", "GET");
+      // Add a new blank page to the application
+      PageList.AddNewPage("New blank page");
+      // Copy the API to the same page
+      apiPage.performActionFromEditor("copy", "changedName", "Page1", "Page1");
+      // Copy the API to a different page
+      apiPage.performActionFromEditor("copy", "secondApi", "Page1", "Page2");
+    });
+
+    it("2. Validate moving & deleting API from editor", () => {
+      // Create a new application
+      homePage.NavigateToHome();
+      homePage.CreateNewApplication();
+      // Create first API
+      apiPage.CreateApi("ApiToBeMoved", "GET");
+      apiPage.CreateApi("ApiNotToBeMoved", "GET");
+      // Having only one page in the app, check if the API is moved to the same page
+      apiPage.performActionFromEditor("move", "ApiToBeMoved", "Page1", "Page1");
+      // Add a new blank page to the application
+      PageList.AddNewPage("New blank page");
+      // Move the API to a different page & check if the source page does not have the API anymore
+      apiPage.performActionFromEditor("move", "ApiToBeMoved", "Page1", "Page2");
+      apiPage.performActionFromEditor("move", "ApiToBeMoved", "Page2", "Page1");
+      apiPage.deleteAPIFromEditor("ApiToBeMoved", "Page1");
+    });
+
+    it("3. Validate whether correct tab opens up after clicking on link from logs", () => {
+      // Create a new application
+      homePage.NavigateToHome();
+      homePage.CreateNewApplication();
+      for (let i = 0; i < 4; i++) {
+        apiPage.CreateApi(``, "GET");
+      }
+      debuggerHelper.OpenDebugger();
+      //Navigate to the "Logs" tab in the debugger
+      debuggerHelper.ClickLogsTab();
+      // Click on the entity link in the log entry at index 2
+      debuggerHelper.ClicklogEntityLink(false, 2);
+      // Assert that the correct tab ("Api3") opens
+      FileTabs.assertActiveTab("Api3");
+    });
+
+    it("4. Validate whether closed tab opens up after clicking on link from logs", () => {
+      // Close all the tabs (Api1 to Api4)
+      for (let i = 1; i < 5; i++) {
+        FileTabs.closeTab(`Api${i}`);
+      }
+      // Switch to the "UI" segment in the page left pane
+      PageLeftPane.switchSegment(PagePaneSegment.UI);
+      debuggerHelper.OpenDebugger();
+      // Navigate to the "Logs" tab in the debugger
+      debuggerHelper.ClickLogsTab();
+      // Click on the entity link in the log entry at index 1
+      debuggerHelper.ClicklogEntityLink(false, 1);
+      // Assert that the correct tab ("Api2") reopens
+      FileTabs.assertActiveTab("Api2");
+    });
+  },
+);

app/client/cypress/limited-tests.txt

@@ -1,7 +1,7 @@
 # To run only limited tests - give the spec names in below format:
-#cypress/e2e/Regression/ClientSide/VisualTests/JSEditorIndent_spec.js
+cypress/e2e/Regression/ServerSide/ApiTests/API_Additional_Tests_spec.ts
 # For running all specs - uncomment below:
 #cypress/e2e/**/**/*
-cypress/e2e/Regression/ClientSide/Anvil/Widgets/*
+#cypress/e2e/Regression/ClientSide/Anvil/Widgets/*
 
 #ci-test-limit uses this file to run minimum of specs. Do not run entire suite with this command.

app/client/cypress/support/Pages/ApiPage.ts

@@ -1,5 +1,5 @@
 import { ObjectsRegistry } from "../Objects/Registry";
-import {
+import EditorNavigation, {
   AppSidebar,
   AppSidebarButton,
   PageLeftPane,
@@ -9,6 +9,8 @@ import * as _ from "../Objects/ObjectsCore";
 import ApiEditor from "../../locators/ApiEditor";
 import { PluginActionForm } from "./PluginActionForm";
 import BottomTabs from "./IDE/BottomTabs";
+import PageList from "./PageList";
+import FileTabs from "./IDE/FileTabs";
 
 type RightPaneTabs = "datasources" | "connections";
 
@@ -102,6 +104,9 @@ export class ApiPage {
     "input[name^='execute-on-page-load'][type='checkbox']";
   public settingsTriggerLocator = "[data-testid='t--js-settings-trigger']";
   public splitPaneContextMenuTrigger = ".entity-context-menu";
+  public moreActionsTrigger = "[data-testid='t--more-action-trigger']";
+  private apiNameInput = ".editor-tab.active > .ads-v2-text input";
+  public pageList = ".ads-v2-sub-menu > .ads-v2-menu__menu-item";
 
   CreateApi(
     apiName = "",
@@ -509,4 +514,97 @@ export class ApiPage {
     if (enable) this.agHelper.CheckUncheck(this.runOnPageLoadJSObject, true);
     else this.agHelper.CheckUncheck(this.runOnPageLoadJSObject, false);
   }
+
+  public renameFromEditor(renameVal: string) {
+    cy.get(this.moreActionsTrigger).click();
+    cy.contains("Rename").should("be.visible").click();
+
+    cy.get(this.apiNameInput).clear().type(renameVal, { force: true }).blur();
+
+    PageLeftPane.assertPresence(renameVal);
+  }
+
+  public performActionFromEditor(
+    action: "copy" | "move",
+    apiName: string,
+    sourcePage: string,
+    targetPage: string,
+  ) {
+    // Navigate to the source page and select the API item
+    EditorNavigation.NavigateToPage(sourcePage);
+    PageLeftPane.selectItem(apiName);
+    FileTabs.assertActiveTab(apiName);
+
+    PageList.ShowList();
+    cy.get(PageList.numberOfPages).then(($el) => {
+      // Open the 'More Actions' menu and select the action
+      cy.get(this.moreActionsTrigger).should("be.visible").click(); // Open the 'More Actions' dropdown
+      cy.contains(action === "copy" ? "Copy to page" : "Move to page")
+        .should("be.visible")
+        .trigger("click", { force: true });
+      if (action === "move" && $el.text().includes("All Pages (1)")) {
+        // Handle case where the target page list is empty during move operation
+        cy.get(this.pageList).should("have.text", "No pages");
+      } else if (action === "move" && /All Pages \(\d+\)/.test($el.text())) {
+        cy.get(this.pageList)
+          .should("be.visible")
+          .should("not.have.text", sourcePage)
+          .contains(targetPage)
+          .should("be.visible")
+          .trigger("click", { force: true });
+
+        this.agHelper.ValidateToastMessage(
+          apiName + " action moved to page " + targetPage + " successfully",
+        );
+        PageList.VerifyIsCurrentPage(targetPage); // Verify the target page is active
+        PageLeftPane.assertPresence(apiName); // Assert the API is present on the target page
+        EditorNavigation.NavigateToPage(sourcePage);
+        PageLeftPane.assertAbsence(apiName); // Assert the API is removed from the source page
+      } else {
+        // Select the target page from the page list
+        cy.get(this.pageList)
+          .should("be.visible")
+          .contains(targetPage)
+          .should("be.visible")
+          .trigger("click", { force: true });
+
+        // Validate the toast message and the current page
+        this.agHelper.ValidateToastMessage(
+          `${apiName} action ${action === "copy" ? "copied" : "moved"} to page ${targetPage} successfully`,
+        );
+        PageList.VerifyIsCurrentPage(targetPage); // Verify the target page is active
+
+        // Assert the presence of the API on the target page
+        apiName =
+          action === "copy" && sourcePage === targetPage
+            ? `${apiName}Copy`
+            : apiName;
+        PageLeftPane.assertPresence(apiName);
+
+        if (action === "move") {
+          EditorNavigation.NavigateToPage(sourcePage);
+          PageLeftPane.assertAbsence(apiName); // Assert the API is removed from the source page
+        }
+      }
+    });
+  }
+
+  public deleteAPIFromEditor(apiName: string, sourcePage: string) {
+    // Navigate to the source page and select the API item
+    EditorNavigation.NavigateToPage(sourcePage);
+    PageLeftPane.selectItem(apiName);
+    FileTabs.assertActiveTab(apiName);
+
+    // Open the 'More Actions' menu and select the action
+    cy.get(this.moreActionsTrigger).should("be.visible").click();
+    cy.contains("Delete")
+      .should("be.visible")
+      .trigger("click", { force: true });
+    cy.contains("Are you sure?")
+      .should("be.visible")
+      .trigger("click", { force: true });
+
+    // Validate the absence of the deleted API
+    PageLeftPane.assertAbsence(apiName);
+  }
 }

app/client/cypress/support/Pages/IDE/FileTabs.ts

@@ -36,6 +36,12 @@ class FileTabs {
     });
   }
 
+  assertActiveTab(expectedTabName: string) {
+    cy.get(this.locators.tabName(expectedTabName))
+      .should("exist")
+      .and("have.class", "active");
+  }
+
   closeTab(name: string) {
     const tab = this.locators.tabName(name);
     ObjectsRegistry.AggregateHelper.HoverElement(tab);

app/client/cypress/support/Pages/PageList.ts

@@ -16,6 +16,7 @@ class PageList {
   };
 
   public DefaultPageName = PAGE_ENTITY_NAME + "1";
+  public numberOfPages = `.pages > .ads-v2-text`;
 
   public AddNewPage(
     option: