@bigbinary/neeto-playwright-commons 1.1.3 → 1.2.0

package/index.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var test = require('@playwright/test');
+var dayjs = require('dayjs');
 var require$$0$3 = require('fs');
 var require$$2 = require('os');
 var require$$0 = require('path');
@@ -10,7 +11,6 @@ var require$$0$1 = require('util');
 var require$$0$2 = require('stream');
 var require$$0$4 = require('events');
 var ramda = require('ramda');
-var dayjs = require('dayjs');
 var require$$3 = require('crypto');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -33,6 +33,7 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var require$$0__default$3 = /*#__PURE__*/_interopDefaultLegacy(require$$0$3);
 var require$$0__namespace = /*#__PURE__*/_interopNamespace(require$$0$3);
 var require$$2__default = /*#__PURE__*/_interopDefaultLegacy(require$$2);
@@ -40,7 +41,6 @@ var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 var require$$0__default$1 = /*#__PURE__*/_interopDefaultLegacy(require$$0$1);
 var require$$0__default$2 = /*#__PURE__*/_interopDefaultLegacy(require$$0$2);
 var require$$0__default$4 = /*#__PURE__*/_interopDefaultLegacy(require$$0$4);
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var require$$3__default = /*#__PURE__*/_interopDefaultLegacy(require$$3);
 
 const COMMON_SELECTORS = {
@@ -56,6 +56,115 @@ const COMMON_SELECTORS = {
     subheaderText: "subheader-left",
 };
 
+class CustomCommands {
+    constructor(page, request) {
+        this.interceptMultipleResponses = ({ responseUrl = "", times = 1, baseUrl, }) => Promise.all([...new Array(times)].map(() => this.page.waitForResponse((response) => {
+            var _a, _b, _c;
+            if (response.request().resourceType() === "xhr" &&
+                response.status() === 200 &&
+                response.url().includes(responseUrl) &&
+                response
+                    .url()
+                    .startsWith((_a = baseUrl !== null && baseUrl !== void 0 ? baseUrl : process.env.BASE_URL) !== null && _a !== void 0 ? _a : "") &&
+                !this.responses.includes((_b = response.headers()) === null || _b === void 0 ? void 0 : _b["x-request-id"])) {
+                this.responses.push((_c = response.headers()) === null || _c === void 0 ? void 0 : _c["x-request-id"]);
+                return true;
+            }
+            return false;
+        }, { timeout: 10000 })));
+        this.recursiveMethod = async (callback, condition, timeout, startTime) => {
+            if (Date.now() - timeout >= startTime) {
+                return false;
+            }
+            else if (await condition()) {
+                return await callback();
+            }
+            return await this.recursiveMethod(callback, condition, timeout, startTime);
+        };
+        this.executeRecursively = async ({ callback, condition, timeout = 5000, }) => {
+            const startTime = Date.now();
+            await this.recursiveMethod(callback, condition, timeout, startTime);
+        };
+        this.verifySuccessToast = async ({ message, closeAfterVerification = true, }) => {
+            if (message) {
+                await test.expect(this.page.getByTestId(COMMON_SELECTORS.toastMessage)).toHaveValue(message);
+            }
+            else {
+                await test.expect(this.page.locator(COMMON_SELECTORS.toastIcon)).toHaveValue("👍");
+                closeAfterVerification &&
+                    (await this.page
+                        .getByTestId(COMMON_SELECTORS.toastCloseButton)
+                        .click());
+            }
+        };
+        this.reloadAndWait = async (requestCount) => {
+            const reloadRequests = this.interceptMultipleResponses({
+                times: requestCount,
+            });
+            await this.page.reload();
+            await reloadRequests;
+        };
+        this.apiRequest = async ({ url, headers: additionalHeaders, body: data, method = "get", params = {}, ...otherOptions }) => {
+            const csrfToken = await this.page
+                .locator("[name='csrf-token']")
+                .getAttribute("content");
+            const requestOptions = {
+                headers: {
+                    ...additionalHeaders,
+                    "accept-encoding": "gzip",
+                    "x-csrf-token": csrfToken !== null && csrfToken !== void 0 ? csrfToken : "",
+                },
+                data,
+                params,
+                ...otherOptions,
+            };
+            const httpMethodsHandlers = {
+                get: () => this.request.get(url, requestOptions),
+                post: () => this.request.post(url, requestOptions),
+                put: () => this.request.put(url, requestOptions),
+                delete: () => this.request.delete(url, requestOptions),
+            };
+            return await httpMethodsHandlers[method]();
+        };
+        this.verifyFieldValue = values => {
+            const verifyEachFieldValue = ({ field, value, }) => test.expect(this.page.getByTestId(field)).toHaveValue(value);
+            return Array.isArray(values)
+                ? Promise.all(values.map(value => verifyEachFieldValue(value)))
+                : verifyEachFieldValue(values);
+        };
+        this.page = page;
+        this.responses = [];
+        this.request = request;
+    }
+}
+
+const commands = {
+    neetoPlaywrightUtilities: async ({ page, request }, use) => {
+        const commands = new CustomCommands(page, request);
+        await use(commands);
+    },
+    page: async ({ page }, use) => {
+        await page.goto("/");
+        await page.waitForLoadState();
+        await use(page);
+    },
+};
+
+const ENVIRONMENT = {
+    development: "development",
+    staging: "staging",
+    review: "review",
+};
+const IS_STAGING_ENV = process.env.TEST_ENV === "staging";
+const STORAGE_STATE = "./e2e/auth/user.json";
+const GLOBAL_TRANSLATIONS_PATTERN = "../node_modules/@bigbinary/**/translations/en.json";
+const PROJECT_TRANSLATIONS_PATH = "../app/javascript/src/translations/en.json";
+const CREDENTIALS = {
+    name: "Oliver Smith",
+    email: "oliver@example.com",
+    password: "welcome",
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var tasks = {};
@@ -6754,17 +6863,6 @@ function assertPatternsInput(input) {
 }
 var out = FastGlob;
 
-const ENVIRONMENT = {
-    development: "development",
-    staging: "staging",
-    review: "review",
-};
-const IS_STAGING_ENV = process.env.TEST_ENV === "staging";
-const STORAGE_STATE = "./e2e/auth/user.json";
-const GLOBAL_TRANSLATIONS_PATTERN = "../node_modules/@bigbinary/**/translations/en.json";
-const PROJECT_TRANSLATIONS_PATH = "../app/javascript/src/translations/en.json";
-const CREDENTIALS = { email: "oliver@example.com", password: "welcome" };
-
 const joinString = (string1, string2, string3 = "", separator = " ") => {
     if (string3 === "") {
         return string1 + separator + string2;
@@ -6810,112 +6908,26 @@ const readTranslations = () => {
     return translations;
 };
 
-class CustomCommands {
-    constructor(page, request) {
-        this.interceptMultipleResponses = ({ responseUrl = "", times = 1, baseUrl, }) => Promise.all([...new Array(times)].map(() => this.page.waitForResponse(response => {
-            var _a, _b, _c;
-            if (response.request().resourceType() === "xhr" &&
-                response.status() === 200 &&
-                response.url().includes(responseUrl) &&
-                response
-                    .url()
-                    .startsWith((_a = baseUrl !== null && baseUrl !== void 0 ? baseUrl : process.env.BASE_URL) !== null && _a !== void 0 ? _a : "") &&
-                !this.responses.includes((_b = response.headers()) === null || _b === void 0 ? void 0 : _b["x-request-id"])) {
-                this.responses.push((_c = response.headers()) === null || _c === void 0 ? void 0 : _c["x-request-id"]);
-                return true;
-            }
-            return false;
-        }, { timeout: 10000 })));
-        this.recursiveMethod = async (callback, condition, timeout, startTime) => {
-            if (Date.now() - timeout >= startTime) {
-                return false;
-            }
-            else if (await condition()) {
-                return await callback();
-            }
-            return await this.recursiveMethod(callback, condition, timeout, startTime);
-        };
-        this.executeRecursively = async ({ callback, condition, timeout = 5000, }) => {
-            const startTime = Date.now();
-            await this.recursiveMethod(callback, condition, timeout, startTime);
-        };
-        this.verifySuccessToast = async ({ message, closeAfterVerification = true, }) => {
-            if (message) {
-                await test.expect(this.page.getByTestId(COMMON_SELECTORS.toastMessage)).toHaveValue(message);
-            }
-            else {
-                await test.expect(this.page.locator(COMMON_SELECTORS.toastIcon)).toHaveValue("👍");
-                closeAfterVerification &&
-                    (await this.page
-                        .getByTestId(COMMON_SELECTORS.toastCloseButton)
-                        .click());
-            }
-        };
-        this.reloadAndWait = async (requestCount) => {
-            const reloadRequests = this.interceptMultipleResponses({
-                times: requestCount,
-            });
-            await this.page.reload();
-            await reloadRequests;
-        };
-        this.apiRequest = async ({ url, headers: additionalHeaders, body: data, method = "get", params = {}, ...otherOptions }) => {
-            const { headers } = readFileSyncIfExists();
-            const requestOptions = {
-                headers: { ...headers, ...additionalHeaders, "accept-encoding": "gzip" },
-                data,
-                params,
-                ...otherOptions,
-            };
-            const httpMethodsHandlers = {
-                get: () => this.request.get(url, requestOptions),
-                post: () => this.request.post(url, requestOptions),
-                put: () => this.request.put(url, requestOptions),
-                delete: () => this.request.delete(url, requestOptions),
-            };
-            return await httpMethodsHandlers[method.toLowerCase()]();
-        };
-        this.verifyFieldValue = values => {
-            const verifyEachFieldValue = ({ field, value, }) => test.expect(this.page.getByTestId(field)).toHaveValue(value);
-            return Array.isArray(values)
-                ? Promise.all(values.map(value => verifyEachFieldValue(value)))
-                : verifyEachFieldValue(values);
-        };
-        this.page = page;
-        this.responses = [];
-        this.request = request;
-    }
-}
-
-const commands = {
-    neetoPlaywrightUtilities: async ({ page, request }, use) => {
-        const commands = new CustomCommands(page, request);
-        await use(commands);
-    },
-    page: async ({ page }, use) => {
-        await page.goto("/");
-        await page.waitForLoadState();
-        await use(page);
-    },
-};
-
-const timestamp = dayjs__default["default"]().format("YYYYMMDDHH");
-const firstName = "André";
-const lastName = "O'Reilly";
-const stagingOrganization = `cypresstest-invoice-${timestamp}`;
-const otpBypassKey = process.env.OTP_BYPASS_KEY;
-const stagingData = {
-    firstName,
-    lastName,
-    otp: 111111,
-    domain: "neetoinvoice.net",
-    currentUserName: IS_STAGING_ENV
-        ? joinString(firstName, lastName)
-        : "Oliver Smith",
-    businessName: stagingOrganization,
-    subdomainName: IS_STAGING_ENV ? stagingOrganization : "spinkart",
-    email: IS_STAGING_ENV
-        ? `cypresstest${otpBypassKey}+invoice+${timestamp}-playwright@bigbinary.com`
-        : "oliver@example.com",
+const generateStagingData = (product = "invoice") => {
+    const timestamp = dayjs__default["default"]().format("YYYYMMDDHH");
+    const firstName = "André";
+    const lastName = "O'Reilly";
+    const otpBypassKey = process.env.OTP_BYPASS_KEY;
+    const stagingOrganization = `cypresstest-${product}-${timestamp}`;
+    return {
+        firstName,
+        lastName,
+        otp: 111111,
+        domain: `neeto${product}.net`,
+        currentUserName: IS_STAGING_ENV
+            ? joinString(firstName, lastName)
+            : CREDENTIALS.name,
+        businessName: stagingOrganization,
+        subdomainName: IS_STAGING_ENV ? stagingOrganization : "spinkart",
+        email: IS_STAGING_ENV
+            ? `cypresstest${otpBypassKey}+${product}+${timestamp}-playwright@bigbinary.com`
+            : "oliver@example.com",
+    };
 };
 
 const i18n = {
@@ -7020,10 +7032,9 @@ class OrganizationPage {
             await this.page.getByTestId(SIGNUP_SELECTORS.profileSubmitButton).click();
             await submitProfile;
         };
-        this.setupOrganization = async () => {
+        this.setupOrganization = async (product) => {
             if (!IS_STAGING_ENV)
                 return;
-            let headers = {};
             const { user } = readFileSyncIfExists();
             await this.createOrganization({
                 businessName: user.businessName,
@@ -7031,20 +7042,15 @@ class OrganizationPage {
                 firstName: user.firstName,
                 lastName: user.lastName,
                 subdomainName: user.subdomainName,
-                appName: "neetoInvoice",
-            });
-            await this.page.route(`**${ROUTES.neetoApps}`, async (route) => {
-                headers = await route.request().allHeaders();
-                await route.continue();
+                appName: `neeto${product}`,
             });
             await test.expect(this.page.locator(COMMON_SELECTORS.spinner)).toBeHidden();
             const userCredentials = readFileSyncIfExists();
             await this.page.context().storageState({ path: STORAGE_STATE });
-            const mergedCredentials = {
-                ...readFileSyncIfExists(),
-                ...userCredentials,
-                headers,
-            };
+            const mergedCredentials = ramda.mergeAll([
+                readFileSyncIfExists(),
+                userCredentials,
+            ]);
             writeDataToFile(JSON.stringify(mergedCredentials, null, 2));
         };
         this.updateSubdomainIfExists = async (appName) => {
@@ -7098,8 +7104,9 @@ const LOGIN_SELECTORS = {
 
 const COMMON_TEXTS = { edit: "Edit" };
 
-const initializeCredentials = () => {
+const initializeCredentials = (product) => {
     const { user } = readFileSyncIfExists();
+    const stagingData = generateStagingData(product);
     const newState = {
         ...user,
         businessName: (user === null || user === void 0 ? void 0 : user.businessName) || stagingData.businessName,
@@ -7117,10 +7124,9 @@ const initializeCredentials = () => {
     }
 };
 
-const loginWithoutSSO = async ({ page, neetoPlaywrightUtilities, }) => {
+const loginWithoutSSO = async ({ page, neetoPlaywrightUtilities, loginPath = "/", }) => {
     var _a;
-    await page.goto((_a = process.env.BASE_URL) !== null && _a !== void 0 ? _a : "");
-    let headers = {};
+    await page.goto((_a = `${process.env.BASE_URL}${loginPath}`) !== null && _a !== void 0 ? _a : "");
     await page.getByTestId("login-email-text-field").fill(CREDENTIALS.email);
     await page
         .getByTestId("login-password-text-field")
@@ -7130,23 +7136,16 @@ const loginWithoutSSO = async ({ page, neetoPlaywrightUtilities, }) => {
     });
     await page.getByTestId(LOGIN_SELECTORS.submitButton).click();
     await login;
-    await page.route(`**${BASE_URL}/**`, async (route) => {
-        headers = await route.request().allHeaders();
-        await route.continue();
-    });
     const userCredentials = readFileSyncIfExists();
     await page.context().storageState({ path: STORAGE_STATE });
-    //eslint-disable-next-line
-    await page.waitForTimeout(5000); // There is a delay in headers being set from the route.
-    const mergedCredentials = {
-        ...readFileSyncIfExists(),
-        ...userCredentials,
-        headers,
-    };
+    const mergedCredentials = ramda.mergeAll([
+        readFileSyncIfExists(),
+        userCredentials,
+    ]);
     writeDataToFile(JSON.stringify(mergedCredentials, null, 2));
 };
-const login = async ({ page, neetoPlaywrightUtilities }) => !IS_STAGING_ENV &&
-    (await loginWithoutSSO({ page, neetoPlaywrightUtilities }));
+const login = async ({ page, neetoPlaywrightUtilities, loginPath, }) => !IS_STAGING_ENV &&
+    (await loginWithoutSSO({ page, neetoPlaywrightUtilities, loginPath }));
 
 var main$1 = {exports: {}};
 
@@ -7613,6 +7612,7 @@ exports.STORAGE_STATE = STORAGE_STATE;
 exports.clearCredentials = clearCredentials;
 exports.commands = commands;
 exports.definePlaywrightConfig = definePlaywrightConfig;
+exports.generateStagingData = generateStagingData;
 exports.i18n = i18n;
 exports.initializeCredentials = initializeCredentials;
 exports.joinString = joinString;
@@ -7620,7 +7620,6 @@ exports.login = login;
 exports.loginWithoutSSO = loginWithoutSSO;
 exports.readFileSyncIfExists = readFileSyncIfExists;
 exports.readTranslations = readTranslations;
-exports.stagingData = stagingData;
 exports.updateCredentials = updateCredentials;
 exports.writeDataToFile = writeDataToFile;
 //# sourceMappingURL=index.cjs.js.map