@digital-ai/devops-page-object-deploy 0.0.3 → 0.0.5

package/dist/module.js

@@ -325,24 +325,110 @@ class $c2c31ea6199a3576$export$f14c0e3f98d164c0 extends (0, $7d546dcaafadc158$ex
 
 
 
+class $85032414fe55e0f1$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 $b6dcf2a94c3ae3f4$export$b477143f7ffae077 extends (0, $54bcd1bcf08dd053$export$d9b273488cd8ce6f) {
+
+class $f6d52f442cf07ec8$export$3e41faf802a29e71 extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
     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"));
+        super(page);
         this.page = page;
-        this.newlinkLocator = page.getByRole("link", {
-            name: "New",
-            exact: true
-        });
-        this.importlinkLocator = page.getByRole("link", {
-            name: "Import",
-            exact: true
+        this.parentTabLocator = this.page.locator(".working-panel-section .xl-react-tab-system");
+        this.getTabTitleLocator = this.parentTabLocator.locator("li.active .tab-title");
+        this.closeIcon = this.page.locator(".xl-icon.close-ico");
+        this.tabSelector = this.parentTabLocator.locator(".tab-pane");
+        this.tabTitle = this.parentTabLocator.locator(".tab-title");
+    }
+    /**
+   * Assert active tab title with expected value.
+   * @param expectedCiType
+   * @returns
+   */ async assertActiveTabSelector(expectedCiType) {
+        return await (0, $lE6ZQ$expect)(this.getTabTitleLocator).toHaveText(expectedCiType, {
+            ignoreCase: true
         });
+    }
+    /**
+   * Close the active tab by clicking close button
+   */ async closeActiveTabs() {
+        if (await this.closeIcon.isVisible()) await this.parentTabLocator.locator(".nav .active .close-icon").click();
+    }
+    /**
+   * Verify there is no tabs are opened.
+   */ async noTabsOpened() {
+        await (0, $lE6ZQ$expect)(this.tabSelector).not.toBeVisible();
+    }
+    /**
+   * Expect the given tab title is present in tab opened
+   * @param tabTitle
+   * @returns
+   */ async expectTabOpened(tabTitle) {
+        return await (0, $lE6ZQ$expect)(this.tabTitle).toHaveText(tabTitle);
+    }
+    /**
+   * Expect the given tab title is not present in tab opened
+   * @param tabTitle
+   * @returns
+   */ async expectTabNotOpened(tabTitle) {
+        return await (0, $lE6ZQ$expect)(this.tabTitle).not.toHaveText(tabTitle);
+    }
+}
+
+
+
+class $6d0b1fc17db4a5fb$export$133beb65adbc45a3 extends (0, $54bcd1bcf08dd053$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.deleteLinkLocator = page.getByRole("link", {
-            name: "Delete",
-            exact: true
-        });
+        this.environmentLocator = page.locator('div[data-id="Environments"]');
     }
     /**
    * Click on application CI in contextual-menu option.
@@ -351,6 +437,12 @@ class $b6dcf2a94c3ae3f4$export$b477143f7ffae077 extends (0, $54bcd1bcf08dd053$ex
         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
@@ -377,7 +469,7 @@ class $9f5bc0f6324fb5ea$export$a7fed597f4b8afd8 extends (0, $b464119f5ec5aad0$ex
 }
 
 
-class $6cefee8b9be33b2d$export$60413e28724d3abd extends (0, $9f5bc0f6324fb5ea$export$a7fed597f4b8afd8) {
+class $4baf6ba7e224a0ed$export$13ee474454c1948e extends (0, $9f5bc0f6324fb5ea$export$a7fed597f4b8afd8) {
     constructor(page){
         super(page.locator(".dip-view-body"));
         this.page = page;
@@ -395,6 +487,10 @@ class $6cefee8b9be33b2d$export$60413e28724d3abd extends (0, $9f5bc0f6324fb5ea$ex
             name: "Cancel",
             exact: true
         });
+        this.errorMessage = page.locator(".error");
+        this.formSection = page.locator(".xl-react-components.xl-react-dip-dynamic-form");
+        this.refreshButton = page.locator("i.refresh");
+        this.inputRename = page.locator(".infinite-tree-rename-input");
     }
     /**
    * Enter name in name field of the application form
@@ -440,87 +536,105 @@ class $6cefee8b9be33b2d$export$60413e28724d3abd extends (0, $9f5bc0f6324fb5ea$ex
    */ async assertSaveAndCloseButtonIsDisabled() {
         return await (0, $lE6ZQ$expect)(this.findElementInSection(this.saveAndCloseButton)).toBeDisabled();
     }
+    /**
+   * Verify Error message in the form
+   * @param errorMsg
+   * @returns
+   */ async verifyErrorMessage(errorMsg) {
+        return (0, $lE6ZQ$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, $lE6ZQ$expect)(result).toEqual(expectedValue);
+    }
 }
 
 
 
-class $85032414fe55e0f1$export$7db63d2c950874b5 {
-    constructor(page1, page){
-        this.applicationPage = page1;
-        this.page = page;
+class $1f57a739e2592b82$export$2b77a92f1a5ad772 extends (0, $b464119f5ec5aad0$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");
     }
-    /**
-   * Create New directory under applications CI.
-   * @param appDirectoryName
-   * @param expectedCiType
-   */ async createNewApplicationDirectory(appDirectoryName, expectedCiType) {
-        await this.applicationPage.appMenu.clickApplicationCi();
-        await this.applicationPage.appMenu.clickMenuPath([
-            "new",
-            "directory"
-        ]);
-        await this.applicationPage.appForm.assertSaveButtonIsDisabled();
-        await this.applicationPage.appForm.assertSaveAndCloseButtonIsDisabled();
-        await this.applicationPage.appForm.enterName(appDirectoryName);
-        await this.applicationPage.tab.assertActiveTabSelector(expectedCiType);
-        await this.applicationPage.appForm.clickSaveAndClose();
+}
+
+
+class $9a8685efb2ff62b1$export$bd6452a745ffdb18 extends (0, $1f57a739e2592b82$export$2b77a92f1a5ad772) {
+    constructor(page){
+        super(page);
+        this.deleteButton = page.getByRole("button", {
+            name: "Delete",
+            exact: true
+        });
+        this.cancelButton = page.getByRole("button", {
+            name: "Cancel",
+            exact: true
+        });
     }
-    /**
-   * Create new application under Application ci
-   * @param appName
-   * @param expectedCiType
-   */ async createNewApplication(appName, expectedCiType) {
-        await this.applicationPage.appMenu.clickApplicationCi();
-        await this.applicationPage.appMenu.clickMenuPath([
-            "new",
-            "application"
-        ]);
-        await this.applicationPage.appForm.assertSaveButtonIsDisabled();
-        await this.applicationPage.appForm.assertSaveAndCloseButtonIsDisabled();
-        await this.applicationPage.appForm.enterName(appName);
-        await this.applicationPage.appForm.clickSaveAndClose();
-        await this.applicationPage.tab.assertActiveTabSelector(expectedCiType);
+    async clickDelete() {
+        await this.footer.locator(this.deleteButton).click();
     }
-    /**
-   * 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.appMenu.clickApplicationCi();
-        await this.applicationPage.appMenu.clickMenuPath([
-            "import",
-            "fromComputer"
-        ]);
+    async clickCancel() {
+        await this.footer.locator(this.cancelButton).click();
+    }
+}
+
+
+
+
+
+
+
+
+class $0ced90cc8a4c42e6$export$5a20f96f6e2d29e9 {
+    constructor(page){
+        this.page = page;
+        this.contextMenu = new (0, $6d0b1fc17db4a5fb$export$133beb65adbc45a3)(page);
+        this.tab = new (0, $f6d52f442cf07ec8$export$3e41faf802a29e71)(page);
+        this.form = new (0, $4baf6ba7e224a0ed$export$13ee474454c1948e)(page);
+        this.modal = new (0, $9a8685efb2ff62b1$export$bd6452a745ffdb18)(page);
     }
     /**
-   * Create new ci (application, package) under applications by providing following parameters.
+   * Create new ci under any explorer package by providing following parameters.
    * @param parentNodeId
    * @param menuPath
    * @param expectedCiType
-   * @param appName
-   */ async createNewCi(parentNodeId, menuPath, appName) {
+   * @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.applicationPage.appMenu.clickMenuPath(menuPath);
-        await this.applicationPage.appForm.assertSaveButtonIsDisabled();
-        await this.applicationPage.appForm.assertSaveAndCloseButtonIsDisabled();
-        await this.applicationPage.tab.assertActiveTabSelector("Create udm." + menuPath[1] + "");
-        await this.applicationPage.appForm.enterName(appName);
-        await this.applicationPage.appForm.clickSaveAndClose();
+        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();
+        const nodeLocator = await this.page.locator('div[data-id="' + pathnode + '"] a.infinite-tree-toggler.infinite-tree-closed').isVisible();
+        if (nodeLocator) await this.page.locator('div[data-id="' + pathnode + '"] a.infinite-tree-toggler.infinite-tree-closed').click();
     }
     /**
    * expands the path of CI by separating path from "/"
    * @param parentNodeId
    */ async expandNodePath(parentNodeId) {
         const nodeIdParts = $lE6ZQ$split("/", parentNodeId);
-        for(let ind = 0; ind < nodeIdParts.length; ind += 1){
+        for(let ind = 0; ind < nodeIdParts.length; ind++){
             const path = $lE6ZQ$join("/", $lE6ZQ$take(ind + 1, nodeIdParts));
-            this.expandNode(path);
+            await this.expandNode(path);
         }
     }
     /**
@@ -533,87 +647,519 @@ class $85032414fe55e0f1$export$7db63d2c950874b5 {
    * Delete the ci
    * @param node
    */ async deleteCi(node) {
-        await this.page.locator('div[data-id="' + node + '"]').click();
+        const cipath = this.page.locator('div[data-id="' + node + '"]');
+        if (await cipath.isVisible()) await this.page.locator('div[data-id="' + node + '"]').click();
+        else {
+            await this.expandNodePath(node);
+            await this.page.locator('div[data-id="' + node + '"]').click();
+        }
         await this.page.locator('i[data-id="' + node + '"].context-menu-button').click();
-        await this.applicationPage.appMenu.clickMenuPath([
+        await this.contextMenu.clickMenuPath([
             "delete"
         ]);
-        await this.applicationPage.appModal.clickDelete();
+        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 + "");
+    }
+    /**
+   * Duplicate the CI node in explorer using context-menu
+   * @param nodeId
+   */ async duplicate(nodeId) {
+        await this.expandNodePath(nodeId);
+        await this.page.locator('div[data-id="' + nodeId + '"]').click();
+        await this.page.locator('i[data-id="' + nodeId + '"].context-menu-button').click();
+        await this.contextMenu.clickMenuPath([
+            "duplicate"
+        ]);
+    }
+    /**
+   * Validate the given node ID is visible in the page
+   * @param nodeId
+   */ async validateNodeExists(nodeId) {
+        await (0, $lE6ZQ$expect)(this.page.locator('div[data-id="' + nodeId + '"]')).toBeVisible();
+    }
+    /**
+   * Validate the given node does not exists in the list.
+   * @param nodeId
+   */ async validateNodeDoesNotExists(nodeId) {
+        await (0, $lE6ZQ$expect)(this.page.locator('div[data-id="' + nodeId + '"]')).not.toBeVisible();
+    }
+    /**
+   * Rename the node Id with new string in CI.
+   * @param nodeId
+   * @param renamedValue
+   */ async inlineRename(nodeId, renamedValue) {
+        await this.expandNodePath(nodeId);
+        await this.page.locator('div[data-id="' + nodeId + '"]').click();
+        await this.page.locator('i[data-id="' + nodeId + '"].context-menu-button').click();
+        await this.contextMenu.clickMenuPath([
+            "rename"
+        ]);
+        await this.form.inputRename.waitFor();
+        await this.form.inputRename.fill(renamedValue);
+        await this.form.refreshButton.click();
+        await (0, $lE6ZQ$expect)(this.page.locator('div[data-id="' + nodeId + '"]')).not.toBeVisible();
+    }
+    /**
+   * Open CI from explorer
+   * @param nodeId
+   */ async openCi(nodeId) {
+        if (await this.page.locator('.infinite-tree-item[data-id="' + nodeId + '"]').isVisible()) await this.page.locator('.infinite-tree-item[data-id="' + nodeId + '"]').dblclick();
+        else {
+            await this.expandNodePath(nodeId);
+            await this.page.waitForSelector('.infinite-tree-item[data-id="' + nodeId + '"]');
+            await this.page.locator('.infinite-tree-item[data-id="' + nodeId + '"]').dblclick();
+        }
+    }
+    /**
+   * Select the CI which need to get deleted.
+   * @param nodeId
+   */ async selectDeleteCi(nodeId) {
+        const cipath = this.page.locator('div[data-id="' + nodeId + '"]');
+        if (await cipath.isVisible()) await this.page.locator('div[data-id="' + nodeId + '"]').click();
+        else {
+            await this.expandNodePath(nodeId);
+            await this.page.locator('div[data-id="' + nodeId + '"]').click();
+        }
+        await this.page.locator('i[data-id="' + nodeId + '"].context-menu-button').click();
+        await this.contextMenu.clickMenuPath([
+            "delete"
+        ]);
+    }
+    /**
+   * Click cancel button on modal window to cancel deletion.
+   */ async clickCancelAndWait() {
+        await this.modal.clickCancel();
+    }
+    /**
+   * Click Delete button on modal window to delete the CI
+   */ async clickConfirmAndWait() {
+        await this.modal.clickDelete();
     }
 }
 
 
 
 
-class $f6d52f442cf07ec8$export$3e41faf802a29e71 extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
+class $6cefee8b9be33b2d$export$60413e28724d3abd extends (0, $9f5bc0f6324fb5ea$export$a7fed597f4b8afd8) {
     constructor(page){
-        super(page);
+        super(page.locator(".dip-view-body"));
         this.page = page;
-        this.parentTabLocator = this.page.locator(".working-panel-section .xl-react-tab-system");
-        this.getTabTitleLocator = this.page.locator("li.active .tab-title");
-    }
-    async assertActiveTabSelector(expectedCiType) {
-        return await (0, $lE6ZQ$expect)(this.parentTabLocator.locator("li.active .tab-title")).toHaveText(expectedCiType, {
-            ignoreCase: true
+        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");
+        this.addButton = page.locator(".xl-btn-add");
+    }
+    /**
+   * 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, $lE6ZQ$expect)(this.findElementInSection(this.saveButton)).toBeDisabled();
+    }
+    /**
+   * Expecting Save and close button is disabled
+   * @returns
+   */ async assertSaveAndCloseButtonIsDisabled() {
+        return await (0, $lE6ZQ$expect)(this.findElementInSection(this.saveAndCloseButton)).toBeDisabled();
+    }
+    /**
+   * Enter Field Values using its label value around application forms
+   * @param fieldName
+   * @param expectedValue
+   * @returns
+   */ async addFieldValue(fieldName, expectedValue) {
+        const label = this.formSection.locator('//label[text()="' + fieldName + '"]/parent::div/parent::div');
+        const input = label.locator(".xl-react-components-input input");
+        await input.fill(expectedValue);
+        await input.press("Enter");
+        const result = await input.getAttribute("value");
+        return (0, $lE6ZQ$expect)(result).toEqual(expectedValue);
+    }
+    async addOrchestrator(fieldValue) {
+        const label = this.formSection.locator('//label[text()="Orchestrator"]/parent::div/parent::div');
+        const input = label.locator(".xl-react-components-input input");
+        await input.fill(fieldValue);
+        await this.addButton.click();
+        await this.saveButton.waitFor();
+        await this.saveButton.click();
+        const result = await this.page.locator("span.text-container").getAttribute("title");
+        return (0, $lE6ZQ$expect)(result).toEqual(fieldValue);
     }
 }
 
 
-
-class $1f57a739e2592b82$export$2b77a92f1a5ad772 extends (0, $b464119f5ec5aad0$export$6e2c8f0811a474ce) {
+class $4e7e9f7ca5788871$export$bf4a5dd3be690f6b extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
     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");
+        super(page);
+        this.contextMenu = new (0, $6d0b1fc17db4a5fb$export$133beb65adbc45a3)(page);
+        this.form = new (0, $4baf6ba7e224a0ed$export$13ee474454c1948e)(page);
+        this.tab = new (0, $f6d52f442cf07ec8$export$3e41faf802a29e71)(page);
+        this.util = new (0, $85032414fe55e0f1$export$7db63d2c950874b5)(this, page);
+        this.modal = new (0, $9a8685efb2ff62b1$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $0ced90cc8a4c42e6$export$5a20f96f6e2d29e9)(page);
+        this.appForm = new (0, $6cefee8b9be33b2d$export$60413e28724d3abd)(page);
     }
 }
 
 
-class $a2f3076183e2964c$export$51360b6aa3a7b134 extends (0, $1f57a739e2592b82$export$2b77a92f1a5ad772) {
+
+
+class $736a7a3b2d786796$export$36d69433c4f81145 extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
     constructor(page){
         super(page);
-        this.deleteButton = page.getByRole("button", {
-            name: "Delete",
+    }
+}
+
+
+
+
+
+
+
+
+
+
+
+class $07a0aa0673096895$export$855563f8bdb36207 extends (0, $9f5bc0f6324fb5ea$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"]');
     }
-    async clickDelete() {
-        await this.footer.locator(this.deleteButton).click();
+    /**
+   * Enter name in name field of the configuration form
+   * @param name
+   * @returns
+   */ async enterName(name) {
+        return await this.findElementInSection(this.inputName).fill(name);
     }
-    async clickCancel() {
-        await this.footer.locator(this.cancelButton).click();
+    /**
+   * 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, $lE6ZQ$expect)(this.findElementInSection(this.saveButton)).toBeDisabled();
+    }
+    /**
+   * Expecting Save and close button is disabled
+   * @returns
+   */ async assertSaveAndCloseButtonIsDisabled() {
+        return await (0, $lE6ZQ$expect)(this.findElementInSection(this.saveAndCloseButton)).toBeDisabled();
+    }
+    /**
+   * Expecting field value with its field name
+   * @param fieldName
+   * @param value
+   * @returns
+   */ async expectFieldValue(fieldName, value) {
+        (0, $lE6ZQ$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 $4e7e9f7ca5788871$export$bf4a5dd3be690f6b extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
+class $e0ba9f6e7147a59d$export$ad55ec59bf82c4fc {
+    constructor(page1, page){
+        this.configPage = page1;
+        this.page = page;
+    }
+}
+
+
+class $c4efd1bbc33bdc4e$export$8ef81de2d4ebb0b9 extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
     constructor(page){
         super(page);
-        this.appMenu = new (0, $b6dcf2a94c3ae3f4$export$b477143f7ffae077)(page);
-        this.appForm = new (0, $6cefee8b9be33b2d$export$60413e28724d3abd)(page);
+        this.contextMenu = new (0, $6d0b1fc17db4a5fb$export$133beb65adbc45a3)(page);
+        this.form = new (0, $4baf6ba7e224a0ed$export$13ee474454c1948e)(page);
         this.tab = new (0, $f6d52f442cf07ec8$export$3e41faf802a29e71)(page);
-        this.util = new (0, $85032414fe55e0f1$export$7db63d2c950874b5)(this, page);
-        this.appModal = new (0, $a2f3076183e2964c$export$51360b6aa3a7b134)(page);
+        this.modal = new (0, $9a8685efb2ff62b1$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $0ced90cc8a4c42e6$export$5a20f96f6e2d29e9)(page);
+        this.configForm = new (0, $07a0aa0673096895$export$855563f8bdb36207)(page);
+        this.util = new (0, $e0ba9f6e7147a59d$export$ad55ec59bf82c4fc)(this, page);
     }
 }
 
 
 
 
-class $736a7a3b2d786796$export$36d69433c4f81145 extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
+
+
+
+
+
+
+class $6bd08aebb33e3379$export$21cde1e6a73cf500 extends (0, $9f5bc0f6324fb5ea$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, $lE6ZQ$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, $lE6ZQ$expect)(this.findElementInSection(this.saveButton)).toBeDisabled();
+    }
+    /**
+   * Expecting Save and close button is disabled
+   * @returns
+   */ async assertSaveAndCloseButtonIsDisabled() {
+        return await (0, $lE6ZQ$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 $31f14a5153b274ab$export$b8a8d62f66d27fa1 {
+    constructor(page1, page){
+        this.environmentPage = page1;
+        this.page = page;
+    }
+}
+
+
+class $5a95c11425d050d8$export$2c95c5c5be4fb9b0 extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
     constructor(page){
         super(page);
+        this.contextMenu = new (0, $6d0b1fc17db4a5fb$export$133beb65adbc45a3)(page);
+        this.form = new (0, $4baf6ba7e224a0ed$export$13ee474454c1948e)(page);
+        this.tab = new (0, $f6d52f442cf07ec8$export$3e41faf802a29e71)(page);
+        this.modal = new (0, $9a8685efb2ff62b1$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $0ced90cc8a4c42e6$export$5a20f96f6e2d29e9)(page);
+        this.envForm = new (0, $6bd08aebb33e3379$export$21cde1e6a73cf500)(page);
+        this.util = new (0, $31f14a5153b274ab$export$b8a8d62f66d27fa1)(this, page);
     }
 }
 
 
 
+
+
+
+
+
+class $bf1ec3be2f174e87$export$1f6beddb119e759b extends (0, $7d546dcaafadc158$export$2b65d1d97338f32b) {
+    constructor(page){
+        super(page);
+        this.contextMenu = new (0, $6d0b1fc17db4a5fb$export$133beb65adbc45a3)(page);
+        this.form = new (0, $4baf6ba7e224a0ed$export$13ee474454c1948e)(page);
+        this.tab = new (0, $f6d52f442cf07ec8$export$3e41faf802a29e71)(page);
+        this.modal = new (0, $9a8685efb2ff62b1$export$bd6452a745ffdb18)(page);
+        this.commonUtil = new (0, $0ced90cc8a4c42e6$export$5a20f96f6e2d29e9)(page);
+    }
+}
+
+
 const $114b0b206b8d644f$export$e0969da9b8fb378d = (0, $lE6ZQ$test).extend({
     loginPage: async ({ page: page  }, use)=>{
         // Set up the fixture.
@@ -635,6 +1181,21 @@ const $114b0b206b8d644f$export$e0969da9b8fb378d = (0, $lE6ZQ$test).extend({
         const tab = new (0, $f6d52f442cf07ec8$export$3e41faf802a29e71)(page);
         await use(tab);
         return tab;
+    },
+    environmentPage: async ({ page: page  }, use)=>{
+        const environmentPage = new (0, $5a95c11425d050d8$export$2c95c5c5be4fb9b0)(page);
+        await use(environmentPage);
+        return environmentPage;
+    },
+    configurePage: async ({ page: page  }, use)=>{
+        const configurePage = new (0, $c4efd1bbc33bdc4e$export$8ef81de2d4ebb0b9)(page);
+        await use(configurePage);
+        return configurePage;
+    },
+    infraPage: async ({ page: page  }, use)=>{
+        const infraPage = new (0, $bf1ec3be2f174e87$export$1f6beddb119e759b)(page);
+        await use(infraPage);
+        return infraPage;
     }
 });