@bigbinary/neeto-playwright-commons 1.11.11 → 1.11.13

package/index.cjs.js

@@ -100,6 +100,7 @@ const ROUTES = {
     },
     attachment: `/neeto_editor${BASE_URL}/direct_uploads/attach`,
     dashboard: "/dashboard",
+    neetoThankYou: "/neeto_thank_you_engine",
 };
 const API_ROUTES = {
     teamMembers: {
@@ -12681,6 +12682,173 @@ const i18nFixture = {
     },
 };
 
+const THANK_YOU_SELECTORS = {
+    settingsLink: "thank-you-settings-link",
+    showSocialShareIconsSwitch: "show-social-share-icons-switch",
+    showLinkToSubmitAnotherResponseSwitch: "show-link-to-submit-another-response-switch",
+    submitAnotherResponseLinkTextInputField: "submit-another-response-link-text-input-field",
+    previewEditorContent: "preview-editor-content",
+    redirectToExternalLinkRadioLabel: () => "neeto-thank-you-configuration-redirect-to-url-label",
+    thankYouConfigurationLabel: (label = "custom-message") => `neeto-thank-you-configuration-${label}-label`,
+    saveChangesButton: "neeto-thank-you-configuration-save-button",
+    cancelButton: "neeto-thank-you-configuration-cancel-button",
+    thankYouPageImage: "thank-you-page-image",
+    thankYouPageMessage: "thank-you-page-message",
+    thankYouPageContent: "thank-you-page-content",
+    thankYouPageResubmitLink: "thank-you-page-resubmit-link",
+    linkInputField: "link-input-field",
+    previewImage: "preview-image",
+};
+
+const optionSelector = (option) => `neeto-editor-fixed-menu-${option}-option`;
+const fixedMenuSelector = (selector) => `neeto-editor-fixed-menu-${selector}`;
+
+const NEETO_EDITOR_SELECTORS = {
+    fontSize: optionSelector("font-size"),
+    boldOption: optionSelector("bold"),
+    italicOption: optionSelector("italic"),
+    underlineOption: optionSelector("underline"),
+    strikeOption: optionSelector("strike"),
+    codeBlockOption: optionSelector("code"),
+    highlightOption: optionSelector("highlight"),
+    emojiOption: optionSelector("emoji"),
+    emojiDropdownIcon: "emoji-dropdown-icon",
+    linkInput: fixedMenuSelector("link-option-input"),
+    linkSubmitButton: fixedMenuSelector("link-option-link-button"),
+    commandList: (index) => `neeto-editor-command-list-item-${index}`,
+    imageUploadUrlSubmitButton: "neeto-editor-media-upload-url-submit",
+    imageUploadUrlInputTextField: "neeto-editor-media-upload-url-input",
+    uploadInput: "neeto-editor-media-uploader-input",
+    editorMenuBarWrapper: fixedMenuSelector("wrapper"),
+    undoOption: optionSelector("undo"),
+    redoOption: optionSelector("redo"),
+    imageWrapper: "neeto-editor-image-wrapper",
+    contentField: "neeto-editor-content",
+    addLinkButton: optionSelector("link"),
+    addLinkTextField: "neeto-editor-add-link-text-input",
+    addURLTextField: "neeto-editor-add-link-url-input",
+    submitLinkButton: "neeto-editor-add-link",
+    fixedMenuArrow: fixedMenuSelector("arrow"),
+    cannedResponseOption: optionSelector("canned-responses"),
+    cannedResponseSelectContainer: "select-a-canned-response-select-container",
+    fixedMenuWrapper: fixedMenuSelector("wrapper"),
+    linkOption: optionSelector("link"),
+    addLinkUrlInput: "neeto-editor-add-link-url-input",
+    addLinkDoneButton: "neeto-editor-add-link",
+    unlinkButton: "neeto-editor-link-popover-unlink",
+    editorAttachmentsButton: optionSelector("attachments"),
+    attachmentPreviewDeleteButton: "neeto-editor-preview-delete-button",
+    imageUploadOption: optionSelector("image-upload"),
+    imageUploadLinkInput: "neeto-editor-media-upload-url-input",
+    imageUploadButton: "neeto-editor-media-uploader-dnd",
+    imageUploadLinkSubmitButton: "neeto-editor-media-upload-url-submit",
+    applyButton: "apply-button",
+    videoEmbedOption: optionSelector("video-embed"),
+    videoEmbedInput: "neeto-editor-embed-input",
+    videoEmbedSubmit: "neeto-editor-embed-cancel",
+    videoWrapper: "neeto-editor-video-wrapper",
+    paragraphOption: fixedMenuSelector("font-size-option-body2"),
+    attachmentPreview: "ne-attachments-wrapper",
+    imageUploadLinkButton: "neeto-editor-media-uploader-link-tab",
+    errorText: "neeto-editor-error-text",
+    content: "editor-content",
+    imageUploadDeleteButton: "neeto-editor-image-menu-Delete",
+    dynamicVariablesButton: "dynamic-variables-button",
+    emojiContainer: "neeto-editor-emoji-picker",
+    dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${neetoCist.hyphenate(variable)}`,
+};
+const NEETO_TEXT_MODIFIER_SELECTORS = {
+    strike: optionSelector("strike"),
+    underline: optionSelector("underline"),
+    highlight: optionSelector("highlight"),
+};
+const TEXT_MODIFIER_SELECTORS = {
+    bold: optionSelector("bold"),
+    italic: optionSelector("italic"),
+    code: optionSelector("code"),
+    blockquote: optionSelector("blockquote"),
+    codeBlock: optionSelector("codeBlock"),
+};
+const LIST_MODIFIER_SELECTORS = {
+    bulletList: optionSelector("bulletList"),
+    orderedList: optionSelector("orderedList"),
+};
+const FONT_SIZE_SELECTORS = {
+    h1: fixedMenuSelector("font-size-option-h1"),
+    h2: fixedMenuSelector("font-size-option-h2"),
+    h3: fixedMenuSelector("font-size-option-h3"),
+    h4: fixedMenuSelector("font-size-option-h4"),
+    h5: fixedMenuSelector("font-size-option-h5"),
+};
+
+const TAB_SELECTORS = {
+    configureTab: "configure-tab",
+    buildTab: "build-tab",
+    themeTab: "theme-tab",
+    shareTab: "share-tab",
+    submissionsTab: "submissions-tab",
+    paymentsTab: "payments-tab",
+};
+
+class ThankYouPage {
+    constructor(page, neetoPlaywrightUtilities) {
+        this.navigateToThankYouPage = async () => {
+            await this.page.getByTestId(TAB_SELECTORS.configureTab).click();
+            const fetchConfiguration = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: ROUTES.neetoThankYou,
+            });
+            await this.page.getByTestId(THANK_YOU_SELECTORS.settingsLink).click();
+            await fetchConfiguration;
+        };
+        this.saveChanges = async () => {
+            const saveChangesButton = this.page.getByTestId(THANK_YOU_SELECTORS.saveChangesButton);
+            await saveChangesButton.click();
+            await this.neetoPlaywrightUtilities.verifyToast();
+            await test$1.expect(saveChangesButton).toBeDisabled();
+        };
+        this.verifyThankYouImage = async (imagePath, imageName) => {
+            await test$1.expect(this.page.getByTestId(THANK_YOU_SELECTORS.thankYouConfigurationLabel())).toBeChecked();
+            await this.neetoPlaywrightUtilities.uploadImage(imagePath);
+            await test$1.expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.progressBar)).toBeHidden();
+            await test$1.expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toHaveAttribute("src", RegExp(imageName), { timeout: 15000 });
+            await test$1.expect(this.page.getByTestId(THANK_YOU_SELECTORS.previewImage)).toHaveAttribute("src", RegExp(imageName), { timeout: 15000 });
+        };
+        this.verifyEditorMenu = async () => {
+            await Promise.all([
+                NEETO_EDITOR_SELECTORS.fontSize,
+                NEETO_EDITOR_SELECTORS.boldOption,
+                NEETO_EDITOR_SELECTORS.italicOption,
+                NEETO_EDITOR_SELECTORS.underlineOption,
+                NEETO_EDITOR_SELECTORS.linkOption,
+                NEETO_EDITOR_SELECTORS.strikeOption,
+                LIST_MODIFIER_SELECTORS.bulletList,
+                LIST_MODIFIER_SELECTORS.orderedList,
+                TEXT_MODIFIER_SELECTORS.code,
+            ].map(editorElement => test$1.expect(this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
+                .getByTestId(editorElement)).toBeVisible()));
+        };
+        this.verifyThankYouMessage = async (thankYouMessage) => {
+            await this.page.getByTestId(NEETO_EDITOR_SELECTORS.contentField).clear();
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                .fill(thankYouMessage);
+            await test$1.expect(this.page.getByTestId(THANK_YOU_SELECTORS.previewEditorContent)).toContainText(thankYouMessage);
+        };
+        this.addRedirectUrl = async (customRedirectUrl) => {
+            await this.page
+                .getByTestId(THANK_YOU_SELECTORS.thankYouConfigurationLabel("redirect-to-url"))
+                .click();
+            await this.page
+                .getByTestId(THANK_YOU_SELECTORS.linkInputField)
+                .fill(customRedirectUrl);
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.t = playwrightI18nextFixture.getI18nInstance().t;
+    }
+}
+
 const EMBED_SELECTORS = {
     iframe: (appName) => `#${appName}-iframe`,
     modal: (appName) => `#${appName}-modal`,
@@ -12948,7 +13116,9 @@ const ZAPIER_WEB_TEXTS = {
     trialEndsRegExp: "Trial ends on",
     testCurrentlyInQueue: "Test currently in queue",
     welcomeText: (zapierLoginEmail) => `Welcome back ${zapierLoginEmail}`,
-    connectNeetoFormStaging: "Connect neetoForm Staging",
+    connectStagingApp: (appName) => `Connect ${appName} Staging`,
+    zapierWorkflowTriggered: "Zapier Workflow Triggered",
+    confirmPublishing: "Confirm Publishing",
 };
 const TOASTR_MESSAGES = {
     zapierApiKeyGenerated: "Zapier API key is generated successfully!",
@@ -15520,6 +15690,7 @@ const ZAPIER_SELECTORS = {
     universalSidebar: "[data-testid='universalSidebar']",
     sidebarFooter: "css=[class$=InAppSidebarFooter__footerWrapper]",
     contextualSideBar: "[data-testid='contextual-sidebar']",
+    iconContainer: "[data-testid='iconContainer']",
 };
 
 class ZapierPage extends IntegrationBase {
@@ -15553,7 +15724,7 @@ class ZapierPage extends IntegrationBase {
             });
             await this.zapierWebPage.close();
         };
-        this.reconnectAccountAndPublish = async (zapierApiKey) => {
+        this.reconnectAccountAndPublish = async (zapierApiKey, appName) => {
             var _a;
             await this.zapierWebPage.goto(THIRD_PARTY_ROUTES.zapier.zapEditor(process.env.ZAP_ID));
             await this.zapierWebPage
@@ -15567,7 +15738,9 @@ class ZapierPage extends IntegrationBase {
             }
             const signInPagePromise = this.zapierWebPage.waitForEvent("popup");
             await this.zapierWebPage
-                .getByRole("button", { name: ZAPIER_WEB_TEXTS.connectNeetoFormStaging })
+                .getByRole("button", {
+                name: ZAPIER_WEB_TEXTS.connectStagingApp(appName),
+            })
                 .click();
             const signInPage = await signInPagePromise;
             await signInPage.waitForLoadState();
@@ -15607,9 +15780,10 @@ class ZapierPage extends IntegrationBase {
                 .getByRole("button", {
                 name: ZAPIER_WEB_TEXTS.continueWithSelectedRecord,
             })
-                .click({ timeout: 20000 });
-            await this.continueButton.click();
-            await this.continueButton.click();
+                .click({ timeout: 30000 });
+            await this.continueButton.click({ timeout: 20000 });
+            await test$1.expect(this.zapierWebPage.getByText(ZAPIER_WEB_TEXTS.zapierWorkflowTriggered)).toBeVisible();
+            await this.continueButton.click({ timeout: 20000 });
             await this.zapierWebPage
                 .getByLabel(ZAPIER_WEB_TEXTS.publish, { exact: true })
                 .or(this.zapierWebPage
@@ -15617,11 +15791,16 @@ class ZapierPage extends IntegrationBase {
                 .getByRole("button", { name: ZAPIER_WEB_TEXTS.publish }))
                 .click({ timeout: 20000 });
             await this.zapierWebPage
+                .getByRole("button", { name: ZAPIER_WEB_TEXTS.confirmPublishing })
+                .or(this.zapierWebPage
                 .locator(ZAPIER_SELECTORS.modal)
                 .getByLabel(ZAPIER_WEB_TEXTS.publish)
                 .or(this.zapierWebPage
                 .locator(ZAPIER_SELECTORS.modal)
-                .getByRole("button", { name: ZAPIER_WEB_TEXTS.publish, exact: true }))
+                .getByRole("button", {
+                name: ZAPIER_WEB_TEXTS.publish,
+                exact: true,
+            })))
                 .click();
             await this.zapierWebPage
                 .getByLabel(ZAPIER_WEB_TEXTS.publishingZapHeading)
@@ -15760,87 +15939,6 @@ const LIST_MODIFIER_TAGS = {
     orderedList: "ol",
 };
 
-const optionSelector = (option) => `neeto-editor-fixed-menu-${option}-option`;
-const fixedMenuSelector = (selector) => `neeto-editor-fixed-menu-${selector}`;
-
-const NEETO_EDITOR_SELECTORS = {
-    fontSize: optionSelector("font-size"),
-    boldOption: optionSelector("bold"),
-    italicOption: optionSelector("italic"),
-    underlineOption: optionSelector("underline"),
-    strikeOption: optionSelector("strike"),
-    codeBlockOption: optionSelector("code"),
-    highlightOption: optionSelector("highlight"),
-    emojiOption: optionSelector("emoji"),
-    emojiDropdownIcon: "emoji-dropdown-icon",
-    linkInput: fixedMenuSelector("link-option-input"),
-    linkSubmitButton: fixedMenuSelector("link-option-link-button"),
-    commandList: (index) => `neeto-editor-command-list-item-${index}`,
-    imageUploadUrlSubmitButton: "neeto-editor-media-upload-url-submit",
-    imageUploadUrlInputTextField: "neeto-editor-media-upload-url-input",
-    uploadInput: "neeto-editor-media-uploader-input",
-    editorMenuBarWrapper: fixedMenuSelector("wrapper"),
-    undoOption: optionSelector("undo"),
-    redoOption: optionSelector("redo"),
-    imageWrapper: "neeto-editor-image-wrapper",
-    contentField: "neeto-editor-content",
-    addLinkButton: optionSelector("link"),
-    addLinkTextField: "neeto-editor-add-link-text-input",
-    addURLTextField: "neeto-editor-add-link-url-input",
-    submitLinkButton: "neeto-editor-add-link",
-    fixedMenuArrow: fixedMenuSelector("arrow"),
-    cannedResponseOption: optionSelector("canned-responses"),
-    cannedResponseSelectContainer: "select-a-canned-response-select-container",
-    fixedMenuWrapper: fixedMenuSelector("wrapper"),
-    linkOption: optionSelector("link"),
-    addLinkUrlInput: "neeto-editor-add-link-url-input",
-    addLinkDoneButton: "neeto-editor-add-link",
-    unlinkButton: "neeto-editor-link-popover-unlink",
-    editorAttachmentsButton: optionSelector("attachments"),
-    attachmentPreviewDeleteButton: "neeto-editor-preview-delete-button",
-    imageUploadOption: optionSelector("image-upload"),
-    imageUploadLinkInput: "neeto-editor-media-upload-url-input",
-    imageUploadButton: "neeto-editor-media-uploader-dnd",
-    imageUploadLinkSubmitButton: "neeto-editor-media-upload-url-submit",
-    applyButton: "apply-button",
-    videoEmbedOption: optionSelector("video-embed"),
-    videoEmbedInput: "neeto-editor-embed-input",
-    videoEmbedSubmit: "neeto-editor-embed-cancel",
-    videoWrapper: "neeto-editor-video-wrapper",
-    paragraphOption: fixedMenuSelector("font-size-option-body2"),
-    attachmentPreview: "ne-attachments-wrapper",
-    imageUploadLinkButton: "neeto-editor-media-uploader-link-tab",
-    errorText: "neeto-editor-error-text",
-    content: "editor-content",
-    imageUploadDeleteButton: "neeto-editor-image-menu-Delete",
-    dynamicVariablesButton: "dynamic-variables-button",
-    emojiContainer: "neeto-editor-emoji-picker",
-    dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${neetoCist.hyphenate(variable)}`,
-};
-const NEETO_TEXT_MODIFIER_SELECTORS = {
-    strike: optionSelector("strike"),
-    underline: optionSelector("underline"),
-    highlight: optionSelector("highlight"),
-};
-const TEXT_MODIFIER_SELECTORS = {
-    bold: optionSelector("bold"),
-    italic: optionSelector("italic"),
-    code: optionSelector("code"),
-    blockquote: optionSelector("blockquote"),
-    codeBlock: optionSelector("codeBlock"),
-};
-const LIST_MODIFIER_SELECTORS = {
-    bulletList: optionSelector("bulletList"),
-    orderedList: optionSelector("orderedList"),
-};
-const FONT_SIZE_SELECTORS = {
-    h1: fixedMenuSelector("font-size-option-h1"),
-    h2: fixedMenuSelector("font-size-option-h2"),
-    h3: fixedMenuSelector("font-size-option-h3"),
-    h4: fixedMenuSelector("font-size-option-h4"),
-    h5: fixedMenuSelector("font-size-option-h5"),
-};
-
 class EditorPage {
     constructor(page, neetoPlaywrightUtilities, editorWrapper) {
         this.linkUrl = faker.faker.internet.url();
@@ -149175,14 +149273,17 @@ exports.SLACK_WEB_TEXTS = SLACK_WEB_TEXTS;
 exports.STORAGE_STATE = STORAGE_STATE;
 exports.SidebarSection = SidebarSection;
 exports.SlackPage = SlackPage;
+exports.TAB_SELECTORS = TAB_SELECTORS;
 exports.TAGS_SELECTORS = TAGS_SELECTORS;
 exports.TEXT_MODIFIER_ROLES = TEXT_MODIFIER_ROLES;
 exports.TEXT_MODIFIER_SELECTORS = TEXT_MODIFIER_SELECTORS;
 exports.TEXT_MODIFIER_TAGS = TEXT_MODIFIER_TAGS;
+exports.THANK_YOU_SELECTORS = THANK_YOU_SELECTORS;
 exports.THIRD_PARTY_ROUTES = THIRD_PARTY_ROUTES;
 exports.TOASTR_MESSAGES = TOASTR_MESSAGES;
 exports.TagsPage = TagsPage;
 exports.TeamMembers = TeamMembers;
+exports.ThankYouPage = ThankYouPage;
 exports.USER_AGENTS = USER_AGENTS;
 exports.WebhooksPage = WebhooksPage;
 exports.ZAPIER_LIMIT_EXHAUSTED_MESSAGE = ZAPIER_LIMIT_EXHAUSTED_MESSAGE;