@digital-ai/devops-page-object-deploy 0.0.2 → 0.0.4

package/dist/main.js

@@ -1,4 +1,5 @@
 var $1UEKj$playwrighttest = require("@playwright/test");
+var $1UEKj$rambda = require("rambda");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -10,9 +11,9 @@ class $b031bda8df4df200$export$6e2c8f0811a474ce {
         this.sectionRoot = sectionRootLocator;
     }
     /**
-     * Get child element in the section "this.sectionRoot" refers to
-     * @param childElementLocator
-     */ findElementInSection(childElementLocator) {
+   * Get child element in the section "this.sectionRoot" refers to
+   * @param childElementLocator
+   */ findElementInSection(childElementLocator) {
         return this.sectionRoot.locator(childElementLocator);
     }
 }
@@ -24,8 +25,8 @@ class $beb748f674227a72$export$cc4f63927c41742f extends (0, $b031bda8df4df200$ex
         super(page.getByTestId("primaryNav"));
     }
     /**
-     * Click on side navigation links
-     */ async clickSideLink(sideLinkLocator) {
+   * Click on side navigation links
+   */ async clickSideLink(sideLinkLocator) {
         await this.sectionRoot.locator(sideLinkLocator).click();
     }
 }
@@ -47,59 +48,59 @@ class $7c2e5bae754cf9e5$export$110709f040143804 extends (0, $beb748f674227a72$ex
         this.expandButtonLocator = page.locator("span[title='Expand']");
     }
     /**
-     * Click on go back button on side naviation links
-     */ async goBack() {
+   * Click on go back button on side naviation links
+   */ async goBack() {
         await this.backButtonLocator.waitFor();
         await this.backButtonLocator.click();
     }
     /**
-     * Click on Explorer from left panel
-     */ async clickExplorer() {
+   * Click on Explorer from left panel
+   */ async clickExplorer() {
         await this.clickSideLink(this.linkExploreLocator);
     }
     /**
-     * Click on Compare from left panel
-     */ async clickCompare() {
+   * Click on Compare from left panel
+   */ async clickCompare() {
         await this.clickSideLink(this.linkCompareLocator);
     }
     /**
-     * Click on Reports from left panel
-     */ async clickReports() {
+   * Click on Reports from left panel
+   */ async clickReports() {
         await this.clickSideLink(this.linkReportsLocator);
     }
     /**
-     * Click on Rules and Macros from left panel
-     */ async clickRulesAndMacros() {
+   * Click on Rules and Macros from left panel
+   */ async clickRulesAndMacros() {
         await this.clickSideLink(this.linkRulesAndMacrosLocator);
     }
     /**
-     * Click on Gitops from left panel
-     */ async clickGitOps() {
+   * Click on Gitops from left panel
+   */ async clickGitOps() {
         await this.clickSideLink(this.linkGitOps);
     }
     /**
-     * Click on Local sources from left panel
-     */ async clickLocalSources() {
+   * Click on Local sources from left panel
+   */ async clickLocalSources() {
         await this.clickSideLink(this.linkLocalSource);
     }
     /**
-     * Click on Plugins from left panel
-     */ async clickPlugins() {
+   * Click on Plugins from left panel
+   */ async clickPlugins() {
         await this.clickSideLink(this.linkPlugins);
     }
     /**
-     * Click on User Managements from left panel
-     */ async clickUserManagement() {
+   * Click on User Managements from left panel
+   */ async clickUserManagement() {
         await this.clickSideLink(this.linkUserManagement);
     }
     /**
-     * Click on Collapse button from left panel
-     */ async clickCollapse() {
+   * Click on Collapse button from left panel
+   */ async clickCollapse() {
         await this.clickSideLink(this.collapseButtonLocator);
     }
     /**
-     * Click on Expand from left panel
-     */ async clickExpand() {
+   * Click on Expand from left panel
+   */ async clickExpand() {
         await this.clickSideLink(this.expandButtonLocator);
     }
 }
@@ -125,38 +126,50 @@ class $9d59b5ce8284c3bf$export$7c6e2c02157bb7d2 extends (0, $b031bda8df4df200$ex
 
 class $7149ac56b8ddfcf1$export$d9b273488cd8ce6f extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
     /**
-     *
-     * @param menuContentRootLocator menu content root locator
-     * @param menuLinkLocator Menu link locator thats used to open/close the menu
-     * @param menuItemsParentLocator Menu items that opens up when menu link is clicked
-     */ constructor(menuContentRootLocator, menuLinkLocator, menuItemsParentLocator){
+   *
+   * @param menuContentRootLocator menu content root locator
+   * @param menuLinkLocator Menu link locator thats used to open/close the menu
+   * @param menuItemsParentLocator Menu items that opens up when menu link is clicked
+   */ constructor(menuContentRootLocator, menuLinkLocator, menuItemsParentLocator){
         super(menuContentRootLocator);
         this.menuLinkLocator = menuLinkLocator;
         this.menuItemsParentLocator = menuContentRootLocator.locator(menuItemsParentLocator);
     }
     /**
-     * Click on a menu item
-     * @param menuItemLocator
-     */ async clickMenuItem(menuItemLocator) {
+   * Click on a menu item
+   * @param menuItemLocator
+   */ async clickMenuItem(menuItemLocator) {
         if (!await this.menuItemsParentLocator.locator(menuItemLocator).isVisible()) await this.menuLinkLocator.click();
         return await this.menuItemsParentLocator.locator(menuItemLocator).click();
     }
     /**
-     *  Close a menu item
-     */ async close() {
+   *  Close a menu item
+   */ async close() {
         await this.menuLinkLocator.click();
     }
     /**
-     * Note : Support only one level of menu items not being open iow if the link to click
-     * @param mouseOverLocator
-     * @param menuItemLocator
-     */ async hoverFlyoutAndClickMenuItem(mouseOverLocator, menuItemLocator) {
+   * Note : Support only one level of menu items not being open iow if the link to click
+   * @param mouseOverLocator
+   * @param menuItemLocator
+   */ async hoverFlyoutAndClickMenuItem(mouseOverLocator, menuItemLocator) {
         if (!await this.menuItemsParentLocator.locator(menuItemLocator).isVisible()) {
             await mouseOverLocator.hover();
             await this.menuLinkLocator.click();
         }
         await menuItemLocator.click();
     }
+    /**
+   * Open contextual menu dots of ci to work with contextual-menu items.
+   */ async openContextualMenuDots() {
+        await this.menuLinkLocator.click();
+    }
+    /**
+   * Find exact menu locators using menu parent locators.
+   * @param childElementLocator
+   * @returns
+   */ async findElementInMenu(childElementLocator) {
+        return this.menuItemsParentLocator.locator(childElementLocator);
+    }
 }
 
 
@@ -170,28 +183,28 @@ class $8a1acfec011ab8c3$export$5929c05a25eed48f extends (0, $7149ac56b8ddfcf1$ex
         this.getDataForSupport = page.locator('a[title="Get data for support"]');
     }
     /**
-     * Click on online Documentation menu option
-     */ async clickOnlineDocumentation() {
+   * Click on online Documentation menu option
+   */ async clickOnlineDocumentation() {
         await this.clickMenuItem(this.onlineDoc);
     }
     /**
-     * Click on menu option
-     */ async clickSupportRequest() {
+   * Click on menu option
+   */ async clickSupportRequest() {
         await this.clickMenuItem(this.supportRequest);
     }
     /**
-     * Click on Digital.ai website menu option
-     */ async clickOfficialWebsite() {
+   * Click on Digital.ai website menu option
+   */ async clickOfficialWebsite() {
         await this.clickMenuItem(this.website);
     }
     /**
-     * Click on usage matrix menu option
-     */ async clickUsageMatrix() {
+   * Click on usage matrix menu option
+   */ async clickUsageMatrix() {
         await this.clickMenuItem(this.usageMatrix);
     }
     /**
-     * Click on Get data for support menu option
-     */ async clickGetDataForSupport() {
+   * Click on Get data for support menu option
+   */ async clickGetDataForSupport() {
         await this.clickMenuItem(this.getDataForSupport);
     }
 }
@@ -224,33 +237,33 @@ class $70698a74230ac35b$export$1d7840d5cdc861d5 extends (0, $7149ac56b8ddfcf1$ex
         this.systemInformation = page.getByTitle("System information");
     }
     /**
-    * Click on settings menu option
-    */ async clickSettings() {
+   * Click on settings menu option
+   */ async clickSettings() {
         await this.clickMenuItem(this.settings);
     }
     /**
-    * Click on renew license menu option
-    */ async clickRenewLicense() {
+   * Click on renew license menu option
+   */ async clickRenewLicense() {
         await this.clickMenuItem(this.renewLicense);
     }
     /**
-    * Click on view as menu option
-    */ async clickViewAs() {
+   * Click on view as menu option
+   */ async clickViewAs() {
         await this.clickMenuItem(this.viewAs);
     }
     /**
-    * Click on maintenance mode menu option
-    */ async clickMaintenanceMode() {
+   * Click on maintenance mode menu option
+   */ async clickMaintenanceMode() {
         await this.clickMenuItem(this.maintenanceMode);
     }
     /**
-    * Click on About menu option
-    */ async clickAbout() {
+   * Click on About menu option
+   */ async clickAbout() {
         await this.clickMenuItem(this.about);
     }
     /**
-    * Click on System information menu option
-    */ async clickSystemInfo() {
+   * Click on System information menu option
+   */ async clickSystemInfo() {
         await this.clickMenuItem(this.systemInformation);
     }
 }
@@ -317,17 +330,393 @@ class $7dcee016eeec0e08$export$f14c0e3f98d164c0 extends (0, $ae23b16684112d0b$ex
 
 
 
+class $dcea22adf7bc9211$export$7db63d2c950874b5 {
+    constructor(page1, page){
+        this.applicationPage = page1;
+        this.page = page;
+    }
+    /**
+   * Create New directory under applications CI.
+   * @param appDirectoryName
+   * @param expectedCiType
+   */ async createNewApplicationDirectory(appDirectoryName, expectedCiType) {
+        await this.applicationPage.contextMenu.clickApplicationCi();
+        await this.applicationPage.contextMenu.clickMenuPath([
+            "new",
+            "directory"
+        ]);
+        await this.applicationPage.form.assertSaveButtonIsDisabled();
+        await this.applicationPage.form.assertSaveAndCloseButtonIsDisabled();
+        await this.applicationPage.form.enterName(appDirectoryName);
+        await this.applicationPage.tab.assertActiveTabSelector("Create " + expectedCiType);
+        await this.applicationPage.form.clickSaveAndClose();
+    }
+    /**
+   * Create new application under Application ci
+   * @param appName
+   * @param expectedCiType
+   */ async createNewApplication(appName, expectedCiType) {
+        await this.applicationPage.contextMenu.clickApplicationCi();
+        await this.applicationPage.contextMenu.clickMenuPath([
+            "new",
+            "application"
+        ]);
+        await this.applicationPage.form.assertSaveButtonIsDisabled();
+        await this.applicationPage.form.assertSaveAndCloseButtonIsDisabled();
+        await this.applicationPage.form.enterName(appName);
+        await this.applicationPage.form.clickSaveAndClose();
+        await this.applicationPage.tab.assertActiveTabSelector("Create " + expectedCiType);
+    }
+    /**
+   * TODO: It is half done just to check on menu path other than new. Need to create as per scenario.
+   */ async createFromFileImport() {
+        await this.applicationPage.contextMenu.clickApplicationCi();
+        await this.applicationPage.contextMenu.clickMenuPath([
+            "import",
+            "fromComputer"
+        ]);
+    }
+}
+
+
+
 
-class $b375bc430f279b15$export$b477143f7ffae077 extends (0, $7149ac56b8ddfcf1$export$d9b273488cd8ce6f) {
+class $0a8f56f4ec9e6ec3$export$3e41faf802a29e71 extends (0, $ae23b16684112d0b$export$2b65d1d97338f32b) {
     constructor(page){
-        super(page.locator("#context-menu-popover"), page.locator('.infinite-tree-closed.context-menu-button.pull-right[data-id="Applications"]'), page.locator(".dropdown-menu.multi-level.dropdown-menu-0"));
-        this.mouseOverLocator = page.locator('css=[data-path=".1"]');
-        this.newlinkLocator = page.getByRole("link", {
-            name: "New"
+        super(page);
+        this.page = page;
+        this.parentTabLocator = this.page.locator(".working-panel-section .xl-react-tab-system");
+        this.getTabTitleLocator = this.page.locator("li.active .tab-title");
+        this.closeIcon = this.page.locator(".xl-icon.close-ico");
+    }
+    async assertActiveTabSelector(expectedCiType) {
+        return await (0, $1UEKj$playwrighttest.expect)(this.parentTabLocator.locator("li.active .tab-title")).toHaveText(expectedCiType, {
+            ignoreCase: true
         });
     }
-    async createNewApplicationDirectory() {
-        await this.hoverFlyoutAndClickMenuItem(this.mouseOverLocator, this.newlinkLocator);
+    async closeActiveTabs() {
+        if (await this.closeIcon.isVisible()) await this.parentTabLocator.locator(".nav .active .close-icon").click();
+    }
+}
+
+
+
+class $9dd8dd888e812fd7$export$133beb65adbc45a3 extends (0, $7149ac56b8ddfcf1$export$d9b273488cd8ce6f) {
+    constructor(page){
+        super(page.locator("#context-menu-popover"), page.locator("i[data-id=Applications].context-menu-button"), page.locator(".dropdown-menu.multi-level.dropdown-menu-0"));
+        this.page = page;
+        this.applicationLocator = page.locator('div[data-id="Applications"]');
+        this.environmentLocator = page.locator('div[data-id="Environments"]');
+    }
+    /**
+   * Click on application CI in contextual-menu option.
+   */ async clickApplicationCi() {
+        await this.applicationLocator.click();
+        await this.openContextualMenuDots();
+    }
+    /**
+   * Click on application CI in contextual-menu option.
+   */ async clickEnvironmentCi() {
+        await this.environmentLocator.click();
+        await this.openContextualMenuDots();
+    }
+    /**
+   * Click on menu items from contextual-menu option using path navigation option
+   * @param path: Provide menu navigation path using array
+   * eg: ['new','Application'] -> to click on menu to create new application
+   */ async clickMenuPath(path) {
+        const count = path.length - 1;
+        for(let i = 0; i < count; i++)await this.page.getByRole("link", {
+            name: "" + path[i] + ""
+        }).click();
+        await this.page.locator('.popover-content li[data-path="' + path.join("->") + '"]').click();
+    }
+}
+
+
+
+
+class $50f6953b9762c03c$export$a7fed597f4b8afd8 extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
+    constructor(mainContentRootLocator){
+        super(mainContentRootLocator);
+    }
+    async fillTextInput(textInput, textValue) {
+        await textInput.clear();
+        await textInput.fill(textValue);
+    }
+}
+
+
+class $f0e8ecb73642aac7$export$13ee474454c1948e extends (0, $50f6953b9762c03c$export$a7fed597f4b8afd8) {
+    constructor(page){
+        super(page.locator(".dip-view-body"));
+        this.page = page;
+        this.inputName = page.locator('input[name="name"]');
+        this.inputLatestVersion = page.locator('input[name="lastVersion"]');
+        this.saveButton = page.getByRole("button", {
+            name: "Save",
+            exact: true
+        });
+        this.saveAndCloseButton = page.getByRole("button", {
+            name: "Save and close",
+            exact: true
+        });
+        this.cancelButton = page.getByRole("button", {
+            name: "Cancel",
+            exact: true
+        });
+        this.errorMessage = page.locator(".error");
+        this.formSection = page.locator(".xl-react-components.xl-react-dip-dynamic-form");
+    }
+    /**
+   * Enter name in name field of the application form
+   * @param name
+   * @returns
+   */ async enterName(name) {
+        return await this.findElementInSection(this.inputName).fill(name);
+    }
+    /**
+   * Enter latest version field
+   * @param version
+   * @returns
+   */ async enterLatestVersion(version) {
+        return await this.findElementInSection(this.inputLatestVersion).fill(version);
+    }
+    /**
+   * Click save button
+   * @returns
+   */ async clickSave() {
+        return await this.findElementInSection(this.saveButton).click();
+    }
+    /**
+   * Click save and close button
+   * @returns
+   */ async clickSaveAndClose() {
+        return await this.findElementInSection(this.saveAndCloseButton).click();
+    }
+    /**
+   * Click cancel button
+   * @returns
+   */ async clickCancel() {
+        return await this.findElementInSection(this.cancelButton).click();
+    }
+    /**
+   * Expecting save button is disabled
+   * @returns
+   */ async assertSaveButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveButton)).toBeDisabled();
+    }
+    /**
+   * Expecting Save and close button is disabled
+   * @returns
+   */ async assertSaveAndCloseButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveAndCloseButton)).toBeDisabled();
+    }
+    /**
+   * Verify Error message in the form
+   * @param errorMsg
+   * @returns
+   */ async verifyErrorMessage(errorMsg) {
+        return (0, $1UEKj$playwrighttest.expect)(await this.findElementInSection(this.errorMessage).textContent()).toContain(errorMsg);
+    }
+    /**
+   * Verify field value in form using field name
+   * @param fieldName
+   * @param expectedValue
+   * @returns
+   */ async verifyFieldValue(fieldName, expectedValue) {
+        const label = this.formSection.locator('//label[text()="' + fieldName + '"]/parent::div/parent::div');
+        const input = label.locator(".xl-react-components-input input");
+        const result = await input.getAttribute("value");
+        return (0, $1UEKj$playwrighttest.expect)(result).toEqual(expectedValue);
+    }
+}
+
+
+
+class $749097e2d65c1527$export$2b77a92f1a5ad772 extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
+    constructor(page){
+        super(page.locator(".xl-react-modal-content"));
+        this.header = page.locator(".modal-header");
+        this.body = page.locator(".modal-body");
+        this.footer = page.locator(".modal-footer");
+    }
+}
+
+
+class $1b7c532a5b0861f3$export$bd6452a745ffdb18 extends (0, $749097e2d65c1527$export$2b77a92f1a5ad772) {
+    constructor(page){
+        super(page);
+        this.deleteButton = page.getByRole("button", {
+            name: "Delete",
+            exact: true
+        });
+        this.cancelButton = page.getByRole("button", {
+            name: "Cancel",
+            exact: true
+        });
+    }
+    async clickDelete() {
+        await this.footer.locator(this.deleteButton).click();
+    }
+    async clickCancel() {
+        await this.footer.locator(this.cancelButton).click();
+    }
+}
+
+
+
+
+
+
+
+class $26b4a6e9a3909559$export$5a20f96f6e2d29e9 {
+    constructor(page){
+        this.page = page;
+        this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
+        this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+    }
+    /**
+   * Create new ci under any explorer package by providing following parameters.
+   * @param parentNodeId
+   * @param menuPath
+   * @param expectedCiType
+   * @param fieldName
+   */ async createNewCi(parentNodeId, menuPath, fieldName) {
+        await this.expandNodePath(parentNodeId);
+        await this.page.locator('div[data-id="' + parentNodeId + '"]').click();
+        await this.page.locator('i[data-id="' + parentNodeId + '"].context-menu-button').click();
+        await this.contextMenu.clickMenuPath(menuPath);
+        await this.form.assertSaveButtonIsDisabled();
+        await this.form.assertSaveAndCloseButtonIsDisabled();
+        await this.tab.assertActiveTabSelector("Create udm." + menuPath[1] + "");
+        await this.form.enterName(fieldName);
+        await this.form.clickSaveAndClose();
+    }
+    /**
+   * Expand the ci path tree toggler.
+   * @param pathnode
+   */ async expandNode(pathnode) {
+        if (await this.page.locator('div[data-id="' + pathnode + '"] a.infinite-tree-toggler.infinite-tree-closed').isVisible()) await this.page.locator('div[data-id="' + pathnode + '"] a').click();
+    }
+    /**
+   * expands the path of CI by separating path from "/"
+   * @param parentNodeId
+   */ async expandNodePath(parentNodeId) {
+        const nodeIdParts = $1UEKj$rambda.split("/", parentNodeId);
+        for(let ind = 0; ind < nodeIdParts.length; ind += 1){
+            const path = $1UEKj$rambda.join("/", $1UEKj$rambda.take(ind + 1, nodeIdParts));
+            this.expandNode(path);
+        }
+    }
+    /**
+   * Collapse the tree toggler of ci path.
+   * @param parentNodeId
+   */ async collapseNode(parentNodeId) {
+        if (await this.page.locator('div[data-id="' + parentNodeId + '"] a.infinite-tree-toggler.infinite-tree-closed').isHidden()) await this.page.locator('div[data-id="' + parentNodeId + '"] a').click();
+    }
+    /**
+   * Delete the ci
+   * @param node
+   */ async deleteCi(node) {
+        await this.page.locator('div[data-id="' + node + '"]').click();
+        await this.page.locator('i[data-id="' + node + '"].context-menu-button').click();
+        await this.contextMenu.clickMenuPath([
+            "delete"
+        ]);
+        await this.modal.clickDelete();
+    }
+    /**
+   * Click on specific node which is under Application CI.
+   * @param nodeId
+   */ async clickNode(nodeId) {
+        await this.page.locator('div[data-id="' + nodeId + '"]').dblclick();
+    }
+    /**
+   * Click on ci under any explorer package of contextual menus by providing following parameters.
+   * @param parentNodeId
+   * @param menuPath
+   * @param expectedCiType
+   * @param fieldName
+   */ async clickCi(parentNodeId, menuPath, expectedCiType) {
+        await this.expandNodePath(parentNodeId);
+        await this.page.locator('div[data-id="' + parentNodeId + '"]').click();
+        await this.page.locator('i[data-id="' + parentNodeId + '"].context-menu-button').click();
+        await this.contextMenu.clickMenuPath(menuPath);
+        await this.form.assertSaveButtonIsDisabled();
+        await this.form.assertSaveAndCloseButtonIsDisabled();
+        await this.tab.assertActiveTabSelector("Create " + expectedCiType + "");
+    }
+}
+
+
+
+
+class $b90c33a29683027b$export$60413e28724d3abd extends (0, $50f6953b9762c03c$export$a7fed597f4b8afd8) {
+    constructor(page){
+        super(page.locator(".dip-view-body"));
+        this.page = page;
+        this.inputName = page.locator('input[name="name"]');
+        this.inputLatestVersion = page.locator('input[name="lastVersion"]');
+        this.saveButton = page.getByRole("button", {
+            name: "Save",
+            exact: true
+        });
+        this.saveAndCloseButton = page.getByRole("button", {
+            name: "Save and close",
+            exact: true
+        });
+        this.cancelButton = page.getByRole("button", {
+            name: "Cancel",
+            exact: true
+        });
+        this.formSection = page.locator(".xl-react-components.xl-react-dip-dynamic-form");
+    }
+    /**
+   * Enter name in name field of the application form
+   * @param name
+   * @returns
+   */ async enterName(name) {
+        return await this.findElementInSection(this.inputName).fill(name);
+    }
+    /**
+   * Enter latest version field
+   * @param version
+   * @returns
+   */ async enterLatestVersion(version) {
+        return await this.findElementInSection(this.inputLatestVersion).fill(version);
+    }
+    /**
+   * Click save button
+   * @returns
+   */ async clickSave() {
+        return await this.findElementInSection(this.saveButton).click();
+    }
+    /**
+   * Click save and close button
+   * @returns
+   */ async clickSaveAndClose() {
+        return await this.findElementInSection(this.saveAndCloseButton).click();
+    }
+    /**
+   * Click cancel button
+   * @returns
+   */ async clickCancel() {
+        return await this.findElementInSection(this.cancelButton).click();
+    }
+    /**
+   * Expecting save button is disabled
+   * @returns
+   */ async assertSaveButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveButton)).toBeDisabled();
+    }
+    /**
+   * Expecting Save and close button is disabled
+   * @returns
+   */ async assertSaveAndCloseButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveAndCloseButton)).toBeDisabled();
     }
 }
 
@@ -335,7 +724,13 @@ class $b375bc430f279b15$export$b477143f7ffae077 extends (0, $7149ac56b8ddfcf1$ex
 class $1fae0b7de3d21f52$export$bf4a5dd3be690f6b extends (0, $ae23b16684112d0b$export$2b65d1d97338f32b) {
     constructor(page){
         super(page);
-        this.appMenu = new (0, $b375bc430f279b15$export$b477143f7ffae077)(page);
+        this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
+        this.util = new (0, $dcea22adf7bc9211$export$7db63d2c950874b5)(this, page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
+        this.appForm = new (0, $b90c33a29683027b$export$60413e28724d3abd)(page);
     }
 }
 
@@ -349,6 +744,292 @@ class $114862ed97d76403$export$36d69433c4f81145 extends (0, $ae23b16684112d0b$ex
 }
 
 
+
+
+
+
+
+
+
+
+
+class $465c25c02ae34e1f$export$855563f8bdb36207 extends (0, $50f6953b9762c03c$export$a7fed597f4b8afd8) {
+    constructor(page){
+        super(page.locator(".dip-view-body"));
+        this.page = page;
+        this.inputName = page.locator('input[name="name"]');
+        this.inputLatestVersion = page.locator('input[name="lastVersion"]');
+        this.saveButton = page.getByRole("button", {
+            name: "Save",
+            exact: true
+        });
+        this.saveAndCloseButton = page.getByRole("button", {
+            name: "Save and close",
+            exact: true
+        });
+        this.cancelButton = page.getByRole("button", {
+            name: "Cancel",
+            exact: true
+        });
+        this.inputHost = page.locator('input[name="host"]');
+        this.inputPort = page.getByLabel("Port");
+        this.inputUsername = page.locator('input[name="username"]');
+        this.inputPassword = page.locator('input[name="password"]');
+        this.inputFromAddress = page.locator('input[name="fromAddress"]');
+        this.inputTestAddress = page.locator('input[name="testAddress"]');
+        this.inputHostName = page.locator('input[name="hostname"]');
+    }
+    /**
+   * Enter name in name field of the configuration form
+   * @param name
+   * @returns
+   */ async enterName(name) {
+        return await this.findElementInSection(this.inputName).fill(name);
+    }
+    /**
+   * Enter latest version field
+   * @param version
+   * @returns
+   */ async enterLatestVersion(version) {
+        return await this.findElementInSection(this.inputLatestVersion).fill(version);
+    }
+    /**
+   * Click save button
+   * @returns
+   */ async clickSave() {
+        return await this.findElementInSection(this.saveButton).click();
+    }
+    /**
+   * Click save and close button
+   * @returns
+   */ async clickSaveAndClose() {
+        return await this.findElementInSection(this.saveAndCloseButton).click();
+    }
+    /**
+   * Click cancel button
+   * @returns
+   */ async clickCancel() {
+        return await this.findElementInSection(this.cancelButton).click();
+    }
+    /**
+   * Expecting save button is disabled
+   * @returns
+   */ async assertSaveButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveButton)).toBeDisabled();
+    }
+    /**
+   * Expecting Save and close button is disabled
+   * @returns
+   */ async assertSaveAndCloseButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveAndCloseButton)).toBeDisabled();
+    }
+    /**
+   * Expecting field value with its field name
+   * @param fieldName
+   * @param value
+   * @returns
+   */ async expectFieldValue(fieldName, value) {
+        (0, $1UEKj$playwrighttest.expect)(await this.page.locator('input[name="' + fieldName + '"]').getAttribute("value")).toEqual(value);
+    }
+    /**
+   * Set Host value to the Host field in configuration form
+   * @param host
+   * @returns
+   */ async setHostValue(host) {
+        await this.findElementInSection(this.inputHost).fill(host);
+    }
+    /**
+   * Setting port value in the configuration form
+   * @param port
+   * @returns
+   */ async setPortValue(port) {
+        await this.findElementInSection(this.inputPort).fill(port);
+    }
+    /**
+   * Setting from Address field value in configuration form
+   * @param address
+   * @returns
+   */ async setFromAddress(address) {
+        await this.findElementInSection(this.inputFromAddress).fill(address);
+    }
+    /**
+   * Setting username in configuration form
+   * @param username
+   * @returns
+   */ async setUserName(username) {
+        await this.findElementInSection(this.inputUsername).fill(username);
+    }
+    /**
+   * Setting password in configuration form
+   * @param password
+   * @returns
+   */ async setPassword(password) {
+        await this.findElementInSection(this.inputPassword).fill(password);
+    }
+    /**
+   * Setting host name in configuration form
+   * @param hostname
+   * @returns
+   */ async setHostName(hostname) {
+        await this.findElementInSection(this.inputHostName).fill(hostname);
+    }
+}
+
+
+class $168ec5e952b92f0d$export$ad55ec59bf82c4fc {
+    constructor(page1, page){
+        this.configPage = page1;
+        this.page = page;
+    }
+}
+
+
+class $0b66c9d41a4ba704$export$8ef81de2d4ebb0b9 extends (0, $ae23b16684112d0b$export$2b65d1d97338f32b) {
+    constructor(page){
+        super(page);
+        this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
+        this.configForm = new (0, $465c25c02ae34e1f$export$855563f8bdb36207)(page);
+        this.util = new (0, $168ec5e952b92f0d$export$ad55ec59bf82c4fc)(this, page);
+    }
+}
+
+
+
+
+
+
+
+
+
+
+class $fef9a424af55e937$export$21cde1e6a73cf500 extends (0, $50f6953b9762c03c$export$a7fed597f4b8afd8) {
+    constructor(page){
+        super(page.locator(".dip-view-body"));
+        this.page = page;
+        this.formSection = page.locator(".xl-react-components.xl-react-dip-dynamic-form");
+        this.inputName = page.locator('input[name="name"]');
+        this.inputLatestVersion = page.locator('input[name="lastVersion"]');
+        this.saveButton = page.getByRole("button", {
+            name: "Save",
+            exact: true
+        });
+        this.saveAndCloseButton = page.getByRole("button", {
+            name: "Save and close",
+            exact: true
+        });
+        this.cancelButton = page.getByRole("button", {
+            name: "Cancel",
+            exact: true
+        });
+        this.inputVersion = page.locator("");
+    }
+    /**
+   * Expect the label text is available in form.
+   * @param label
+   */ async assertLabelText(label) {
+        await (0, $1UEKj$playwrighttest.expect)(this.page.getByText(label, {
+            exact: true
+        })).toBeVisible();
+    }
+    /**
+   * Enter name in name field of the application form
+   * @param name
+   * @returns
+   */ async enterName(name) {
+        return await this.findElementInSection(this.inputName).fill(name);
+    }
+    /**
+   * Enter latest version field
+   * @param version
+   * @returns
+   */ async enterLatestVersion(version) {
+        return await this.findElementInSection(this.inputLatestVersion).fill(version);
+    }
+    /**
+   * Click save button
+   * @returns
+   */ async clickSave() {
+        return await this.findElementInSection(this.saveButton).click();
+    }
+    /**
+   * Click save and close button
+   * @returns
+   */ async clickSaveAndClose() {
+        return await this.findElementInSection(this.saveAndCloseButton).click();
+    }
+    /**
+   * Click cancel button
+   * @returns
+   */ async clickCancel() {
+        return await this.findElementInSection(this.cancelButton).click();
+    }
+    /**
+   * Expecting save button is disabled
+   * @returns
+   */ async assertSaveButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveButton)).toBeDisabled();
+    }
+    /**
+   * Expecting Save and close button is disabled
+   * @returns
+   */ async assertSaveAndCloseButtonIsDisabled() {
+        return await (0, $1UEKj$playwrighttest.expect)(this.findElementInSection(this.saveAndCloseButton)).toBeDisabled();
+    }
+    /**
+   * Enter options in the input field of dropdown to match with suggestion list in form
+   * @param fieldName
+   * @param value
+   */ async selectVersionOption(fieldName, value) {
+        const label = this.formSection.locator('//label[text()="' + fieldName + '"]/parent::div/parent::div');
+        await label.locator(".xl-react-components-input input").fill(value);
+    }
+}
+
+
+class $46c3ae45662ff7ad$export$b8a8d62f66d27fa1 {
+    constructor(page1, page){
+        this.environmentPage = page1;
+        this.page = page;
+    }
+}
+
+
+class $6d811907766c6ed0$export$2c95c5c5be4fb9b0 extends (0, $ae23b16684112d0b$export$2b65d1d97338f32b) {
+    constructor(page){
+        super(page);
+        this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
+        this.envForm = new (0, $fef9a424af55e937$export$21cde1e6a73cf500)(page);
+        this.util = new (0, $46c3ae45662ff7ad$export$b8a8d62f66d27fa1)(this, page);
+    }
+}
+
+
+
+
+
+
+
+
+class $2176608eec52f17d$export$1f6beddb119e759b extends (0, $ae23b16684112d0b$export$2b65d1d97338f32b) {
+    constructor(page){
+        super(page);
+        this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
+    }
+}
+
+
 const $3352700e95ddc19e$export$e0969da9b8fb378d = (0, $1UEKj$playwrighttest.test).extend({
     loginPage: async ({ page: page  }, use)=>{
         // Set up the fixture.
@@ -365,6 +1046,26 @@ const $3352700e95ddc19e$export$e0969da9b8fb378d = (0, $1UEKj$playwrighttest.test
         const applicationPage = new (0, $1fae0b7de3d21f52$export$bf4a5dd3be690f6b)(page);
         await use(applicationPage);
         return applicationPage;
+    },
+    tab: async ({ page: page  }, use)=>{
+        const tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
+        await use(tab);
+        return tab;
+    },
+    environmentPage: async ({ page: page  }, use)=>{
+        const environmentPage = new (0, $6d811907766c6ed0$export$2c95c5c5be4fb9b0)(page);
+        await use(environmentPage);
+        return environmentPage;
+    },
+    configurePage: async ({ page: page  }, use)=>{
+        const configurePage = new (0, $0b66c9d41a4ba704$export$8ef81de2d4ebb0b9)(page);
+        await use(configurePage);
+        return configurePage;
+    },
+    infraPage: async ({ page: page  }, use)=>{
+        const infraPage = new (0, $2176608eec52f17d$export$1f6beddb119e759b)(page);
+        await use(infraPage);
+        return infraPage;
     }
 });