@bigbinary/neeto-playwright-commons 1.9.12 → 1.9.14

package/index.cjs.js

@@ -14888,8 +14888,9 @@ const MEMBER_FORM_SELECTORS = {
 
 class TeamMembers {
     constructor({ page, neetoPlaywrightUtilities, }) {
-        this.navigateToTeamMembersSublink = async (sublink = "all") => {
-            await this.page.getByTestId(MEMBER_SELECTORS.membersTab).click();
+        this.navigateToTeamMembersSublink = async ({ clickMembersTab = true, sublink = "all", } = {}) => {
+            clickMembersTab &&
+                (await this.page.getByTestId(MEMBER_SELECTORS.membersTab).click());
             await this.page
                 .getByTestId(MEMBER_SELECTORS.menubarSubLink(sublink))
                 .click();
@@ -14901,12 +14902,14 @@ class TeamMembers {
                 .getByTestId(MEMBER_FORM_SELECTORS.emailTextField)
                 .fill(emails.join(", "));
             await this.page.getByTestId(MEMBER_SELECTORS.roleLabel(role)).click();
-            IS_STAGING_ENV &&
-                (await this.page
+            await this.page.getByTestId(MEMBER_SELECTORS.continueButton).click();
+            if (IS_STAGING_ENV) {
+                await this.page
                     .getByTestId(COMMON_SELECTORS.paneBody)
                     .getByTestId(COMMON_SELECTORS.checkboxLabel)
-                    .click());
-            await this.page.getByTestId(MEMBER_SELECTORS.continueButton).click();
+                    .click();
+                await this.page.getByTestId(MEMBER_SELECTORS.continueButton).click();
+            }
             await this.page.getByTestId(MEMBER_SELECTORS.submitButton).click();
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             await this.neetoPlaywrightUtilities.verifySuccessToast();
@@ -15002,7 +15005,9 @@ class TeamMembers {
                 .click();
         };
         // TODO: Change the selector after this issue is resolved: https://github.com/bigbinary/neeto-team-members-nano/issues/258
-        this.getMemberRowByName = (name) => this.page.getByRole("row", { name: `avatar--${name}` });
+        this.getMemberRowByName = (name) => this.page.getByRole("row", {
+            name: IS_STAGING_ENV ? name : `avatar--${name}`,
+        });
         this.takeActionOnMembers = async ({ names = [], state, action, }) => {
             if (neetoCist.isPresent(names)) {
                 for (const name of names) {
@@ -15352,6 +15357,148 @@ class SidebarSection {
     }
 }
 
+const TAGS_SELECTORS = {
+    newTagButton: "add-new-tag-button",
+    tagNameTextField: "tag-name-text-field",
+    editButton: "tags-edit-button",
+    deleteButton: "tags-delete-button",
+    cancelButton: "neeto-tags-manage-tag-cancel-button",
+    submitButton: "neeto-tags-manage-tag-submit-button",
+    searchTextField: "neeto-tags-search-text-input-field",
+    descriptionTextArea: "tag-description-text-area",
+    addTagButton: "neeto-tags-add-tag-button",
+    tagSearchField: "select-tag-container",
+    deleteTagButton: "tag-close-icon",
+    metaDataCard: "metadata-card",
+    metaDataBlock: "metadata-block",
+    tagContainer: "tag-container",
+    ticketTagsBreadcrumb: "ticket-tags-breadcrumb",
+};
+const MERGE_TAGS_SELECTORS = {
+    mergeTagsButton: "neeto-tags-merge-tags-button",
+    mergeButton: "neeto-tags-merge-button",
+    sourceSearchTextField: "neeto-tags-merge-source-search-text-input-field",
+    sourceTagsList: "neeto-tags-merge-source-tags-list",
+    destinationTagsList: "neeto-tags-merge-destination-tags-list",
+    destinationSearchTextField: "neeto-tags-merge-destination-search-text-input-field",
+    cancelButton: "neeto-tags-merge-cancel-button",
+    proceedButton: "neeto-tags-merge-proceed-button",
+    disabledTag: ".neeto-ui-cursor-not-allowed",
+    sourceTagRow: "neeto-tags-merge-source-tags",
+    destinationTagRow: "neeto-tags-merge-destination-tags",
+};
+
+class TagsPage {
+    constructor(page, neetoPlaywrightUtilities) {
+        this.searchAndVerifyTags = async (tagName) => {
+            await this.page.getByTestId(TAGS_SELECTORS.searchTextField).fill(tagName);
+            await test$1.expect(this.page.getByRole("row", { name: tagName })).toBeVisible();
+        };
+        this.addTagViaUI = async ({ tagName, addTagsLabel, tagsResponseUrl, }) => {
+            await this.page
+                .getByTestId(COMMON_SELECTORS.header)
+                .getByTestId(TAGS_SELECTORS.newTagButton)
+                .click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneHeader)).toHaveText(addTagsLabel);
+            await this.page.getByTestId(TAGS_SELECTORS.tagNameTextField).fill(tagName);
+            await this.page
+                .getByTestId(TAGS_SELECTORS.descriptionTextArea)
+                .fill(faker.faker.lorem.word(7));
+            const waitForSave = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: tagsResponseUrl,
+            });
+            await this.page.getByTestId(TAGS_SELECTORS.submitButton).click();
+            await waitForSave;
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await this.searchAndVerifyTags(tagName);
+        };
+        this.filterTagsViaUI = async (tagName) => {
+            await this.page
+                .getByTestId(NEETO_FILTERS_SELECTORS.neetoFiltersBarClearButton)
+                .click();
+            await this.page.getByTestId(NEETO_FILTERS_SELECTORS.filterButton).click();
+            await this.page
+                .getByTestId(NEETO_FILTERS_SELECTORS.neetoFiltersNameFilterField)
+                .fill(tagName);
+            await this.page.waitForURL(new RegExp(tagName));
+            await this.page
+                .getByTestId(NEETO_FILTERS_SELECTORS.filterDoneButton)
+                .click();
+            await test$1.expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.neetoFilterNameBlock)).toBeVisible();
+            await test$1.expect(this.page.getByRole("row", { name: tagName })).toBeVisible();
+            await this.page
+                .getByTestId(NEETO_FILTERS_SELECTORS.neetoFiltersBarClearButton)
+                .click();
+            await test$1.expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.neetoFilterNameBlock)).toBeHidden();
+        };
+        this.editTagViaUI = async ({ tagName, newTagName, }) => {
+            await this.page
+                .getByRole("row", { name: tagName })
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.page.getByTestId(TAGS_SELECTORS.editButton).click();
+            await this.page
+                .getByTestId(TAGS_SELECTORS.tagNameTextField)
+                .fill(newTagName);
+            await this.page.getByTestId(TAGS_SELECTORS.submitButton).click();
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await test$1.expect(this.page.getByRole("row", { name: tagName })).toBeHidden();
+            await test$1.expect(this.page.getByRole("row", { name: newTagName })).toBeVisible();
+        };
+        this.deleteTagViaUI = async (tagName) => {
+            await this.page
+                .getByRole("row", { name: tagName })
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.page.getByTestId(TAGS_SELECTORS.deleteButton).click();
+            await this.page
+                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
+                .click();
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await test$1.expect(this.page.getByRole("row", { name: tagName })).toBeHidden();
+        };
+        this.addTagsViaResponse = ({ name, description, tagsResponseUrl, }) => this.neetoPlaywrightUtilities.apiRequest({
+            url: tagsResponseUrl,
+            body: { name, description },
+            method: "post",
+        });
+        this.navigateToMergeTagsPage = async (mergeTagsLabel) => {
+            await this.page.getByTestId(MERGE_TAGS_SELECTORS.mergeTagsButton).click();
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.heading)).toHaveText(mergeTagsLabel);
+        };
+        this.searchAndSelect = async ({ selector, tagName, rowSelector, }) => {
+            await this.page.getByTestId(selector).fill(tagName);
+            await this.page
+                .getByTestId(rowSelector)
+                .filter({ hasText: tagName })
+                .click();
+        };
+        this.mergeTagsViaUI = async ({ sourceTagName, destinationTagName, mergeTagsLabel, }) => {
+            await this.searchAndSelect({
+                selector: MERGE_TAGS_SELECTORS.sourceSearchTextField,
+                tagName: sourceTagName,
+                rowSelector: MERGE_TAGS_SELECTORS.sourceTagRow,
+            });
+            await this.searchAndSelect({
+                selector: MERGE_TAGS_SELECTORS.destinationSearchTextField,
+                tagName: destinationTagName,
+                rowSelector: MERGE_TAGS_SELECTORS.destinationTagRow,
+            });
+            await this.page.getByTestId(MERGE_TAGS_SELECTORS.mergeButton).click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.modalHeader)).toHaveText(mergeTagsLabel);
+            await this.page.getByTestId(MERGE_TAGS_SELECTORS.proceedButton).click();
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await this.page.getByTestId(TAGS_SELECTORS.ticketTagsBreadcrumb).click();
+            await test$1.expect(this.page.getByText(sourceTagName)).toBeHidden();
+            await test$1.expect(this.page.getByText(destinationTagName)).toBeVisible();
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.t = playwrightI18nextFixture.getI18nInstance().t;
+    }
+}
+
 const USER_AGENTS = {
     windows: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36",
     mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 14_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
@@ -15398,28 +15545,6 @@ const ROLES_SELECTORS = {
     permissionCard: "ntm-roles-permission-card",
 };
 
-const TAGS_SELECTORS = {
-    newTagButton: "add-new-tag-button",
-    tagNameTextField: "tag-name-text-field",
-    editButton: "tags-edit-button",
-    deleteButton: "tags-delete-button",
-    cancelButton: "neeto-tags-manage-tag-cancel-button",
-    submitButton: "neeto-tags-manage-tag-submit-button",
-    searchTextField: "neeto-tags-search-text-input-field",
-    descriptionTextArea: "tag-description-text-area",
-};
-const MERGE_TAGS_SELECTORS = {
-    mergeTagsButton: "neeto-tags-merge-tags-button",
-    mergeButton: "neeto-tags-merge-button",
-    sourceSearchTextField: "neeto-tags-merge-source-search-text-input-field",
-    sourceTagsList: "neeto-tags-merge-source-tags-list",
-    destinationTagsList: "neeto-tags-merge-destination-tags-list",
-    destinationSearchTextField: "neeto-tags-merge-destination-search-text-input-field",
-    cancelButton: "neeto-tags-merge-cancel-button",
-    proceedButton: "neeto-tags-merge-proceed-button",
-    disabledTag: ".neeto-ui-cursor-not-allowed",
-};
-
 const initializeCredentials = (product) => {
     var _a;
     if (process.env.SKIP_SETUP === "true" && getGlobalUserState()) {
@@ -149095,6 +149220,7 @@ exports.TEXT_MODIFIER_SELECTORS = TEXT_MODIFIER_SELECTORS;
 exports.TEXT_MODIFIER_TAGS = TEXT_MODIFIER_TAGS;
 exports.THIRD_PARTY_ROUTES = THIRD_PARTY_ROUTES;
 exports.TOASTR_MESSAGES = TOASTR_MESSAGES;
+exports.TagsPage = TagsPage;
 exports.TeamMembers = TeamMembers;
 exports.USER_AGENTS = USER_AGENTS;
 exports.WebhooksPage = WebhooksPage;