@bigbinary/neeto-playwright-commons 1.9.1 → 1.9.3

package/index.js

@@ -4,12 +4,12 @@ import * as fs$d from 'fs';
 import fs__default, { writeFileSync as writeFileSync$1, unlinkSync, readFileSync } from 'fs';
 import { curry, not, isEmpty as isEmpty$1, isNil, isNotNil, mergeDeepLeft, mergeAll } from 'ramda';
 import require$$0$2 from 'util';
+import Path from 'path';
 import { faker } from '@faker-js/faker';
 import MailosaurClient from 'mailosaur';
 import dayjs from 'dayjs';
 import require$$1$1 from 'tty';
 import require$$0$3 from 'os';
-import Path from 'path';
 import Stream$4 from 'stream';
 import require$$0$4 from 'events';
 import { getI18nInstance, initI18n } from 'playwright-i18next-fixture';
@@ -26,6 +26,58 @@ import require$$1$2 from 'string_decoder';
 import require$$4$1 from 'timers';
 import require$$3$2 from 'crypto';
 
+const BASE_URL = "/api/v1";
+const NEETO_AUTH_BASE_URL = (subdomain = "app") => `https://${subdomain}.neetoauth.net`;
+const ROUTES = {
+    neetoAuthSignup: `${NEETO_AUTH_BASE_URL()}/signups/new`,
+    neetoAuth: NEETO_AUTH_BASE_URL(),
+    loginLink: "/login",
+    profile: "/profile",
+    admin: "/admin",
+    myProfile: "/my/profile",
+    authSettings: "/settings",
+    webhooks: "/webhooks",
+    login: `${BASE_URL}/login`,
+    signup: `${BASE_URL}/signups`,
+    subdomainAvailability: `${BASE_URL}/subdomain_availability`,
+    countries: `${BASE_URL}/countries`,
+    neetoApps: `${BASE_URL}/neeto_apps`,
+    directUploads: "/direct_uploads",
+    teamMembers: {
+        all: "/team_members*/**",
+        bulkUpdate: "/team_members/teams/bulk_update",
+        index: "/team_members/teams",
+        show: (id) => `/team_members/teams/${id}`,
+    },
+};
+const API_ROUTES = {
+    teamMembers: {
+        all: "/team_members*/**",
+        bulkUpdate: "/team_members/teams/bulk_update",
+        index: "/team_members/teams",
+        show: (id) => `/team_members/teams/${id}`,
+    },
+    integrations: {
+        zapier: {
+            api_keys: "/neeto_integrations/zapier/api_keys",
+        },
+    },
+};
+const THIRD_PARTY_ROUTES = {
+    webhooks: { site: "https://webhook.site/" },
+    slack: {
+        loginWithPassword: (workspace) => `https://${workspace}.slack.com/sign_in_with_password`,
+    },
+    zapier: {
+        login: "https://zapier.com/app/login",
+        logOut: "https://zapier.com/logout",
+        zapEditor: (zapId) => `https://zapier.com/editor/${zapId}`,
+    },
+};
+const NEETO_ROUTES = {
+    imageUploader: "/neeto_image_uploader_engine",
+};
+
 const NEETO_FILTERS_SELECTORS = {
     emailSelectContainer: "email-select-container-wrapper",
     filterPaneHeading: "neeto-filters-pane-header",
@@ -45,6 +97,34 @@ const NEETO_FILTERS_SELECTORS = {
     searchTermBlock: "neeto-filters-search-term-block",
 };
 
+const NEETO_IMAGE_UPLOADER_SELECTORS = {
+    imageUploaderWrapper: "image-uploader-wrapper",
+    browseText: "neeto-image-uploader-browse-text",
+    fileInput: "neeto-image-uploader-file-input",
+    uploadedImage: "uploaded-image",
+    uploadNewAsset: "upload-new-asset",
+    basicImageUploaderRemoveButton: "basic-image-uploader-remove-button",
+    removeButton: "image-uploader-remove-button",
+    openImageLibraryButton: "image-uploader-open-image-library-button",
+    openAssetLibraryButton: "open-asset-library-button",
+    imageEditorBackButton: "image-editor-back-button",
+    aspectRatioWidthInput: "aspect-ratio-width-input",
+    aspectRatioHeightInput: "aspect-ratio-height-input",
+    cropSubmitButton: "neeto-image-uploader-crop-submit-button",
+    restrictionMessage: "neeto-image-uploader-restriction-message",
+    progressBar: "neeto-image-uploader-progress-bar",
+    myImagesTab: "neeto-image-uploader-my-images-tab",
+    unsplashTab: "neeto-image-uploader-unsplash-tab",
+    nthLibraryImage: (index) => `niu-library-image-${index}`,
+    nthUnsplashImage: (index) => `niu-unsplash-image-${index}`,
+    unsplashSearchInput: "niu-unsplash-image-picker-search-input",
+    imageEditorUploadedImage: "image-editor-uploaded-image",
+    selectOriginalImageSwitch: "select-original-image-switch",
+    lockAspectRatioSwitch: "lock-aspect-ratio-switch",
+    widthInputField: "width-input-field",
+    heightInputField: "height-input-field",
+};
+
 const ENVIRONMENT = {
     development: "development",
     staging: "staging",
@@ -158,6 +238,9 @@ const getByDataQA = curry((page, dataQa) => {
 });
 
 const COMMON_SELECTORS = {
+    emailInputError: "email-input-error",
+    pane: "pane-wrapper",
+    sideBar: "sidebar",
     copyButton: "copy-button",
     spinner: ".neeto-ui-spinner",
     subheaderText: "subheader-left",
@@ -2501,6 +2584,12 @@ var lib$7 = {
 
 var qs$1 = /*@__PURE__*/getDefaultExportFromCjs(lib$7);
 
+const getImagePathAndName = (localImagePath) => {
+    const imagePath = Path.join(__dirname, localImagePath);
+    const imageName = Path.basename(localImagePath, Path.extname(localImagePath));
+    return { imagePath, imageName };
+};
+
 class CustomCommands {
     constructor(page, request, baseURL = process.env.BASE_URL) {
         this.interceptMultipleResponses = ({ responseUrl = "", responseStatus = 200, times = 1, baseUrl, customPageContext, timeout = 35000, } = {}) => {
@@ -2551,15 +2640,15 @@ class CustomCommands {
             await pageContext.reload();
             await reloadRequests;
         };
-        this.waitForPageLoad = async ({ visiblityTimeout = 35000, customPageContext, }) => {
+        this.waitForPageLoad = async ({ visibilityTimeout = 35000, customPageContext, } = {}) => {
             const pageContext = customPageContext !== null && customPageContext !== void 0 ? customPageContext : this.page;
             await pageContext.waitForLoadState("load");
             await Promise.all([
                 expect(pageContext.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden({
-                    timeout: visiblityTimeout,
+                    timeout: visibilityTimeout,
                 }),
                 expect(pageContext.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
-                    timeout: visiblityTimeout,
+                    timeout: visibilityTimeout,
                 }),
             ]);
         };
@@ -2586,14 +2675,14 @@ class CustomCommands {
         };
         this.selectOptionFromDropdown = async ({ selectValueContainer, selectMenu, value, options = {}, }) => {
             Object.assign({
-                visiblityTimeout: 2000,
+                visibilityTimeout: 2000,
                 textAssertionTimeout: 1000,
                 retryTimeout: 20000,
             }, options);
             await expect(async () => {
                 await this.page.getByTestId(selectValueContainer).click();
                 await expect(this.page.getByTestId(selectMenu)).toBeVisible({
-                    timeout: options.visiblityTimeout,
+                    timeout: options.visibilityTimeout,
                 });
                 await this.page.getByTestId(selectMenu).getByText(value).click();
                 await expect(this.page.getByTestId(selectValueContainer)).toContainText(value, { timeout: options.textAssertionTimeout });
@@ -2615,6 +2704,20 @@ class CustomCommands {
                 await expect(this.page.getByTestId(countSelector)).toContainText(countText);
             }).toPass({ timeout: 15000 });
         };
+        this.uploadImage = async (localImagePath) => {
+            const { imageName, imagePath } = getImagePathAndName(localImagePath);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.browseText)
+                .click();
+            const uploadFile = this.interceptMultipleResponses({
+                responseUrl: ROUTES.directUploads,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.fileInput)
+                .setInputFiles(imagePath);
+            await uploadFile;
+            await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
@@ -12545,54 +12648,6 @@ class EmbedBase {
     }
 }
 
-const BASE_URL = "/api/v1";
-const NEETO_AUTH_BASE_URL = (subdomain = "app") => `https://${subdomain}.neetoauth.net`;
-const ROUTES = {
-    neetoAuthSignup: `${NEETO_AUTH_BASE_URL()}/signups/new`,
-    neetoAuth: NEETO_AUTH_BASE_URL(),
-    loginLink: "/login",
-    profile: "/profile",
-    admin: "/admin",
-    myProfile: "/my/profile",
-    authSettings: "/settings",
-    webhooks: "/webhooks",
-    login: `${BASE_URL}/login`,
-    signup: `${BASE_URL}/signups`,
-    subdomainAvailability: `${BASE_URL}/subdomain_availability`,
-    countries: `${BASE_URL}/countries`,
-    neetoApps: `${BASE_URL}/neeto_apps`,
-    teamMembers: {
-        all: "/team_members*/**",
-        bulkUpdate: "/team_members/teams/bulk_update",
-        index: "/team_members/teams",
-        show: (id) => `/team_members/teams/${id}`,
-    },
-};
-const API_ROUTES = {
-    teamMembers: {
-        all: "/team_members*/**",
-        bulkUpdate: "/team_members/teams/bulk_update",
-        index: "/team_members/teams",
-        show: (id) => `/team_members/teams/${id}`,
-    },
-    integrations: {
-        zapier: {
-            api_keys: "/neeto_integrations/zapier/api_keys",
-        },
-    },
-};
-const THIRD_PARTY_ROUTES = {
-    webhooks: { site: "https://webhook.site/" },
-    slack: {
-        loginWithPassword: (workspace) => `https://${workspace}.slack.com/sign_in_with_password`,
-    },
-    zapier: {
-        login: "https://zapier.com/app/login",
-        logOut: "https://zapier.com/logout",
-        zapEditor: (zapId) => `https://zapier.com/editor/${zapId}`,
-    },
-};
-
 const CHAT_WIDGET_TEXTS = {
     newConversation: "New Conversation",
     welcomeChatBubble: "Hi! I'm here to assist you with any questions you may have. What can I do for you?",
@@ -13477,6 +13532,147 @@ class ZapierPage extends IntegrationBase {
     }
 }
 
+class ImageUploader {
+    constructor({ page, neetoPlaywrightUtilities, }) {
+        this.submitCroppedImage = async () => {
+            const cropImage = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: ROUTES.directUploads,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.cropSubmitButton)
+                .click();
+            await cropImage;
+        };
+        this.removeImage = async () => {
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.imageUploaderWrapper)
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.removeButton)
+                .click();
+            await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toBeHidden();
+        };
+        this.openImageLibrary = async () => {
+            const fetchImages = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: NEETO_ROUTES.imageUploader,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.openAssetLibraryButton)
+                .click();
+            await fetchImages;
+        };
+        this.cropImage = async ({ toggleAspectRatioLock = false, width = "100", height = "100", aspectRatioHeight = "9", aspectRatioWidth = "16", } = {}) => {
+            toggleAspectRatioLock &&
+                (await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.lockAspectRatioSwitch)
+                    .click());
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.aspectRatioHeightInput)
+                .fill(aspectRatioHeight);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.aspectRatioWidthInput)
+                .fill(aspectRatioWidth);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.widthInputField)
+                .fill(width);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.heightInputField)
+                .fill(height);
+        };
+        this.uploadNewImageFromLibrary = async ({ localImagePath, toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", }) => {
+            await this.openImageLibrary();
+            const fileUploaderPromise = this.page.waitForEvent("filechooser");
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadNewAsset)
+                .click();
+            const fileUploader = await fileUploaderPromise;
+            const { imagePath, imageName } = getImagePathAndName(localImagePath);
+            await fileUploader.setFiles(imagePath);
+            await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.imageEditorUploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.selectImageFromWeb = async ({ nthImage = 0, searchTerm = "", toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", } = {}) => {
+            await this.openImageLibrary();
+            const switchImageTab = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: NEETO_ROUTES.imageUploader,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashTab)
+                .click();
+            await switchImageTab;
+            if (isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                    timeout: 10000,
+                });
+            }
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.nthUnsplashImage(nthImage))
+                .click();
+            await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                timeout: 10000,
+            });
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.selectImageFromLibrary = async ({ nthImage = 0, searchTerm = "", toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", } = {}) => {
+            await this.openImageLibrary();
+            await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                timeout: 10000,
+            });
+            if (isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                    timeout: 10000,
+                });
+            }
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.nthLibraryImage(nthImage))
+                .click();
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+    }
+}
+
 const LOGIN_SELECTORS = {
     appleAuthenticationButton: "apple-authentication-button",
     emailTextField: "login-email-text-field",
@@ -13855,7 +14051,7 @@ const ROLES_SELECTORS = {
     tableHeaderRoleTitle: "ntm-roles-table-header-role-title",
     permissionCheckbox: "ntm-roles-permission-checkbox",
     editRoleButton: "ntm-roles-table-edit-role-button",
-    deleteRoleButton: " ntm-roles-table-delete-role-button",
+    deleteRoleButton: "ntm-roles-table-delete-role-button",
     permissionCard: "ntm-roles-permission-card",
 };
 
@@ -147482,5 +147678,5 @@ const definePlaywrightConfig = (overrides) => {
     });
 };
 
-export { API_ROUTES, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, EMBED_SELECTORS, ENVIRONMENT, EmbedBase, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
+export { API_ROUTES, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, EMBED_SELECTORS, ENVIRONMENT, EmbedBase, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
 //# sourceMappingURL=index.js.map