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

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @digital-ai/devops-page-object-deploy
 
+## 0.0.6
+
+### Patch Changes
+
+- 95c5229: Pages updated with parentLocators and with dataGrid class
+  This PR holds revamp of the pages with its parentLocator.
+- 512af21: Added Move-Ci function, optimized application util methods
+
+## 0.0.5
+
+### Patch Changes
+
+- e68ca43: Created methods for validating duplicate context-menu
+  inlineRename() method is created to rename CI's
+  duplicate() method is created to duplicate the CI's
+  Fixed the conditional check on expanding node path which was not working with isVisible method.
+- 518605e: Fixed pages for context-menu delete ci scenario's
+  Pages to work with delete context-menu is created newly.
+  Methods for tab verification is added in Tab page file.
+
 ## 0.0.4
 
 ### Patch Changes

package/dist/main.js

@@ -7,8 +7,9 @@ function $parcel$export(e, n, v, s) {
 
 $parcel$export(module.exports, "test", () => $3352700e95ddc19e$export$e0969da9b8fb378d);
 class $b031bda8df4df200$export$6e2c8f0811a474ce {
-    constructor(sectionRootLocator){
-        this.sectionRoot = sectionRootLocator;
+    constructor(parentLocator, sectionRootLocator){
+        this.parentLocator = parentLocator;
+        this.sectionRoot = this.parentLocator.locator(sectionRootLocator);
     }
     /**
    * Get child element in the section "this.sectionRoot" refers to
@@ -21,8 +22,8 @@ class $b031bda8df4df200$export$6e2c8f0811a474ce {
 
 
 class $beb748f674227a72$export$cc4f63927c41742f extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
-    constructor(page){
-        super(page.getByTestId("primaryNav"));
+    constructor(parentLocator, page){
+        super(parentLocator, page.getByTestId("primaryNav"));
     }
     /**
    * Click on side navigation links
@@ -33,8 +34,9 @@ class $beb748f674227a72$export$cc4f63927c41742f extends (0, $b031bda8df4df200$ex
 
 
 class $7c2e5bae754cf9e5$export$110709f040143804 extends (0, $beb748f674227a72$export$cc4f63927c41742f) {
-    constructor(page){
-        super(page);
+    static sectionRootLocator = ".Pane vertical Pane1";
+    constructor(parentLocator, page){
+        super(parentLocator, page);
         this.backButtonLocator = page.getByTestId("back-button");
         this.linkExploreLocator = page.locator("p:has-text('Explorer')");
         this.linkCompareLocator = page.locator("p:has-text('Compare')");
@@ -108,17 +110,18 @@ class $7c2e5bae754cf9e5$export$110709f040143804 extends (0, $beb748f674227a72$ex
 
 
 class $4a9d9a80e54af555$export$3b4e64e77073e307 extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
-    constructor(page){
-        super(page.locator(".banner-container"));
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator(".banner-container"));
     }
 }
 
 
 class $9d59b5ce8284c3bf$export$7c6e2c02157bb7d2 extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
-    constructor(page){
-        super(page.locator(".Pane.vertical.Pane1"));
-        this.banner = new (0, $4a9d9a80e54af555$export$3b4e64e77073e307)(page);
-        this.leftPanel = new (0, $7c2e5bae754cf9e5$export$110709f040143804)(page);
+    static sectionRoot = ".app-root";
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator($9d59b5ce8284c3bf$export$7c6e2c02157bb7d2.sectionRoot));
+        this.banner = new (0, $4a9d9a80e54af555$export$3b4e64e77073e307)(page.locator($9d59b5ce8284c3bf$export$7c6e2c02157bb7d2.sectionRoot), page);
+        this.leftPanel = new (0, $7c2e5bae754cf9e5$export$110709f040143804)(page.locator($9d59b5ce8284c3bf$export$7c6e2c02157bb7d2.sectionRoot), page);
     }
 }
 
@@ -131,7 +134,7 @@ class $7149ac56b8ddfcf1$export$d9b273488cd8ce6f extends (0, $b031bda8df4df200$ex
    * @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);
+        super($7149ac56b8ddfcf1$export$d9b273488cd8ce6f.parentLocator, menuContentRootLocator);
         this.menuLinkLocator = menuLinkLocator;
         this.menuItemsParentLocator = menuContentRootLocator.locator(menuItemsParentLocator);
     }
@@ -213,9 +216,10 @@ class $8a1acfec011ab8c3$export$5929c05a25eed48f extends (0, $7149ac56b8ddfcf1$ex
 
 
 class $f9e40ff7c3e0c582$export$ca8bffe144e51c8 extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
-    constructor(page){
-        super(page.locator(".dot-branding"));
-        this.logo = page.getByTestId("primary-logo");
+    static sectionRootLocator = ".dot-branding";
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator($f9e40ff7c3e0c582$export$ca8bffe144e51c8.sectionRootLocator));
+        this.logo = this.findElementInSection(page.getByTestId("primary-logo"));
     }
     async clickLogo() {
         await this.logo.click();
@@ -270,29 +274,37 @@ class $70698a74230ac35b$export$1d7840d5cdc861d5 extends (0, $7149ac56b8ddfcf1$ex
 
 
 
+
 class $0cc6e6068d8adf21$export$f7f58290278dd286 extends (0, $7149ac56b8ddfcf1$export$d9b273488cd8ce6f) {
     constructor(page){
-        super(page.locator("#context-menu-popover"), page.getByTitle("admin"), page.locator(".dropdown-menu.multi-level.dropdown-menu-0"));
+        super(page.locator("#context-menu-popover"), page.getByTitle(".dot-avatar"), page.locator(".dropdown-menu.multi-level.dropdown-menu-0"));
+        this.page = page;
         this.userProfileLocator = page.getByRole("link", {
             name: "User profile"
         });
         this.logoutLocator = page.getByRole("link", {
             name: "Log out"
         });
+        this.avatarTooltip = page.locator(".avatar-wrapper>.dot-tooltip");
     }
     async clickUserProfile() {
         await this.clickMenuItem(this.userProfileLocator);
     }
-    async Logout() {
+    async logout() {
         await this.clickMenuItem(this.logoutLocator);
     }
+    async validateAvatarName(expectedName) {
+        (0, $1UEKj$playwrighttest.expect)(await this.avatarTooltip.getAttribute("title")).toContain(expectedName);
+    }
 }
 
 
 class $ae9e523da565a5a8$export$8b251419efc915eb extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
-    constructor(page){
-        super(page.locator(".main-header-wrapper.logged-in"));
-        this.brandLogo = new (0, $f9e40ff7c3e0c582$export$ca8bffe144e51c8)(page);
+    static sectionRootLocator = ".main-header-wrapper.logged-in";
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator($ae9e523da565a5a8$export$8b251419efc915eb.sectionRootLocator));
+        this.page = page;
+        this.brandLogo = new (0, $f9e40ff7c3e0c582$export$ca8bffe144e51c8)(page.locator(".main-header-wrapper.logged-in"), page);
         this.helperMenu = new (0, $8a1acfec011ab8c3$export$5929c05a25eed48f)(page);
         this.settingsMenu = new (0, $70698a74230ac35b$export$1d7840d5cdc861d5)(page);
         this.avatarMenu = new (0, $0cc6e6068d8adf21$export$f7f58290278dd286)(page);
@@ -302,8 +314,47 @@ class $ae9e523da565a5a8$export$8b251419efc915eb extends (0, $b031bda8df4df200$ex
 
 class $ae23b16684112d0b$export$2b65d1d97338f32b {
     constructor(page){
-        this.header = new (0, $ae9e523da565a5a8$export$8b251419efc915eb)(page);
-        this.content = new (0, $9d59b5ce8284c3bf$export$7c6e2c02157bb7d2)(page);
+        this.header = new (0, $ae9e523da565a5a8$export$8b251419efc915eb)(page.locator(".ci-explorer"), page);
+        this.content = new (0, $9d59b5ce8284c3bf$export$7c6e2c02157bb7d2)(page.locator(".ci-explorer"), page);
+    }
+}
+
+
+
+class $50f6953b9762c03c$export$a7fed597f4b8afd8 extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
+    constructor(parentLocator, mainContentRootLocator){
+        super(parentLocator, mainContentRootLocator);
+    }
+    async fillTextInput(textInput, textValue) {
+        await textInput.clear();
+        await textInput.fill(textValue);
+    }
+}
+
+
+class $5ca595492af22d0d$export$56c2ba9e13461f38 extends (0, $50f6953b9762c03c$export$a7fed597f4b8afd8) {
+    static mainContentRootLocator = ".login-component";
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator($5ca595492af22d0d$export$56c2ba9e13461f38.mainContentRootLocator));
+        this.page = page;
+        this.username = this.findElementInSection(page.getByPlaceholder("User"));
+        this.password = this.findElementInSection(page.getByPlaceholder("Password"));
+        this.loginButton = this.findElementInSection(page.getByRole("button", {
+            name: "Log in"
+        }));
+        this.rememberMeCheckbox = this.findElementInSection(page.locator("#rememberMeCheckbox"));
+    }
+    async enterUserName(username) {
+        await this.fillTextInput(this.username, username);
+    }
+    async enterPassword(password) {
+        await this.fillTextInput(this.password, password);
+    }
+    async clickLogin() {
+        await this.loginButton.click();
+    }
+    async clickRememberMe() {
+        await this.rememberMeCheckbox.click();
     }
 }
 
@@ -312,19 +363,15 @@ class $7dcee016eeec0e08$export$f14c0e3f98d164c0 extends (0, $ae23b16684112d0b$ex
     constructor(page){
         super(page);
         this.page = page;
-        this.username = page.getByPlaceholder("User");
-        this.password = page.getByPlaceholder("Password");
-        this.loginButton = page.getByRole("button", {
-            name: "Log in"
-        });
-        this.rememberMeCheckbox = page.locator("#rememberMeCheckbox");
+        this.loginForm = new (0, $5ca595492af22d0d$export$56c2ba9e13461f38)(page.locator(".login-layout"), page);
     }
     async login(user, pwd) {
         await this.page.goto("/#/login");
-        await this.username.fill(user);
-        await this.password.fill(pwd);
-        await this.loginButton.click();
+        await this.loginForm.enterUserName(user);
+        await this.loginForm.enterPassword(pwd);
+        await this.loginForm.clickLogin();
         await this.page.locator(".main-layout").waitFor();
+        await this.header.avatarMenu.validateAvatarName(user);
     }
 }
 
@@ -338,8 +385,7 @@ class $dcea22adf7bc9211$export$7db63d2c950874b5 {
     /**
    * Create New directory under applications CI.
    * @param appDirectoryName
-   * @param expectedCiType
-   */ async createNewApplicationDirectory(appDirectoryName, expectedCiType) {
+   */ async createNewApplicationDirectory(appDirectoryName) {
         await this.applicationPage.contextMenu.clickApplicationCi();
         await this.applicationPage.contextMenu.clickMenuPath([
             "new",
@@ -348,14 +394,13 @@ class $dcea22adf7bc9211$export$7db63d2c950874b5 {
         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.tab.assertActiveTabSelector("Create core.directory");
         await this.applicationPage.form.clickSaveAndClose();
     }
     /**
    * Create new application under Application ci
    * @param appName
-   * @param expectedCiType
-   */ async createNewApplication(appName, expectedCiType) {
+   */ async createNewApplication(appName) {
         await this.applicationPage.contextMenu.clickApplicationCi();
         await this.applicationPage.contextMenu.clickMenuPath([
             "new",
@@ -365,7 +410,7 @@ class $dcea22adf7bc9211$export$7db63d2c950874b5 {
         await this.applicationPage.form.assertSaveAndCloseButtonIsDisabled();
         await this.applicationPage.form.enterName(appName);
         await this.applicationPage.form.clickSaveAndClose();
-        await this.applicationPage.tab.assertActiveTabSelector("Create " + expectedCiType);
+        await this.applicationPage.tab.assertActiveTabSelector("Create udm.application");
     }
     /**
    * TODO: It is half done just to check on menu path other than new. Need to create as per scenario.
@@ -386,17 +431,44 @@ class $0a8f56f4ec9e6ec3$export$3e41faf802a29e71 extends (0, $ae23b16684112d0b$ex
         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.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");
     }
-    async assertActiveTabSelector(expectedCiType) {
-        return await (0, $1UEKj$playwrighttest.expect)(this.parentTabLocator.locator("li.active .tab-title")).toHaveText(expectedCiType, {
+    /**
+   * Assert active tab title with expected value.
+   * @param expectedCiType
+   * @returns
+   */ async assertActiveTabSelector(expectedCiType) {
+        return await (0, $1UEKj$playwrighttest.expect)(this.getTabTitleLocator).toHaveText(expectedCiType, {
             ignoreCase: true
         });
     }
-    async closeActiveTabs() {
+    /**
+   * 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, $1UEKj$playwrighttest.expect)(this.tabSelector).not.toBeVisible();
+    }
+    /**
+   * Expect the given tab title is present in tab opened
+   * @param tabTitle
+   * @returns
+   */ async expectTabOpened(tabTitle) {
+        return await (0, $1UEKj$playwrighttest.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, $1UEKj$playwrighttest.expect)(this.tabTitle).not.toHaveText(tabTitle);
+    }
 }
 
 
@@ -436,20 +508,9 @@ class $9dd8dd888e812fd7$export$133beb65adbc45a3 extends (0, $7149ac56b8ddfcf1$ex
 
 
 
-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"));
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator(".dip-view-body"));
         this.page = page;
         this.inputName = page.locator('input[name="name"]');
         this.inputLatestVersion = page.locator('input[name="lastVersion"]');
@@ -467,6 +528,8 @@ class $f0e8ecb73642aac7$export$13ee474454c1948e extends (0, $50f6953b9762c03c$ex
         });
         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
@@ -535,8 +598,8 @@ class $f0e8ecb73642aac7$export$13ee474454c1948e extends (0, $50f6953b9762c03c$ex
 
 
 class $749097e2d65c1527$export$2b77a92f1a5ad772 extends (0, $b031bda8df4df200$export$6e2c8f0811a474ce) {
-    constructor(page){
-        super(page.locator(".xl-react-modal-content"));
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator(".xl-react-modal-content"));
         this.header = page.locator(".modal-header");
         this.body = page.locator(".modal-body");
         this.footer = page.locator(".modal-footer");
@@ -545,8 +608,8 @@ class $749097e2d65c1527$export$2b77a92f1a5ad772 extends (0, $b031bda8df4df200$ex
 
 
 class $1b7c532a5b0861f3$export$bd6452a745ffdb18 extends (0, $749097e2d65c1527$export$2b77a92f1a5ad772) {
-    constructor(page){
-        super(page);
+    constructor(parentLocator, page){
+        super(parentLocator, page);
         this.deleteButton = page.getByRole("button", {
             name: "Delete",
             exact: true
@@ -555,6 +618,10 @@ class $1b7c532a5b0861f3$export$bd6452a745ffdb18 extends (0, $749097e2d65c1527$ex
             name: "Cancel",
             exact: true
         });
+        this.moveButton = page.getByRole("button", {
+            name: "Move",
+            exact: true
+        });
     }
     async clickDelete() {
         await this.footer.locator(this.deleteButton).click();
@@ -562,6 +629,9 @@ class $1b7c532a5b0861f3$export$bd6452a745ffdb18 extends (0, $749097e2d65c1527$ex
     async clickCancel() {
         await this.footer.locator(this.cancelButton).click();
     }
+    async clickMove() {
+        await this.footer.locator(this.moveButton).click();
+    }
 }
 
 
@@ -570,13 +640,14 @@ class $1b7c532a5b0861f3$export$bd6452a745ffdb18 extends (0, $749097e2d65c1527$ex
 
 
 
+
 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);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page.locator(".Pane.vertical.Pane2"), page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page.locator(".xl-react-modal-open"), page);
     }
     /**
    * Create new ci under any explorer package by providing following parameters.
@@ -599,16 +670,20 @@ class $26b4a6e9a3909559$export$5a20f96f6e2d29e9 {
    * 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 = $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);
+        const ci = await this.page.isVisible('div[data-id="' + parentNodeId + '"]');
+        if (!ci) {
+            const nodeIdParts = $1UEKj$rambda.split("/", parentNodeId);
+            for(let ind = 0; ind < nodeIdParts.length; ind++){
+                const path = $1UEKj$rambda.join("/", $1UEKj$rambda.take(ind + 1, nodeIdParts));
+                await this.expandNode(path);
+            }
         }
     }
     /**
@@ -621,7 +696,12 @@ class $26b4a6e9a3909559$export$5a20f96f6e2d29e9 {
    * 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.contextMenu.clickMenuPath([
             "delete"
@@ -649,14 +729,107 @@ class $26b4a6e9a3909559$export$5a20f96f6e2d29e9 {
         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, $1UEKj$playwrighttest.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, $1UEKj$playwrighttest.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, $1UEKj$playwrighttest.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();
+    }
+    /**
+   * Move ci
+   * @param source_path
+   * @param target_path
+   */ async moveCi(source_path, target_path) {
+        const source_cipath = this.page.locator('div[data-id="' + source_path + '"]');
+        const target_cipath = this.page.locator('div[data-id="' + target_path + '"]');
+        await this.expandNodePath(source_path);
+        //TODO: Find a better way to make sure target can be expanded without error, current implementation is workaround
+        await this.page.locator('div[data-id="' + target_path + '"]').textContent();
+        await this.expandNodePath(target_path);
+        await source_cipath.dragTo(target_cipath);
+    }
+    /**
+   * Click Move button on modal window to Move the CIs
+   */ async clickMoveAndWait() {
+        await this.modal.clickMove();
+    }
 }
 
 
 
 
 class $b90c33a29683027b$export$60413e28724d3abd extends (0, $50f6953b9762c03c$export$a7fed597f4b8afd8) {
-    constructor(page){
-        super(page.locator(".dip-view-body"));
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator(".dip-view-body"));
         this.page = page;
         this.inputName = page.locator('input[name="name"]');
         this.inputLatestVersion = page.locator('input[name="lastVersion"]');
@@ -673,6 +846,7 @@ class $b90c33a29683027b$export$60413e28724d3abd extends (0, $50f6953b9762c03c$ex
             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
@@ -718,6 +892,29 @@ class $b90c33a29683027b$export$60413e28724d3abd extends (0, $50f6953b9762c03c$ex
    */ async assertSaveAndCloseButtonIsDisabled() {
         return await (0, $1UEKj$playwrighttest.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, $1UEKj$playwrighttest.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, $1UEKj$playwrighttest.expect)(result).toEqual(fieldValue);
+    }
 }
 
 
@@ -725,12 +922,12 @@ class $1fae0b7de3d21f52$export$bf4a5dd3be690f6b extends (0, $ae23b16684112d0b$ex
     constructor(page){
         super(page);
         this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
-        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page.locator(".Pane.vertical.Pane2"), 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.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page.locator(".xl-react-modal-open"), page);
         this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
-        this.appForm = new (0, $b90c33a29683027b$export$60413e28724d3abd)(page);
+        this.appForm = new (0, $b90c33a29683027b$export$60413e28724d3abd)(page.locator(".Pane.vertical.Pane2"), page);
     }
 }
 
@@ -754,8 +951,8 @@ 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"));
+    constructor(parentLocator, page){
+        super(parentLocator, page.locator(".dip-view-body"));
         this.page = page;
         this.inputName = page.locator('input[name="name"]');
         this.inputLatestVersion = page.locator('input[name="lastVersion"]');
@@ -888,11 +1085,11 @@ class $0b66c9d41a4ba704$export$8ef81de2d4ebb0b9 extends (0, $ae23b16684112d0b$ex
     constructor(page){
         super(page);
         this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
-        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page.locator(".Pane.vertical.Pane2"), page);
         this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
-        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page.locator(".xl-react-modal-open"), page);
         this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
-        this.configForm = new (0, $465c25c02ae34e1f$export$855563f8bdb36207)(page);
+        this.configForm = new (0, $465c25c02ae34e1f$export$855563f8bdb36207)(page.locator(".Pane.vertical.Pane2"), page);
         this.util = new (0, $168ec5e952b92f0d$export$ad55ec59bf82c4fc)(this, page);
     }
 }
@@ -907,8 +1104,8 @@ class $0b66c9d41a4ba704$export$8ef81de2d4ebb0b9 extends (0, $ae23b16684112d0b$ex
 
 
 class $fef9a424af55e937$export$21cde1e6a73cf500 extends (0, $50f6953b9762c03c$export$a7fed597f4b8afd8) {
-    constructor(page){
-        super(page.locator(".dip-view-body"));
+    constructor(parentLocator, page){
+        super(parentLocator, 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"]');
@@ -1002,11 +1199,11 @@ class $6d811907766c6ed0$export$2c95c5c5be4fb9b0 extends (0, $ae23b16684112d0b$ex
     constructor(page){
         super(page);
         this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
-        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page.locator(".Pane.vertical.Pane2"), page);
         this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
-        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page.locator(".xl-react-modal-open"), page);
         this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
-        this.envForm = new (0, $fef9a424af55e937$export$21cde1e6a73cf500)(page);
+        this.envForm = new (0, $fef9a424af55e937$export$21cde1e6a73cf500)(page.locator(".xl-react-modal-open"), page);
         this.util = new (0, $46c3ae45662ff7ad$export$b8a8d62f66d27fa1)(this, page);
     }
 }
@@ -1022,9 +1219,9 @@ class $2176608eec52f17d$export$1f6beddb119e759b extends (0, $ae23b16684112d0b$ex
     constructor(page){
         super(page);
         this.contextMenu = new (0, $9dd8dd888e812fd7$export$133beb65adbc45a3)(page);
-        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page);
+        this.form = new (0, $f0e8ecb73642aac7$export$13ee474454c1948e)(page.locator(".Pane.vertical.Pane2"), page);
         this.tab = new (0, $0a8f56f4ec9e6ec3$export$3e41faf802a29e71)(page);
-        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page);
+        this.modal = new (0, $1b7c532a5b0861f3$export$bd6452a745ffdb18)(page.locator(".xl-react-modal-open"), page);
         this.commonUtil = new (0, $26b4a6e9a3909559$export$5a20f96f6e2d29e9)(page);
     }
 }