@bigbinary/neeto-playwright-commons 1.26.12 → 1.26.14

package/index.cjs.js

@@ -306,14 +306,18 @@ const ENVIRONMENT = {
     review: "review",
 };
 const EXAMPLE_URL = "https://example.com";
-const IS_STAGING_ENV = process.env.TEST_ENV === "staging";
+const IS_STAGING_ENV = process.env.TEST_ENV === ENVIRONMENT.staging;
+const IS_DEV_ENV = process.env.TEST_ENV === ENVIRONMENT.development;
 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 = {
+    firstName: "Oliver",
+    lastName: "Smith",
     name: "Oliver Smith",
     email: "oliver@example.com",
     password: "welcome",
+    subdomainName: "spinkart",
 };
 const OTP_EMAIL_PATTERN = "is your login code";
 const SLACK_DEFAULT_CHANNEL = "general";
@@ -4850,23 +4854,26 @@ const generateStagingData = (product = "invoice") => {
     const timestamp = jobCompletionIndex
         ? `${dateTimeString}-${jobCompletionIndex}`
         : dateTimeString;
-    const firstName = "André";
-    const lastName = "O'Reilly";
+    const firstName = IS_STAGING_ENV ? "André" : CREDENTIALS.firstName;
+    const lastName = IS_STAGING_ENV ? "O'Reilly" : CREDENTIALS.lastName;
     const otpBypassKey = process.env.OTP_BYPASS_KEY;
-    const stagingOrganization = `cpt-${product}-${timestamp}`;
+    const isGlobalSetup = !getGlobalUserState(); // For dev global setup staging data, we use the default subdomain `spinkart`.
+    const shouldKeepDefaultDataForDevEnv = isGlobalSetup && IS_DEV_ENV;
+    const stagingOrganization = shouldKeepDefaultDataForDevEnv
+        ? CREDENTIALS.subdomainName
+        : `cpt-${product}-${timestamp}`;
+    const email = shouldKeepDefaultDataForDevEnv
+        ? CREDENTIALS.email
+        : `cpt${otpBypassKey}+${product}+${timestamp}@bigbinary.com`;
     return {
         firstName,
         lastName,
         otp: 111111,
-        domain: `neeto${product}.net`,
-        currentUserName: IS_STAGING_ENV
-            ? joinString(firstName, lastName)
-            : CREDENTIALS.name,
+        domain: IS_STAGING_ENV ? `neeto${product}.net` : `lvh.me`,
+        currentUserName: joinString(firstName, lastName),
         businessName: stagingOrganization,
-        subdomainName: IS_STAGING_ENV ? stagingOrganization : "spinkart",
-        email: IS_STAGING_ENV
-            ? `cpt${otpBypassKey}+${product}+${timestamp}@bigbinary.com`
-            : CREDENTIALS.email,
+        subdomainName: stagingOrganization,
+        email,
     };
 };
 
@@ -4907,7 +4914,7 @@ const removeCredentialFile = () => {
     require$$0__namespace.unlink(STORAGE_STATE, error => {
         if (!error)
             return;
-        console.error(error);
+        console.log(error);
     });
 };
 const clearCredentials = () => {
@@ -4956,7 +4963,12 @@ const shouldSkipSetupAndTeardown = () => { var _a; return ((_a = getGlobalUserSt
 const shouldSkipCustomDomainSetup = () => process.env.SETUP_CUSTOM_DOMAIN !== "true" || !IS_STAGING_ENV;
 const baseURLGenerator = (product, customSubdomain) => {
     const { subdomainName } = getGlobalUserState();
-    return `https://${customSubdomain !== null && customSubdomain !== void 0 ? customSubdomain : subdomainName}.neeto${product.toLowerCase()}.net`;
+    const subdomain = customSubdomain !== null && customSubdomain !== void 0 ? customSubdomain : subdomainName;
+    const railsPort = process.env.RAILS_SERVER_PORT;
+    const baseURL = IS_DEV_ENV
+        ? `http://${subdomain}.lvh.me:${railsPort}`
+        : `https://${subdomain}.neeto${product.toLowerCase()}.net`;
+    return baseURL;
 };
 // trims and replaces multiple whitespace characters in a string with a single space
 const squish = (text) => text.trim().replace(/\s+/g, " ");
@@ -5036,7 +5048,7 @@ const globalShortcuts = (t) => [
 const generatePhoneNumber = () => `${"+91"} 9${faker.faker.string.numeric(4)} ${faker.faker.string.numeric(5)}`;
 const initializeTestData = (product) => {
     const credentials = generateStagingData(product.toLowerCase());
-    const baseURL = `https://${credentials.subdomainName}.${credentials.domain}`;
+    const baseURL = baseURLGenerator(product, credentials.subdomainName);
     return { credentials, baseURL };
 };
 
@@ -116448,11 +116460,8 @@ class GooglePage extends IntegrationBase {
                 .getByRole("link", { name: GOOGLE_LOGIN_TEXTS.neetoAutomation })
                 .click();
             await test.expect(chooseAnAccountHeading).toBeHidden({ timeout: 10000 });
-            const verificationCode = this.page
-                .locator("form")
-                .getByText(GOOGLE_LOGIN_TEXTS.verificationCode);
             this.page.url().includes(THIRD_PARTY_ROUTES.google.totpChallenge) &&
-                (await this.enterTotpCode(verificationCode));
+                (await this.enterTotpCode());
             await this.handleNotVerifiedPage();
             const signInHeading = this.page.getByRole("heading", {
                 name: GOOGLE_LOGIN_TEXTS.signInHeading(appName),
@@ -116491,32 +116500,29 @@ class GooglePage extends IntegrationBase {
                     .click());
             await this.page.waitForLoadState("load", { timeout: 25000 });
             await this.page.waitForURL(new RegExp(THIRD_PARTY_ROUTES.google.totpChallenge));
-            const twoStepVerification = this.page.locator("form").getByRole("heading", {
-                name: GOOGLE_LOGIN_TEXTS.twoStepVerification,
-                level: 2,
-                exact: true,
-            });
-            await test.expect(twoStepVerification).toBeVisible({ timeout: 15000 });
-            await this.enterTotpCode(twoStepVerification);
+            await this.enterTotpCode();
             await this.page.waitForLoadState("load", { timeout: 25000 });
             await this.page.waitForURL(new RegExp(THIRD_PARTY_ROUTES.google.myAccount));
         };
-        this.enterTotpCode = async (locator) => {
+        this.enterTotpCode = async () => {
             let previousToken = null;
+            const codeInput = this.page.getByLabel(GOOGLE_LOGIN_TEXTS.enterCode);
+            await test.expect(codeInput).toBeVisible({ timeout: 20000 });
             await test.expect(async () => {
                 let totpToken = this.totp.generate({ timestamp: Date.now() });
                 if (totpToken === previousToken) {
                     const remainingTime = this.totp.remaining({ timestamp: Date.now() });
+                    // Wait for the remaining time plus a small buffer to ensure new token is generated
                     // eslint-disable-next-line playwright/no-wait-for-timeout
-                    await this.page.waitForTimeout(remainingTime + 500); // Wait for the remaining time plus a small buffer (500ms) to ensure new token
+                    await this.page.waitForTimeout(remainingTime + 500);
                     totpToken = this.totp.generate({ timestamp: Date.now() });
                 }
                 previousToken = totpToken;
-                await this.page.getByLabel(GOOGLE_LOGIN_TEXTS.enterCode).fill(totpToken);
+                await codeInput.fill(totpToken);
                 test.expect(this.totp.validate({ token: totpToken })).not.toBeNull();
                 await this.page.locator(GOOGLE_LOGIN_SELECTORS.totpNext).click();
                 await test.expect(this.page.getByText(GOOGLE_LOGIN_TEXTS.wrongCode)).toBeHidden({ timeout: 10000 });
-                await test.expect(locator).toBeHidden({ timeout: 10000 });
+                await test.expect(codeInput).toBeHidden({ timeout: 15000 });
             }).toPass({ timeout: 2 * 60 * 1000 });
         };
         this.logoutFromGoogle = async () => {
@@ -116678,7 +116684,7 @@ class MicrosoftPage extends IntegrationBase {
             const acceptBtn = this.page.locator(MICROSOFT_LOGIN_SELECTORS.acceptButton);
             await acceptBtn.click();
             await test.expect(acceptBtn).toBeHidden({ timeout: 10000 });
-            await this.page.waitForLoadState("load", { timeout: 25000 });
+            await this.page.waitForLoadState("load", { timeout: 50000 });
         };
         this.revokePermissions = async () => {
             await this.page.goto(THIRD_PARTY_ROUTES.microsoft.myApps);
@@ -118505,30 +118511,30 @@ class TeamMembers {
     }
 }
 
-const loginWithoutSSO = async ({ page, 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-neetoPlaywrightUtilities, loginPath = "/", }) => {
-    if (shouldSkipSetupAndTeardown())
-        return;
-    await page.goto(loginPath, { timeout: 20000 });
+const fillCredentialsAndSubmit = async ({ page, loginPath = "/", email = CREDENTIALS.email, }) => {
+    await page.goto(loginPath, { timeout: 30000 });
     await page.waitForLoadState("load", { timeout: 35000 });
-    await page
-        .getByTestId(LOGIN_SELECTORS.emailTextField)
-        .fill(CREDENTIALS.email);
+    await page.getByTestId(LOGIN_SELECTORS.emailTextField).fill(email);
     await page
         .getByTestId(LOGIN_SELECTORS.passwordTextField)
         .fill(CREDENTIALS.password);
     const submitButton = page.getByTestId(LOGIN_SELECTORS.submitButton);
     await submitButton.click();
     await test.expect(submitButton).toBeHidden({ timeout: 15000 });
+    await test.expect(page.getByTestId(COMMON_SELECTORS.floatingActionMenuButton)).toBeVisible({ timeout: 60000 });
+};
+const loginWithoutSSO = async ({ page, loginPath = "/", email = CREDENTIALS.email, }) => {
+    if (shouldSkipSetupAndTeardown())
+        return;
+    await fillCredentialsAndSubmit({ page, loginPath, email });
     const userCredentials = readFileSyncIfExists();
     await page.context().storageState({ path: STORAGE_STATE });
     const mergedCredentials = ramda.mergeAll([readFileSyncIfExists(), userCredentials]);
     writeDataToFile(JSON.stringify(mergedCredentials, null, 2));
     updateCredentials({ key: "isLoggedIn", value: "true" });
 };
-const login = async ({ page, neetoPlaywrightUtilities, loginPath, }) => !IS_STAGING_ENV &&
-    (await loginWithoutSSO({ page, neetoPlaywrightUtilities, loginPath }));
+const login = async ({ page, neetoPlaywrightUtilities, loginPath, email, }) => IS_DEV_ENV &&
+    (await loginWithoutSSO({ page, loginPath, email }));
 const generateRandomBypassEmail = () => `cpt${process.env.OTP_BYPASS_KEY}+${faker.faker.number.int()}@bigbinary.com`;
 
 const extractSubdomainFromError = (errorString) => {
@@ -118536,13 +118542,43 @@ const extractSubdomainFromError = (errorString) => {
     const matches = errorString.match(regex);
     return matches[1];
 };
+const createOrganizationViaRake = async ({ email, firstName, lastName, subdomainName, }) => {
+    var _a, _b;
+    const workingDirectory = process.env.RAILS_ROOT || "..";
+    const rakeTaskName = "playwright:create_organization";
+    const childProcess = child_process.spawn("bundle", [
+        "exec",
+        "rake",
+        rakeTaskName,
+        "--",
+        `--first_name=${firstName}`,
+        `--last_name=${lastName}`,
+        `--email=${email}`,
+        `--subdomain=${subdomainName}`,
+    ], {
+        cwd: workingDirectory,
+        stdio: ["ignore", "pipe", "pipe"],
+    });
+    let stdout = "";
+    let stderr = "";
+    (_a = childProcess.stdout) === null || _a === void 0 ? void 0 : _a.on("data", data => {
+        stdout += data.toString("utf-8");
+    });
+    (_b = childProcess.stderr) === null || _b === void 0 ? void 0 : _b.on("data", data => {
+        stderr += data.toString("utf-8");
+    });
+    const exitCode = await new Promise((resolve, reject) => {
+        childProcess.on("error", reject);
+        childProcess.on("close", resolve);
+    });
+    if (exitCode !== 0) {
+        throw new Error(`Failed to create organization: ${stderr || stdout || `Exit code ${exitCode}`}`);
+    }
+    return stdout.trim();
+};
 
 class OrganizationPage {
     constructor(page, neetoPlaywrightUtilities) {
-        this.baseUrlGenerator = (appName) => {
-            const { subdomainName } = getGlobalUserState();
-            return `https://${subdomainName}.${appName}.net`;
-        };
         this.fillOTP = async (otp = faker.faker.string.numeric(6)) => {
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             const otpTextBox = this.page.getByTestId(SIGNUP_SELECTORS.otpTextBox);
@@ -118557,8 +118593,17 @@ class OrganizationPage {
             await test.expect(submitButton).toBeHidden({ timeout: 35000 });
         };
         this.createOrganization = async ({ email, businessName, subdomainName, firstName, lastName, appName, }) => {
-            if (!IS_STAGING_ENV || shouldSkipSetupAndTeardown())
+            if (shouldSkipSetupAndTeardown())
+                return;
+            if (IS_DEV_ENV) {
+                await createOrganizationViaRake({
+                    email,
+                    firstName,
+                    lastName,
+                    subdomainName,
+                });
                 return;
+            }
             const appNameInLowerCase = appName.toLowerCase();
             const isNeetoAuth = appNameInLowerCase === "neetoauth";
             isNeetoAuth
@@ -118594,7 +118639,9 @@ class OrganizationPage {
                 subdomainName: user.subdomainName,
                 appName: `neeto${product}`,
             });
-            await test.expect(this.page.locator(COMMON_SELECTORS.spinner)).toBeHidden();
+            await this.neetoPlaywrightUtilities.waitForPageLoad({
+                customPageContext: this.page,
+            });
             const userCredentials = readFileSyncIfExists();
             await this.page.context().storageState({ path: STORAGE_STATE });
             const mergedCredentials = ramda.mergeAll([
@@ -118605,7 +118652,7 @@ class OrganizationPage {
             updateCredentials({ key: "isLoggedIn", value: "true" });
             updateCredentials({
                 key: "baseUrl",
-                value: this.baseUrlGenerator(`neeto${product}`),
+                value: baseURLGenerator(product),
             });
         };
         this.updateSubdomainIfExists = async (appName) => {
@@ -118627,7 +118674,7 @@ class OrganizationPage {
                         key: "businessName",
                         value: newOrganizationName,
                     });
-                    process.env.BASE_URL = this.baseUrlGenerator(appName);
+                    process.env.BASE_URL = baseURLGenerator(appName);
                     await this.page
                         .getByTestId(SIGNUP_SELECTORS.organizationNameTextField)
                         .fill(newOrganizationName);
@@ -118658,6 +118705,8 @@ class OrganizationPage {
             await this.fillOTP(otp);
         };
         this.setupProfile = async ({ firstName = faker.faker.person.firstName(), lastName = faker.faker.person.lastName(), country, } = {}) => {
+            if (IS_DEV_ENV)
+                return;
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             await this.page
                 .getByTestId(SIGNUP_SELECTORS.firstNameTextField)
@@ -118675,36 +118724,62 @@ class OrganizationPage {
             });
         };
         this.loginAndOnboard = async ({ email, firstName, lastName, country, handleOnboarding, baseURL = process.env.BASE_URL, fetchOtpFromEmail, }) => {
-            await this.page.goto(`${baseURL}${ROUTES.admin}`, { timeout: 20000 });
-            fetchOtpFromEmail === undefined
-                ? await this.loginViaSSO(email)
-                : await this.loginWithFastmailEmail({ email, fetchOtpFromEmail });
-            await this.setupProfile({ firstName, lastName, country });
-            await this.page.waitForURL(new RegExp(getGlobalUserState().domain), {
-                waitUntil: "load",
-            });
+            if (IS_DEV_ENV) {
+                await fillCredentialsAndSubmit({
+                    page: this.page,
+                    email,
+                    loginPath: `${baseURL}${ROUTES.admin}`,
+                });
+            }
+            else {
+                await this.page.goto(`${baseURL}${ROUTES.admin}`, { timeout: 20000 });
+                fetchOtpFromEmail === undefined
+                    ? await this.loginViaSSO(email)
+                    : await this.loginWithFastmailEmail({ email, fetchOtpFromEmail });
+                await this.setupProfile({ firstName, lastName, country });
+                await this.page.waitForURL(new RegExp(getGlobalUserState().domain), {
+                    waitUntil: "load",
+                });
+            }
             await handleOnboarding();
         };
         this.signUp = async ({ credentials, fetchOtpFromEmail, appName, }) => {
-            let otp = "123456";
-            await this.page.goto(`${ROUTES.neetoAuthSignup}?redirect_uri=${credentials.domain}`, { timeout: 20000 });
-            await this.submitEmail(credentials.email);
-            if (fetchOtpFromEmail !== undefined) {
-                otp = await fetchOtpFromEmail({
+            if (IS_DEV_ENV) {
+                await createOrganizationViaRake({
+                    email: credentials.email,
+                    firstName: credentials.firstName,
+                    lastName: credentials.lastName,
+                    subdomainName: credentials.subdomainName,
+                });
+                await fillCredentialsAndSubmit({
+                    page: this.page,
                     email: credentials.email,
-                    timeout: 4 * 60 * 1000,
+                    loginPath: `${baseURLGenerator(appName, credentials.subdomainName)}${ROUTES.admin}`,
                 });
             }
-            await this.fillOTP(otp);
-            await this.fillOrganizationDetails({
-                credentials,
-                appName,
-            });
-            await this.page.waitForURL(new RegExp(credentials.domain));
+            else {
+                let otp = "123456";
+                await this.page.goto(`${ROUTES.neetoAuthSignup}?redirect_uri=${credentials.domain}`, { timeout: 20000 });
+                await this.submitEmail(credentials.email);
+                if (fetchOtpFromEmail !== undefined) {
+                    otp = await fetchOtpFromEmail({
+                        email: credentials.email,
+                        timeout: 4 * 60 * 1000,
+                    });
+                }
+                await this.fillOTP(otp);
+                await this.fillOrganizationDetails({
+                    credentials,
+                    appName,
+                });
+                await this.page.waitForURL(new RegExp(credentials.domain));
+            }
             const STORAGE_STATE = await this.page.context().storageState();
             return { STORAGE_STATE, baseURL: process.env.BASE_URL };
         };
         this.fillOrganizationDetails = async ({ credentials, appName, }) => {
+            if (IS_DEV_ENV)
+                return;
             const subdomainError = this.page.getByTestId(SIGNUP_SELECTORS.subdomainError);
             const organizationSubmitButton = this.page.getByTestId(SIGNUP_SELECTORS.organizationSubmitButton);
             await this.neetoPlaywrightUtilities.waitForPageLoad();
@@ -119683,10 +119758,7 @@ const initializeCredentials = (product) => {
     }
     const stagingData = generateStagingData(product);
     writeDataToFile(JSON.stringify({ user: stagingData }, null, 2));
-    if (IS_STAGING_ENV) {
-        const baseUrl = `https://${stagingData.subdomainName}.${stagingData.domain}`;
-        process.env.BASE_URL = baseUrl;
-    }
+    process.env.BASE_URL = baseURLGenerator(product, stagingData.subdomainName);
 };
 
 const assertColumnHeaderVisibility = async ({ page, columnName, shouldBeVisible, }) => {
@@ -124629,7 +124701,6 @@ const playdashLighthouseConfig = {
     tags: process.env.TAG,
 };
 const isCI = neetoCist.isPresent(process.env.NEETO_CI_JOB_ID);
-const isDevEnv = process.env.TEST_ENV === ENVIRONMENT.development;
 const railsPort = process.env.RAILS_SERVER_PORT;
 const vitePort = process.env.VITE_PORT;
 const definePlaywrightConfig = (overrides) => {
@@ -124672,7 +124743,7 @@ const definePlaywrightConfig = (overrides) => {
         timeout: 5 * 60 * 1000,
         workers: isCI ? 6 : 5,
         reporter: isCI ? reporter : [["line"]],
-        ...(isDevEnv && {
+        ...(IS_DEV_ENV && {
             webServer: [
                 {
                     command: `bundle exec puma -b tcp://0.0.0.0:${railsPort} -C config/puma.rb`,
@@ -124791,6 +124862,7 @@ exports.INTEGRATIONS_TEXTS = INTEGRATIONS_TEXTS;
 exports.INTEGRATION_SELECTORS = INTEGRATION_SELECTORS;
 exports.IPRestrictionsPage = IPRestrictionsPage;
 exports.IP_RESTRICTIONS_SELECTORS = IP_RESTRICTIONS_SELECTORS;
+exports.IS_DEV_ENV = IS_DEV_ENV;
 exports.IS_STAGING_ENV = IS_STAGING_ENV;
 exports.ImageUploader = ImageUploader;
 exports.IntegrationBase = IntegrationBase;
@@ -124876,12 +124948,14 @@ exports.basicHTMLContent = basicHTMLContent;
 exports.clearCredentials = clearCredentials;
 exports.commands = commands;
 exports.cpuThrottlingUsingCDP = cpuThrottlingUsingCDP;
+exports.createOrganizationViaRake = createOrganizationViaRake;
 exports.currencyUtils = currencyUtils;
 exports.dataQa = dataQa;
 exports.decodeQRCodeFromFile = decodeQRCodeFromFile;
 exports.definePlaywrightConfig = definePlaywrightConfig;
 exports.executeWithThrottledResources = executeWithThrottledResources;
 exports.extractSubdomainFromError = extractSubdomainFromError;
+exports.fillCredentialsAndSubmit = fillCredentialsAndSubmit;
 exports.filterUtils = filterUtils;
 exports.generatePhoneNumber = generatePhoneNumber;
 exports.generatePhoneNumberDetails = generatePhoneNumberDetails;