@digital-ai/devops-page-object-release 0.0.76 → 0.0.77

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @digital-ai/devops-page-object-release
 
+## 0.0.77
+
+### Patch Changes
+
+- 6e9adb2: S-123064 `Releases filter` - adjust page objects to follow new filter components
+
 ## 0.0.76
 
 ### Patch Changes

package/dist/main.js

@@ -954,6 +954,7 @@ $edb0b0405039996a$exports = $edb0b0405039996a$var$isNil;
 
 
 
+
 class $f8721861c660dd88$export$2b65d1d97338f32b {
     constructor(page){
         this.page = page;
@@ -961,8 +962,6 @@ class $f8721861c660dd88$export$2b65d1d97338f32b {
 }
 
 
-
-
 class $3d3f3946c54f5897$export$34addcca3f0ae43f extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
     constructor(page){
         super(page);
@@ -1057,7 +1056,125 @@ class $3d3f3946c54f5897$export$34addcca3f0ae43f extends (0, $f8721861c660dd88$ex
 }
 
 
-class $87643f2d97b0644e$export$a678525e79c4ccc4 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
+
+
+class $e403098cd4f59faa$export$7034f81075184002 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
+    constructor(page){
+        super(page);
+    }
+    getHeaderSelector() {
+        return ".release-list-header";
+    }
+    getBaseDrawerSelector() {
+        return `${this.getHeaderSelector()} .releases-filter-drawer`;
+    }
+    getFilterDrawerSelector() {
+        return `${this.getBaseDrawerSelector()} div[role="dialog"]`;
+    }
+    getStatusInputSelector() {
+        return `${this.getBaseDrawerSelector()} input#release-status-filter-autocomplete`;
+    }
+    getBasePopperSelector() {
+        return '.dot-popper[role="presentation"]';
+    }
+    getSelectAllStatusesButtonSelector() {
+        return `${this.getBasePopperSelector()} button[data-testid="dot-action-item-btn"]`;
+    }
+    getTitleInputSelector() {
+        return `${this.getHeaderSelector()} input#title-filter`;
+    }
+    getRiskLevelInputSelector() {
+        return `${this.getBaseDrawerSelector()} input#risk`;
+    }
+    async setReleaseStatusFilter(statuses) {
+        for (const status of statuses){
+            await this.page.locator(this.getStatusInputSelector()).click();
+            await this.page.locator(`${this.getBasePopperSelector()} ul li`).filter({
+                hasText: status
+            }).click();
+        }
+        return this;
+    }
+    async setReleaseTagsFilter(tags) {
+        for (const tag of tags){
+            await this.page.locator(`${this.getBaseDrawerSelector()} input#release-tags`).click();
+            await this.page.locator(`${this.getBasePopperSelector()} ul li`).filter({
+                hasText: tag.toLowerCase()
+            }).click();
+        }
+        return this;
+    }
+    async setTaskTagsFilter(tags) {
+        for (const tag of tags){
+            await this.page.locator(`${this.getBaseDrawerSelector()} input#task-tags`).click();
+            await this.page.locator(`${this.getBasePopperSelector()} ul li`).filter({
+                hasText: tag.toLowerCase()
+            }).click();
+        }
+        return this;
+    }
+    async setRiskLevelFilter(riskLevel) {
+        await this.page.locator(this.getRiskLevelInputSelector()).click();
+        await this.page.locator(`${this.getBasePopperSelector()} ul li:has-text("${riskLevel}")`).click({
+            force: true
+        });
+        return this;
+    }
+    async filterReleaseByTitle(releaseTitle) {
+        await this.page.locator(this.getTitleInputSelector()).fill(releaseTitle);
+    }
+    async clearTitleFilter() {
+        await this.page.locator(this.getTitleInputSelector()).fill("");
+        return this;
+    }
+    async openFilterDrawer() {
+        await this.page.locator(`${this.getHeaderSelector()} button`, {
+            hasText: "Filters"
+        }).click();
+        await (0, $kKeXs$playwrighttest.expect)(this.page.locator(this.getFilterDrawerSelector())).toBeVisible();
+        return this;
+    }
+    async closeFilterDrawer() {
+        await this.page.locator(`${this.getBaseDrawerSelector()} .dot-icon-btn[data-testid="close-btn"]`).click();
+        await (0, $kKeXs$playwrighttest.expect)(this.page.locator(this.getFilterDrawerSelector())).not.toBeVisible();
+        return this;
+    }
+    async clearAllFilters() {
+        await this.page.locator(`${this.getHeaderSelector()} .release-list-filter-row button[data-testid="clear-all-btn"]`).click();
+        return this;
+    }
+    async clearAllStatusFilters() {
+        await this.page.locator(this.getStatusInputSelector()).click();
+        await this.page.locator(`${this.getBaseDrawerSelector()} div.filter-release-status-autocomplete button[title="Clear"]`).click();
+        return this;
+    }
+    async selectAllStatusFilters() {
+        await this.page.locator(this.getStatusInputSelector()).click();
+        await this.page.locator(this.getSelectAllStatusesButtonSelector()).click();
+        return this;
+    }
+    async gotoListView() {
+        await this.clickOnReleasesPageTab("List");
+        await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".release-list")).toBeVisible();
+    }
+    async gotoCalendarView() {
+        await this.clickOnReleasesPageTab("Calendar");
+        await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".tl-viewport")).toBeVisible();
+    }
+    async clickOnReleasesPageTab(tabName) {
+        await this.page.locator("releases-tabs .dot-tab-label").filter({
+            hasText: tabName
+        }).click();
+        return this;
+    }
+    async toggleFilterFlaggedOnly() {
+        await this.page.locator(`${this.getBaseDrawerSelector()} .flagged-releases-switch input[aria-label="Flagged releases"]`).click();
+        return this;
+    }
+}
+
+
+class $87643f2d97b0644e$export$a678525e79c4ccc4 extends (0, $e403098cd4f59faa$export$7034f81075184002) {
     constructor(page){
         super(page);
         this.releaseCreatePage = new (0, $3d3f3946c54f5897$export$34addcca3f0ae43f)(page);
@@ -1124,49 +1241,12 @@ class $87643f2d97b0644e$export$a678525e79c4ccc4 extends (0, $f8721861c660dd88$ex
         await (0, $kKeXs$playwrighttest.expect)(this.page.getByLabel("breadcrumb").getByText("Releases")).toBeVisible();
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".release-list")).toBeVisible();
     }
-    async filterReleaseByAllStatus() {
-        await this.page.locator(".ci-status .remaining-tags").getByText("more").click();
-        await this.page.locator(".ci-status .xl-react-link").getByText("Select all").click();
-    }
-    async filterReleaseByStatus(release_status) {
-        await this.page.locator(".react-tagsinput-wrapper .remaining-tags").click();
-        await this.page.getByTitle(release_status).locator("i").first().click();
-    }
     async openReleaseByName(releaseTitle) {
         await this.page.locator(".release-line .row-wrapper .release-title-wrapper a", {
             hasText: releaseTitle
         }).click();
         return new (0, $9b9a8c3da392d020$export$f43492e8ac3c566)(this.page);
     }
-    async openSearchFilter() {
-        await this.page.locator(".toggle-search-filter").click();
-    }
-    async filterReleaseByTitle(releaseTitle) {
-        const searchTitle = this.page.locator(".searchFilter");
-        const searchCount = await searchTitle.count();
-        if (searchCount == 0) {
-            await this.openSearchFilter();
-            await searchTitle.fill(releaseTitle);
-            await searchTitle.press("Enter");
-            await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".release").getByText(releaseTitle)).toBeVisible();
-        } else {
-            await searchTitle.press("Enter");
-            await searchTitle.fill(releaseTitle);
-            await searchTitle.press("Enter");
-            await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".release").getByText(releaseTitle)).toBeVisible();
-        }
-    }
-    async clearTitleFilter() {
-        const search = await this.page.locator(".searchFilter").count();
-        if (search == 0) {
-            await this.openSearchFilter();
-            await this.page.locator(".searchFilter").clear();
-            await this.page.locator(".searchFilter").press("Enter");
-        } else {
-            await this.page.locator(".searchFilter").clear();
-            await this.page.locator(".searchFilter").press("Enter");
-        }
-    }
     async createNewRelease(releaseName, description) {
         await this.releaseCreatePage.setName(releaseName);
         await this.releaseCreatePage.setDescription(description);
@@ -1179,18 +1259,6 @@ class $87643f2d97b0644e$export$a678525e79c4ccc4 extends (0, $f8721861c660dd88$ex
         await this.releaseCreatePage.setOwner(ownerName);
         await this.releaseCreatePage.create();
     }
-    async gotoListView() {
-        await this.page.getByRole("tab", {
-            name: "release icon List"
-        }).click();
-        await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".release-list")).toBeVisible();
-    }
-    async gotoCalendarView() {
-        await this.page.getByRole("tab", {
-            name: "calendar icon Calendar"
-        }).click();
-        await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".tl-viewport")).toBeVisible();
-    }
     async openReleasesList() {
         await this.page.goto("./#/releases");
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".release-list")).toBeVisible();
@@ -5649,6 +5717,9 @@ class $9058d40a81bdb1f5$export$b453f08936c58edb extends (0, $f8721861c660dd88$ex
         this.util = new (0, $2c89ba54932fbba8$export$f8f26dd395d7e1bd)(page);
         this.variables = new (0, $59543fc69900e8db$export$f8e64fcf447db2bf)(page);
     }
+    getFolderSearchInputLocator() {
+        return this.page.locator(".folder-list .folder-list-search input");
+    }
     async openFoldersPage() {
         await this.page.goto("./#/folders");
         await (0, $kKeXs$playwrighttest.expect)(this.page).toHaveTitle("Folders / Home - Digital.ai Release");
@@ -5753,9 +5824,9 @@ class $9058d40a81bdb1f5$export$b453f08936c58edb extends (0, $f8721861c660dd88$ex
         })).not.toBeVisible();
     }
     async searchFolderByName(folderName) {
-        await this.page.getByLabel("Start typing to filter").click();
-        await this.page.getByLabel("Start typing to filter").clear();
-        await this.page.getByLabel("Start typing to filter").fill(folderName);
+        await this.getFolderSearchInputLocator().click();
+        await this.getFolderSearchInputLocator().clear();
+        await this.getFolderSearchInputLocator().fill(folderName);
         await (0, $kKeXs$playwrighttest.expect)(this.page.getByRole("link", {
             name: folderName
         })).toBeVisible();
@@ -6790,7 +6861,8 @@ class $a642d735048996f9$export$922081b54f2ab994 extends (0, $f8721861c660dd88$ex
 
 
 
-class $a8855257f8bb2b12$export$43682cddead1dd78 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
+
+class $a8855257f8bb2b12$export$43682cddead1dd78 extends (0, $e403098cd4f59faa$export$7034f81075184002) {
     async openReleaseCalendarPage() {
         await this.page.goto("./#/releases/calendar");
         //Define date format to verify different calendar views
@@ -6895,61 +6967,6 @@ class $a8855257f8bb2b12$export$43682cddead1dd78 extends (0, $f8721861c660dd88$ex
             await (0, $kKeXs$playwrighttest.expect)(this.page.getByText(title)).toBeVisible();
         }
     }
-    async filterReleaseByTitle(title) {
-        await this.page.getByPlaceholder("Filter by release title").click();
-        await this.page.getByPlaceholder("Filter by release title").fill(title);
-        await this.page.getByPlaceholder("Filter by release title").press("Enter");
-        //Verify Page has correct Year format displayed at the page bottom
-        await this.verifyPageContent(title);
-    }
-    async filterReleaseByTags(tags, release_title) {
-        await this.page.locator(".tl-filter-release-tags").locator(".react-tagsinput").click();
-        for (let tag of tags){
-            tag = tag.toString();
-            await this.page.locator(".tl-filter-release-tags").locator(".react-tagsinput-input").fill(tag);
-            await this.page.getByTitle(tag).locator("i").click();
-        }
-        await this.verifyPageContent(release_title);
-    }
-    async filterTaskByTags(tags, task_title, release_title) {
-        await this.page.locator(".tl-filter-task-tags").locator(".react-tagsinput").click();
-        for (let tag of tags){
-            tag = tag.toString();
-            await this.page.locator(".tl-filter-task-tags").locator(".react-tagsinput-input").fill(tag);
-            await this.page.getByTitle(tag).locator("i").click();
-        }
-        //Make sure task is visible on calnedar page
-        await this.verifyPageContent(task_title);
-        //Make sure parent release of the selected task is visible on calnedar page
-        await this.verifyPageContent(release_title);
-    }
-    async filterReleaseByStatus(release_status, release_title) {
-        if (!await this.page.locator(".tl-filter-advanced").isVisible()) await this.page.getByRole("button", {
-            name: "Advanced filters"
-        }).click();
-        await this.page.locator(".tl-filter-release-status").locator(".react-tagsinput").click();
-        await this.page.getByTitle(release_status).locator("i").first().click();
-        await this.verifyPageContent(release_title);
-    }
-    async filterReleaseByRisk(release_risk, release_title) {
-        if (!await this.page.locator(".tl-filter-advanced").isVisible()) await this.page.getByRole("button", {
-            name: "Advanced filters"
-        }).click();
-        await this.page.locator(".tl-filter-risk-filter").getByRole("combobox").click();
-        await this.page.getByRole("option", {
-            name: release_risk
-        }).click();
-        await this.verifyPageContent(release_title);
-    }
-    async filterFlaggedRelease(release_title) {
-        if (!await this.page.locator(".tl-filter-advanced").isVisible()) await this.page.getByRole("button", {
-            name: "Advanced filters"
-        }).click();
-        if (await this.page.locator(".tl-filter-flag-only.btn.btn-flat.btn-fixed.button-toggle-filter.active").isVisible()) await this.page.getByRole("button", {
-            name: " Flagged"
-        }).click();
-        await this.verifyPageContent(release_title);
-    }
     async viewRelease(release_title, release_id) {
         await this.page.locator(".tl-header-navigation").getByRole("combobox").click();
         await this.page.getByRole("option", {