test: adding tests for custom lib

app/client/cypress/e2e/Regression/ClientSide/JSLibrary/Custom_lib_spec.ts

@@ -0,0 +1,190 @@
+import {
+  agHelper,
+  entityExplorer,
+  jsEditor,
+  deployMode,
+  installer,
+  draggableWidgets,
+  propPane,
+  locators,
+  apiPage,
+  table,
+  partialImportExport,
+  homePage,
+} from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  AppSidebar,
+  AppSidebarButton,
+  EntityType,
+} from "../../../../support/Pages/EditorNavigation";
+
+describe(
+  "Tests JS Libraries",
+  { tags: ["@tag.excludeForAirgap", "@tag.JS", "@tag.Binding"] },
+  () => {
+    before(() => {
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.BUTTON, 500, 100);
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.TABLE, 200, 200);
+      apiPage.CreateAndFillApi(
+        "http://host.docker.internal:5001/v1/mock-api?records=5",
+      );
+      apiPage.RunAPI();
+      EditorNavigation.SelectEntityByName("Table1", EntityType.Widget);
+      propPane.EnterJSContext("tabledata", `{{Api1.data}}`, true, false);
+    });
+
+    it("1. Verify moment library", () => {
+      jsEditor.CreateJSObject(`showAlert(moment().daysInMonth().toString())`, {
+        paste: true,
+        completeReplace: false,
+        toRun: true,
+        shouldCreateNewJSObj: true,
+        prettify: true,
+      });
+
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      propPane.EnterJSContext(
+        "onClick",
+        `{{JSObject1.myFun1();}}`,
+        true,
+        false,
+      );
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.WaitUntilAllToastsDisappear();
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.WaitUntilAllToastsDisappear();
+      deployMode.NavigateBacktoEditor();
+    });
+
+    it("2. Verify install/uninstall of Library ", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibraryViaURL(
+        "https://cdn.jsdelivr.net/npm/swiper@11.1.14/+esm",
+        "swiper",
+      );
+      agHelper.WaitUntilAllToastsDisappear();
+      installer.uninstallLibrary("swiper");
+      installer.assertUnInstall("swiper");
+    });
+
+    it("3. Verify jspdf library", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibrary("jspdf", "jspdf");
+      jsEditor.CreateJSObject(
+        `export default {
+            genPDF: () => {
+              const doc = new jspdf.jsPDF();
+              doc.text('Users', 20, 20);
+              doc.table(20, 30, Table1.tableData, Table1.columnOrder, {autoSize: true});
+              download(doc.output(), 'users_list.pdf');
+            }
+          }`,
+        {
+          paste: true,
+          completeReplace: true,
+          toRun: false,
+          shouldCreateNewJSObj: true,
+          prettify: true,
+        },
+      );
+
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      propPane.EnterJSContext(
+        "onClick",
+        `{{JSObject2.genPDF();}}`,
+        true,
+        false,
+      );
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+      deployMode.NavigateBacktoEditor();
+    });
+
+    it("4. Verify deleting jspdf library deletes all its references as well", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.uninstallLibrary("jspdf");
+      installer.assertUnInstall("jspdf");
+
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.ValidateToastMessage(
+        '"jspdf" is undefined . Please fix JSObject2.genPDF.',
+      );
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.ValidateToastMessage("jspdf is not defined");
+      deployMode.NavigateBacktoEditor();
+      // Install jspdf and verify references are working
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibrary("jspdf", "jspdf");
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+      deployMode.NavigateBacktoEditor();
+    });
+
+    it("5. Verify using incompatible URL shows an error", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibraryViaURL(
+        "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css",
+        "",
+        false,
+      );
+      agHelper.AssertText(
+        '[kind="error"] .header',
+        "text",
+        "Library is unsupported",
+      );
+    });
+
+    it.skip("6. Verify export and import of app with custom library", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibraryViaURL(
+        "https://cdn.jsdelivr.net/npm/swiper@11.1.14/+esm",
+        "swiper",
+      );
+      agHelper.WaitUntilAllToastsDisappear();
+
+      AppSidebar.navigate(AppSidebarButton.Editor);
+      partialImportExport.OpenExportModal();
+
+      // Export Custom Library
+      partialImportExport.PartiallyExportFile(
+        3,
+        partialImportExport.locators.export.modelContents.customJSLibsSection,
+        ["swiper"],
+      );
+
+      // Import to new app
+      homePage.NavigateToHome();
+      homePage.CreateNewApplication();
+      partialImportExport.OpenImportModal();
+      partialImportExport.ImportPartiallyExportedFile(
+        "Library_Test.json",
+        "Libraries",
+        ["swiper"],
+        "downloads",
+      );
+    });
+  },
+);

app/client/cypress/e2e/Regression/ClientSide/JSLibrary/Library_Test_Git_spec.ts

@@ -0,0 +1,147 @@
+import {
+  agHelper,
+  entityExplorer,
+  jsEditor,
+  deployMode,
+  installer,
+  draggableWidgets,
+  propPane,
+  locators,
+  apiPage,
+  table,
+  homePage,
+  gitSync,
+} from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  AppSidebar,
+  AppSidebarButton,
+  EntityType,
+} from "../../../../support/Pages/EditorNavigation";
+
+describe(
+  "Tests JS Libraries for Git connected app",
+  { tags: ["@tag.excludeForAirgap", "@tag.JS", "@tag.Binding"] },
+  () => {
+    before(() => {
+      gitSync.CreateNConnectToGit();
+      gitSync.CreateGitBranch();
+
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.BUTTON, 500, 100);
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.TABLE, 200, 200);
+      apiPage.CreateAndFillApi(
+        "http://host.docker.internal:5001/v1/mock-api?records=5",
+      );
+      apiPage.RunAPI();
+      EditorNavigation.SelectEntityByName("Table1", EntityType.Widget);
+      propPane.EnterJSContext("tabledata", `{{Api1.data}}`, true, false);
+    });
+
+    it("1. Verify moment library", () => {
+      jsEditor.CreateJSObject(`showAlert(moment().daysInMonth().toString())`, {
+        paste: true,
+        completeReplace: false,
+        toRun: true,
+        shouldCreateNewJSObj: true,
+        prettify: true,
+      });
+
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      propPane.EnterJSContext(
+        "onClick",
+        `{{JSObject1.myFun1();}}`,
+        true,
+        false,
+      );
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.WaitUntilAllToastsDisappear();
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.WaitUntilAllToastsDisappear();
+      deployMode.NavigateBacktoEditor();
+    });
+
+    it("2. Verify install/uninstall of Library ", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibraryViaURL(
+        "https://cdn.jsdelivr.net/npm/swiper@11.1.14/+esm",
+        "swiper",
+      );
+      agHelper.WaitUntilAllToastsDisappear();
+      installer.uninstallLibrary("swiper");
+      installer.assertUnInstall("swiper");
+    });
+
+    it("3. Verify jspdf library", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibrary("jspdf", "jspdf");
+      jsEditor.CreateJSObject(
+        `export default {
+            genPDF: () => {
+              const doc = new jspdf.jsPDF();
+              doc.text('Users', 20, 20);
+              doc.table(20, 30, Table1.tableData, Table1.columnOrder, {autoSize: true});
+              download(doc.output(), 'users_list.pdf');
+            }
+          }`,
+        {
+          paste: true,
+          completeReplace: true,
+          toRun: false,
+          shouldCreateNewJSObj: true,
+          prettify: true,
+        },
+      );
+
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      propPane.EnterJSContext(
+        "onClick",
+        `{{JSObject2.genPDF();}}`,
+        true,
+        false,
+      );
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+      deployMode.NavigateBacktoEditor();
+    });
+
+    it("4. Verify deleting jspdf library deletes all its references as well", () => {
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.uninstallLibrary("jspdf");
+      installer.assertUnInstall("jspdf");
+
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.ValidateToastMessage(
+        '"jspdf" is undefined . Please fix JSObject2.genPDF.',
+      );
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      agHelper.ValidateToastMessage("jspdf is not defined");
+      deployMode.NavigateBacktoEditor();
+      // Install jspdf and verify references are working
+      AppSidebar.navigate(AppSidebarButton.Libraries);
+      installer.OpenInstaller();
+      installer.InstallLibrary("jspdf", "jspdf");
+      EditorNavigation.SelectEntityByName("Button1", EntityType.Widget);
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+
+      // Deploy
+      deployMode.DeployApp();
+      agHelper.GetNClick(locators._widgetInDeployed("buttonwidget"));
+      table.ValidateDownloadNVerify("users_list.pdf");
+      deployMode.NavigateBacktoEditor();
+    });
+  },
+);

app/client/cypress/limited-tests.txt

@@ -1,5 +1,6 @@
 # To run only limited tests - give the spec names in below format:
-cypress/e2e/Regression/ClientSide/Templates/Fork_Template_spec.js
+cypress/e2e/Regression/ClientSide/JSLibrary/Custom_lib_spec.ts
+cypress/e2e/Regression/ClientSide/JSLibrary/Library_Test_Git_spec.ts
 # For running all specs - uncomment below:
 #cypress/e2e/**/**/*