@digital-ai/devops-page-object-release 0.0.0-snapshot-20251030111607 → 0.0.0-snapshot-20251030121554

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @digital-ai/devops-page-object-release
 
-## 0.0.0-snapshot-20251030111607
+## 0.0.0-snapshot-20251030121554
 
 ### Patch Changes
 
-- 867ee27: S-125939: Migrated Release flag scenario from cypress to playwright
+- 246bc7c: S-125225: Update new tasks page filters
 
 ## 0.0.88
 

package/dist/main.js

@@ -1058,18 +1058,52 @@ class $3d3f3946c54f5897$export$34addcca3f0ae43f extends (0, $f8721861c660dd88$ex
 
 
 
-class $e403098cd4f59faa$export$7034f81075184002 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
+
+class $96d547f0e8ead553$export$48c33d2414f51608 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
     constructor(page){
         super(page);
     }
     getHeaderSelector() {
-        return ".release-list-header";
+        return ".filter-title-search";
     }
     getBaseDrawerSelector() {
-        return `${this.getHeaderSelector()} .filter-drawer`;
+        return '.filter-drawer div[role="dialog"]';
+    }
+    getTitleInputSelector() {
+        return `${this.getHeaderSelector()} input#title-filter`;
+    }
+    async openFilterDrawer() {
+        await this.page.locator(`${this.getHeaderSelector()} button`, {
+            hasText: "Filters"
+        }).click();
+        await (0, $kKeXs$playwrighttest.expect)(this.page.locator(this.getBaseDrawerSelector())).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.getBaseDrawerSelector())).not.toBeVisible();
+        return this;
+    }
+    async clearTitleFilter() {
+        await this.page.locator(this.getTitleInputSelector()).fill("");
+        return this;
+    }
+    async clearAllFilters() {
+        await this.page.locator(`.filter-row button[data-testid="clear-all-btn"]`).click();
+        return this;
+    }
+    async filterByTitle(releaseTitle) {
+        await this.page.locator(this.getTitleInputSelector()).fill(releaseTitle);
     }
-    getFilterDrawerSelector() {
-        return `${this.getBaseDrawerSelector()} div[role="dialog"]`;
+    async clearFilterTitle() {
+        await this.page.locator(this.getTitleInputSelector()).clear();
+    }
+}
+
+
+class $e403098cd4f59faa$export$7034f81075184002 extends (0, $96d547f0e8ead553$export$48c33d2414f51608) {
+    constructor(page){
+        super(page);
     }
     getStatusInputSelector() {
         return `${this.getBaseDrawerSelector()} input#release-status-filter-autocomplete`;
@@ -1080,9 +1114,6 @@ class $e403098cd4f59faa$export$7034f81075184002 extends (0, $f8721861c660dd88$ex
     getSelectAllStatusesButtonSelector() {
         return `${this.getBasePopperSelector()} button[data-testid="dot-action-item-btn"]`;
     }
-    getTitleInputSelector() {
-        return `${this.getHeaderSelector()} input#title-filter`;
-    }
     getRiskLevelInputSelector() {
         return `${this.getBaseDrawerSelector()} input#risk`;
     }
@@ -1121,27 +1152,7 @@ class $e403098cd4f59faa$export$7034f81075184002 extends (0, $f8721861c660dd88$ex
         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()} .filter-row button[data-testid="clear-all-btn"]`).click();
-        return this;
+        await this.filterByTitle(releaseTitle);
     }
     async clearAllStatusFilters() {
         await this.page.locator(this.getStatusInputSelector()).click();
@@ -3134,7 +3145,7 @@ class $6a21661eb4695574$export$e946776eae644790 extends (0, $f8721861c660dd88$ex
         this.taskDrawerLocator = this.page.locator("task-drawer .dot-drawer");
     }
     async waitForTaskDrawer() {
-        const handle = await this.page.locator(".dot-drawer-paper").elementHandle();
+        const handle = await this.page.locator("task-drawer .dot-drawer-paper").elementHandle();
         await handle?.waitForElementState("stable");
     }
     async openOverviewRail() {
@@ -3303,10 +3314,10 @@ class $6a21661eb4695574$export$e946776eae644790 extends (0, $f8721861c660dd88$ex
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator(".user-task-assigned-wrapper .clickable-avatar")).toBeVisible();
     }
     async removeAssignToUser(userName) {
-        await this.page.getByRole("button", {
+        await this.taskDrawerLocator.getByRole("button", {
             name: userName
         }).click();
-        await this.page.getByRole("button", {
+        await this.taskDrawerLocator.getByRole("button", {
             name: "Clear"
         }).click();
         return this;
@@ -3323,7 +3334,7 @@ class $6a21661eb4695574$export$e946776eae644790 extends (0, $f8721861c660dd88$ex
     }
     async removeAssignedTeam(teamName) {
         await this.page.locator(".team-task-assigned-wrapper .editable").getByText(teamName).click();
-        await this.page.getByRole("button", {
+        await this.taskDrawerLocator.getByRole("button", {
             name: "Clear"
         }).click();
         return this;
@@ -3842,21 +3853,6 @@ class $8681d8a3f46f87b7$export$d1077068a9cc9f17 extends (0, $f8721861c660dd88$ex
     async expectStartFromReleaseURLToBe(parentReleaseURL) {
         (0, $kKeXs$playwrighttest.expect)(await this.page.locator(".started-from-release").getAttribute("href")).toContain(parentReleaseURL);
     }
-    async expectFlaggedWith(flagName, flagComment) {
-        const flagButton = this.page.locator(".flags .dropdown-button");
-        await (0, $kKeXs$playwrighttest.expect)(flagButton).toHaveClass(new RegExp(`\\b${flagName}\\b`));
-        const input = this.page.locator(".flags input");
-        if (await input.isVisible()) await (0, $kKeXs$playwrighttest.expect)(input).toHaveValue(flagComment);
-    }
-    async flag(flagName, flagComment) {
-        const flagDropdown = this.page.locator("#release-properties .flags .dropdown-button");
-        await flagDropdown.click();
-        const flagPopover = this.page.locator(".flags .flag-picker-popover");
-        const flagOption = flagPopover.locator(`div.${flagName}`);
-        await flagOption.click();
-        await this.page.getByPlaceholder("Set status text...").click();
-        await this.page.getByPlaceholder("Set status text...").fill(flagComment);
-    }
 }
 
 
@@ -7768,13 +7764,23 @@ class $fd4eef3ad2b2e612$var$DeleteVariableModel extends (0, $f8721861c660dd88$ex
 
 
 
-class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
+
+class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $96d547f0e8ead553$export$48c33d2414f51608) {
     constructor(page){
         super(page);
         this.commentBox = this.page.locator(`.input-block-level`);
         this.gridView = new $ed2d4739e27d43c1$var$GridView(page);
         this.taskDrawer = new (0, $6a21661eb4695574$export$e946776eae644790)(page);
     }
+    getBasePopperSelector() {
+        return '.dot-popper[role="presentation"]';
+    }
+    getSelectAllStatusesButtonSelector() {
+        return `${this.getBasePopperSelector()} button[data-testid="dot-action-item-btn"]`;
+    }
+    getStatusInputSelector() {
+        return `${this.getBaseDrawerSelector()} input#task-status-filter-autocomplete`;
+    }
     async openTask(taskName) {
         await this.filterTaskByTitle(taskName);
         await this.page.getByText(taskName).first().click();
@@ -7840,9 +7846,7 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $f8721861c660dd88$ex
         await this.taskDrawer.waitForTaskDrawer();
     }
     async filterTaskByTitle(taskname) {
-        await this.page.locator(".searchFilter").click();
-        await this.page.locator(".searchFilter").fill(taskname);
-        await this.page.locator(".searchFilter").press("Enter");
+        await this.filterByTitle(taskname);
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator("//div[@data-task-title]").filter({
             hasText: taskname
         }).first()).toBeVisible();
@@ -7887,13 +7891,13 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $f8721861c660dd88$ex
         await this.page.locator(`.btn-group-filter.btn-group button.btn.btn-flat[title="${title}"]`).click();
     }
     async clickOnAssignedToMe() {
-        await this.page.locator(`button[title="Assigned to me"]`).click();
+        await this.page.locator(`input[value="assignedToMe"]`).click();
     }
     async clickOnAssignedToMyTeams() {
-        await this.page.locator(`button[title="Assigned to my teams"]`).click();
+        await this.page.locator(`input[value="assignedToMyTeams"]`).click();
     }
     async clickOnAssignedToAllAvailable() {
-        await this.page.locator(`button[title="All available"]`).click();
+        await this.page.locator(`input[value="assignedToAnybody"]`).click();
     }
     async expectTaskToNotBeDisplayed(taskTitle) {
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator(`.row.task-inner`).filter({
@@ -7923,38 +7927,30 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $f8721861c660dd88$ex
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator(`#tasks-content #task-list-grouped-view div:has-text('${releaseTitle}') .task`)).toHaveCount(expectedCount);
     }
     async setSearchFilter(filterText) {
-        await this.page.locator(".searchFilter").fill(filterText);
+        await this.filterByTitle(filterText);
     }
     async clearSearchFilter() {
-        await this.page.locator(".searchFilter").clear();
+        await this.clearFilterTitle();
     }
     async setTagsFilter(filterText) {
-        await this.page.locator(".tag-input").fill(filterText);
-        await this.page.locator(".tag-input").press("Enter");
+        await this.page.locator("input#task-tags").click();
+        await this.page.locator("input#task-tags").fill(filterText);
+        await this.page.locator("input#task-tags").press("Enter");
     }
-    async clickOnStatusField() {
-        await this.page.locator(".ci-filter-status.ng-isolate-scope").click();
+    async clearAllStatusFilters() {
+        await this.page.locator(this.getStatusInputSelector()).click();
+        await this.page.locator(`${this.getBaseDrawerSelector()} div.filter-task-status-autocomplete button[title="Clear"]`).click();
+        return this;
     }
     async clickOnStatus(statusNames) {
-        await this.clickOnStatusClearAll();
-        await this.clickOnStatusField();
-        for(let i = 0; i < statusNames.length; i++)await this.page.locator(`i.xl-icon.icon-s.checkbox[data='${statusNames[i]}']`).click();
-        // Clicking outside to close the grid dropdown
-        await this.clickOnTasksLabel();
-    }
-    async clickOnStatusClearAll() {
-        await this.clickOnStatusField();
-        await this.page.locator("a.xl-react-link", {
-            hasText: "Clear all"
+        await this.clearAllStatusFilters();
+        for(let i = 0; i < statusNames.length; i++)await this.page.locator("li", {
+            hasText: statusNames[i]
         }).click();
-        await this.clickOnTasksLabel();
     }
     async clickOnStatusSelectAll() {
-        await this.clickOnStatusField();
-        await this.page.locator("a.xl-react-link", {
-            hasText: "Select all"
-        }).click();
-        await this.clickOnTasksLabel();
+        await this.page.locator(this.getStatusInputSelector()).click();
+        await this.page.locator(this.getSelectAllStatusesButtonSelector()).click();
     }
     async assignTaskToMe(title) {
         await this.page.locator(`.task-line`).filter({
@@ -7971,35 +7967,22 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $f8721861c660dd88$ex
     async expectTaskTitle(taskTitle) {
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#tasks0")).toContainText(taskTitle);
     }
-    async clickOnTasksLabel() {
-        await this.page.getByLabel("breadcrumb").getByText("Tasks").click();
-    }
     async expectGroupView(expected = true) {
         if (expected) {
-            await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#group-tasks-by-release")).toBeChecked();
+            await (0, $kKeXs$playwrighttest.expect)(this.page.locator('input[aria-label="Group by release"]')).toBeChecked();
             await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#task-list-grouped-view")).toBeVisible();
             await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#task-ungrouped-view")).not.toBeVisible();
         } else {
-            await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#group-tasks-by-release")).not.toBeChecked();
+            await (0, $kKeXs$playwrighttest.expect)(this.page.locator('input[aria-label="Group by release"]')).not.toBeChecked();
             await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#task-list-grouped-view")).not.toBeVisible();
             await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#task-ungrouped-view")).toBeVisible();
         }
     }
     async changeGroupView() {
-        await this.page.locator("#group-tasks-by-release").click();
-    }
-    async enableGroupByReleaseView() {
-        await this.page.getByRole("checkbox", {
-            name: "Group by release"
-        }).check();
-    }
-    async disableGroupByReleaseView() {
-        await this.page.getByRole("checkbox", {
-            name: "Group by release"
-        }).uncheck();
+        await this.page.locator('input[aria-label="Group by release"]').click();
     }
     async switchToGridView() {
-        await this.page.locator(".xl-icon.grid-icon").click();
+        await this.page.locator('button[aria-label="grid view"]').click();
         return this.gridView;
     }
 }