test: adding tests for custom lib (#37901)
Adding tests for custom library https://docs.google.com/spreadsheets/d/1Vq5vRUyAMv2npPv4j41omzZrYcRUb8LEOhNVu_O4OE8/edit?gid=1961024675#gid=1961024675 EE PR: https://github.com/appsmithorg/appsmith-ee/pull/5703 /ok-to-test tags="@tag.Sanity" <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/12260773766> > Commit: 3423a8306cf5a75845a315623da9afdb697b2139 > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=12260773766&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Sanity` > Spec: > <hr>Tue, 10 Dec 2024 17:30:21 UTC <!-- end of auto-generated comment: Cypress test results --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a comprehensive suite of end-to-end tests for managing JavaScript libraries, covering functionalities such as installation, usage, error handling, and cleanup. - **Bug Fixes** - Enhanced error handling for incompatible library URLs and ensured proper behavior upon library uninstallation and reinstallation. - **Chores** - Updated test execution configurations to reference the new TypeScript test specification file. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: “NandanAnantharamu” <“nandan@thinkify.io”>
This commit is contained in:
NandanAnantharamu
GitHub
parent
b02454a242
commit
a4304542e7
|
|
@ -0,0 +1,192 @@
|
|||
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";
|
||||
import { REPO, CURRENT_REPO } from "../../../../fixtures/REPO";
|
||||
|
||||
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.WaitUntilToastDisappear("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",
|
||||
);
|
||||
});
|
||||
},
|
||||
);
|
||||
Loading…
Reference in New Issue
Block a user