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

package/CHANGELOG.md

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

package/dist/main.js

@@ -1058,52 +1058,18 @@ class $3d3f3946c54f5897$export$34addcca3f0ae43f extends (0, $f8721861c660dd88$ex
 
 
 
-
-class $96d547f0e8ead553$export$48c33d2414f51608 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
+class $e403098cd4f59faa$export$7034f81075184002 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
     constructor(page){
         super(page);
     }
     getHeaderSelector() {
-        return ".filter-title-search";
+        return ".release-list-header";
     }
     getBaseDrawerSelector() {
-        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);
+        return `${this.getHeaderSelector()} .filter-drawer`;
     }
-    async clearFilterTitle() {
-        await this.page.locator(this.getTitleInputSelector()).clear();
-    }
-}
-
-
-class $e403098cd4f59faa$export$7034f81075184002 extends (0, $96d547f0e8ead553$export$48c33d2414f51608) {
-    constructor(page){
-        super(page);
+    getFilterDrawerSelector() {
+        return `${this.getBaseDrawerSelector()} div[role="dialog"]`;
     }
     getStatusInputSelector() {
         return `${this.getBaseDrawerSelector()} input#release-status-filter-autocomplete`;
@@ -1114,6 +1080,9 @@ class $e403098cd4f59faa$export$7034f81075184002 extends (0, $96d547f0e8ead553$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`;
     }
@@ -1152,7 +1121,27 @@ class $e403098cd4f59faa$export$7034f81075184002 extends (0, $96d547f0e8ead553$ex
         return this;
     }
     async filterReleaseByTitle(releaseTitle) {
-        await this.filterByTitle(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;
     }
     async clearAllStatusFilters() {
         await this.page.locator(this.getStatusInputSelector()).click();
@@ -3145,7 +3134,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("task-drawer .dot-drawer-paper").elementHandle();
+        const handle = await this.page.locator(".dot-drawer-paper").elementHandle();
         await handle?.waitForElementState("stable");
     }
     async openOverviewRail() {
@@ -3314,10 +3303,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.taskDrawerLocator.getByRole("button", {
+        await this.page.getByRole("button", {
             name: userName
         }).click();
-        await this.taskDrawerLocator.getByRole("button", {
+        await this.page.getByRole("button", {
             name: "Clear"
         }).click();
         return this;
@@ -3334,7 +3323,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.taskDrawerLocator.getByRole("button", {
+        await this.page.getByRole("button", {
             name: "Clear"
         }).click();
         return this;
@@ -3853,6 +3842,22 @@ 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");
+        await (0, $kKeXs$playwrighttest.expect)(input).toBeVisible();
+        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);
+    }
 }
 
 
@@ -7764,23 +7769,13 @@ class $fd4eef3ad2b2e612$var$DeleteVariableModel extends (0, $f8721861c660dd88$ex
 
 
 
-
-class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $96d547f0e8ead553$export$48c33d2414f51608) {
+class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $f8721861c660dd88$export$2b65d1d97338f32b) {
     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();
@@ -7846,7 +7841,9 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $96d547f0e8ead553$ex
         await this.taskDrawer.waitForTaskDrawer();
     }
     async filterTaskByTitle(taskname) {
-        await this.filterByTitle(taskname);
+        await this.page.locator(".searchFilter").click();
+        await this.page.locator(".searchFilter").fill(taskname);
+        await this.page.locator(".searchFilter").press("Enter");
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator("//div[@data-task-title]").filter({
             hasText: taskname
         }).first()).toBeVisible();
@@ -7891,13 +7888,13 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $96d547f0e8ead553$ex
         await this.page.locator(`.btn-group-filter.btn-group button.btn.btn-flat[title="${title}"]`).click();
     }
     async clickOnAssignedToMe() {
-        await this.page.locator(`input[value="assignedToMe"]`).click();
+        await this.page.locator(`button[title="Assigned to me"]`).click();
     }
     async clickOnAssignedToMyTeams() {
-        await this.page.locator(`input[value="assignedToMyTeams"]`).click();
+        await this.page.locator(`button[title="Assigned to my teams"]`).click();
     }
     async clickOnAssignedToAllAvailable() {
-        await this.page.locator(`input[value="assignedToAnybody"]`).click();
+        await this.page.locator(`button[title="All available"]`).click();
     }
     async expectTaskToNotBeDisplayed(taskTitle) {
         await (0, $kKeXs$playwrighttest.expect)(this.page.locator(`.row.task-inner`).filter({
@@ -7927,30 +7924,38 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $96d547f0e8ead553$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.filterByTitle(filterText);
+        await this.page.locator(".searchFilter").fill(filterText);
     }
     async clearSearchFilter() {
-        await this.clearFilterTitle();
+        await this.page.locator(".searchFilter").clear();
     }
     async setTagsFilter(filterText) {
-        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");
+        await this.page.locator(".tag-input").fill(filterText);
+        await this.page.locator(".tag-input").press("Enter");
     }
-    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 clickOnStatusField() {
+        await this.page.locator(".ci-filter-status.ng-isolate-scope").click();
     }
     async clickOnStatus(statusNames) {
-        await this.clearAllStatusFilters();
-        for(let i = 0; i < statusNames.length; i++)await this.page.locator("li", {
-            hasText: statusNames[i]
+        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"
         }).click();
+        await this.clickOnTasksLabel();
     }
     async clickOnStatusSelectAll() {
-        await this.page.locator(this.getStatusInputSelector()).click();
-        await this.page.locator(this.getSelectAllStatusesButtonSelector()).click();
+        await this.clickOnStatusField();
+        await this.page.locator("a.xl-react-link", {
+            hasText: "Select all"
+        }).click();
+        await this.clickOnTasksLabel();
     }
     async assignTaskToMe(title) {
         await this.page.locator(`.task-line`).filter({
@@ -7967,22 +7972,35 @@ class $ed2d4739e27d43c1$export$60c3bfa6385e2a10 extends (0, $96d547f0e8ead553$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('input[aria-label="Group by release"]')).toBeChecked();
+            await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#group-tasks-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('input[aria-label="Group by release"]')).not.toBeChecked();
+            await (0, $kKeXs$playwrighttest.expect)(this.page.locator("#group-tasks-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('input[aria-label="Group by release"]').click();
+        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();
     }
     async switchToGridView() {
-        await this.page.locator('button[aria-label="grid view"]').click();
+        await this.page.locator(".xl-icon.grid-icon").click();
         return this.gridView;
     }
 }