@bigbinary/neeto-playwright-commons 1.9.1 → 1.9.3

package/index.cjs.js

@@ -7,12 +7,12 @@ var child_process = require('child_process');
 var fs$d = require('fs');
 var ramda = require('ramda');
 var require$$0$2 = require('util');
+var Path = require('path');
 var faker = require('@faker-js/faker');
 var MailosaurClient = require('mailosaur');
 var dayjs = require('dayjs');
 var require$$1$1 = require('tty');
 var require$$0$3 = require('os');
-var Path = require('path');
 var Stream$4 = require('stream');
 var require$$0$4 = require('events');
 var playwrightI18nextFixture = require('playwright-i18next-fixture');
@@ -53,11 +53,11 @@ var test__default = /*#__PURE__*/_interopDefaultLegacy(test$1);
 var fs__namespace = /*#__PURE__*/_interopNamespace(fs$d);
 var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs$d);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0$2);
+var Path__default = /*#__PURE__*/_interopDefaultLegacy(Path);
 var MailosaurClient__default = /*#__PURE__*/_interopDefaultLegacy(MailosaurClient);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var require$$1__default = /*#__PURE__*/_interopDefaultLegacy(require$$1$1);
 var require$$0__default$1 = /*#__PURE__*/_interopDefaultLegacy(require$$0$3);
-var Path__default = /*#__PURE__*/_interopDefaultLegacy(Path);
 var Stream__default = /*#__PURE__*/_interopDefaultLegacy(Stream$4);
 var require$$0__default$2 = /*#__PURE__*/_interopDefaultLegacy(require$$0$4);
 var http__default = /*#__PURE__*/_interopDefaultLegacy(http$1);
@@ -72,6 +72,58 @@ var require$$1__default$1 = /*#__PURE__*/_interopDefaultLegacy(require$$1$2);
 var require$$4__default = /*#__PURE__*/_interopDefaultLegacy(require$$4$1);
 var require$$3__default$2 = /*#__PURE__*/_interopDefaultLegacy(require$$3$2);
 
+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",
@@ -91,6 +143,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",
@@ -204,6 +284,9 @@ const getByDataQA = ramda.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",
@@ -2547,6 +2630,12 @@ var lib$7 = {
 
 var qs$1 = /*@__PURE__*/getDefaultExportFromCjs(lib$7);
 
+const getImagePathAndName = (localImagePath) => {
+    const imagePath = Path__default["default"].join(__dirname, localImagePath);
+    const imageName = Path__default["default"].basename(localImagePath, Path__default["default"].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, } = {}) => {
@@ -2597,15 +2686,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([
                 test$1.expect(pageContext.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden({
-                    timeout: visiblityTimeout,
+                    timeout: visibilityTimeout,
                 }),
                 test$1.expect(pageContext.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
-                    timeout: visiblityTimeout,
+                    timeout: visibilityTimeout,
                 }),
             ]);
         };
@@ -2632,14 +2721,14 @@ class CustomCommands {
         };
         this.selectOptionFromDropdown = async ({ selectValueContainer, selectMenu, value, options = {}, }) => {
             Object.assign({
-                visiblityTimeout: 2000,
+                visibilityTimeout: 2000,
                 textAssertionTimeout: 1000,
                 retryTimeout: 20000,
             }, options);
             await test$1.expect(async () => {
                 await this.page.getByTestId(selectValueContainer).click();
                 await test$1.expect(this.page.getByTestId(selectMenu)).toBeVisible({
-                    timeout: options.visiblityTimeout,
+                    timeout: options.visibilityTimeout,
                 });
                 await this.page.getByTestId(selectMenu).getByText(value).click();
                 await test$1.expect(this.page.getByTestId(selectValueContainer)).toContainText(value, { timeout: options.textAssertionTimeout });
@@ -2661,6 +2750,20 @@ class CustomCommands {
                 await test$1.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 test$1.expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
@@ -12591,54 +12694,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?",
@@ -13523,6 +13578,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 test$1.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 test$1.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 (neetoCist.isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                    timeout: 10000,
+                });
+            }
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.nthUnsplashImage(nthImage))
+                .click();
+            await test$1.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 test$1.expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                timeout: 10000,
+            });
+            if (neetoCist.isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await test$1.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",
@@ -13901,7 +14097,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",
 };
 
@@ -147545,6 +147741,7 @@ exports.HelpAndProfilePage = HelpAndProfilePage;
 exports.INTEGRATIONS_TEXTS = INTEGRATIONS_TEXTS;
 exports.INTEGRATION_SELECTORS = INTEGRATION_SELECTORS;
 exports.IS_STAGING_ENV = IS_STAGING_ENV;
+exports.ImageUploader = ImageUploader;
 exports.IntegrationBase = IntegrationBase;
 exports.KEYBOARD_SHORTCUTS_SELECTORS = KEYBOARD_SHORTCUTS_SELECTORS;
 exports.LOGIN_SELECTORS = LOGIN_SELECTORS;
@@ -147556,6 +147753,8 @@ exports.MailosaurUtils = MailosaurUtils;
 exports.NEETO_AUTH_BASE_URL = NEETO_AUTH_BASE_URL;
 exports.NEETO_EDITOR_SELECTORS = NEETO_EDITOR_SELECTORS;
 exports.NEETO_FILTERS_SELECTORS = NEETO_FILTERS_SELECTORS;
+exports.NEETO_IMAGE_UPLOADER_SELECTORS = NEETO_IMAGE_UPLOADER_SELECTORS;
+exports.NEETO_ROUTES = NEETO_ROUTES;
 exports.OTP_EMAIL_PATTERN = OTP_EMAIL_PATTERN;
 exports.OrganizationPage = OrganizationPage;
 exports.PROFILE_SECTION_SELECTORS = PROFILE_SECTION_SELECTORS;
@@ -147593,6 +147792,7 @@ exports.generateRandomBypassEmail = generateRandomBypassEmail;
 exports.generateStagingData = generateStagingData;
 exports.getByDataQA = getByDataQA;
 exports.getGlobalUserState = getGlobalUserState;
+exports.getImagePathAndName = getImagePathAndName;
 exports.headerUtils = headerUtils;
 exports.hexToRGB = hexToRGB;
 exports.hyphenize = hyphenize;