@bigbinary/neeto-commons-frontend 2.0.79 → 2.0.81

package/cypress-commands.d.ts

@@ -98,5 +98,11 @@ declare namespace Cypress {
     }): Void;
     verifyUnsavedAlertModal(cancelButton: string): Void;
     verifyTooltip(selector: string, text: string): Void;
+    /**
+     * Command to get email content using Mailosaur API.
+     * @param props Mailosaur API request body.
+     * @see https://mailosaur.com/docs/frameworks-and-tools/cypress/#library-reference
+     */
+    getEmailContent(props): Void;
   }
 }

package/cypress-configs/initializer.js

@@ -0,0 +1,41 @@
+const { defineConfig } = require("cypress");
+
+const defineCypressConfig = (overrides = {}) => {
+  const globalState = { skipSetup: false };
+
+  const { e2e: e2eOverrides = {}, otherProps = {} } = overrides;
+
+  return defineConfig({
+    execTimeout: 1800000,
+    defaultCommandTimeout: 5000,
+    requestTimeout: 5000,
+    pageLoadTimeout: 30000,
+    responseTimeout: 20000,
+    viewportWidth: 1440,
+    viewportHeight: 960,
+    chromeWebSecurity: false,
+    env: { grepFilterSpecs: true, grepOmitFiltered: true },
+    retries: { runMode: 1, openMode: 0 },
+    e2e: {
+      setupNodeEvents(on, config) {
+        on("task", {
+          getGlobalState: key => (key ? globalState[key] || null : globalState),
+          updateGlobalState: ({ key, value }) => (globalState[key] = value),
+          bulkUpdateGlobalState: newState =>
+            Object.assign(globalState, newState),
+        });
+
+        return require("./plugins")(on, config);
+      },
+      specPattern: "cypress/e2e/**/*.spec.js",
+      excludeSpecPattern: "cypress/e2e/**/*.wip.spec.js",
+      experimentalRunAllSpecs: true,
+      testIsolation: true,
+      experimentalMemoryManagement: true,
+      ...e2eOverrides,
+    },
+    ...otherProps,
+  });
+};
+
+module.exports = { defineCypressConfig };

package/cypress-configs/plugins.js

@@ -0,0 +1,63 @@
+// @ts-nocheck
+/// <reference types="cypress" />
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+const path = require("path");
+
+const webpack = require("@cypress/webpack-preprocessor");
+const {
+  cypressBrowserPermissionsPlugin,
+} = require("cypress-browser-permissions");
+const fs = require("fs-extra");
+
+const getConfigurationByFile = file => {
+  const pathToConfigFile = `cypress/config/cypress.${file}.json`;
+
+  return file && fs.readJsonSync(path.join(process.cwd(), pathToConfigFile));
+};
+
+const merge = (target, source = {}) => {
+  Object.keys(source).forEach(key => {
+    if (source[key] && typeof source[key] === "object") {
+      merge((target[key] = target[key] || {}), source[key]);
+
+      return;
+    }
+    target[key] = source[key];
+  });
+
+  return target;
+};
+
+module.exports = (on, config) => {
+  const environment = config.env.configFile;
+  const configForEnvironment = getConfigurationByFile(environment);
+  const options = {
+    // send in the options from your webpack.config.js
+    webpackOptions: require("./webpack.config"),
+    watchOptions: {},
+  };
+  on("file:preprocessor", webpack(options));
+
+  config = cypressBrowserPermissionsPlugin(on, config);
+
+  const newEnvironment = merge(config, configForEnvironment);
+  require("@cypress/grep/src/plugin")(newEnvironment);
+  require("@cypress/code-coverage/task")(on, newEnvironment);
+
+  on("before:browser:launch", (browser, launchOptions) => {
+    if (["chrome", "edge"].includes(browser.name) && browser.isHeadless) {
+      launchOptions.args.push("--no-sandbox");
+      launchOptions.args.push("--disable-gl-drawing-for-tests");
+      launchOptions.args.push("--js-flags=--max-old-space-size=3500");
+      launchOptions.args.push("--disable-gpu");
+    }
+
+    return launchOptions;
+  });
+
+  return config, newEnvironment;
+};

package/cypress-configs/resolve.js

@@ -0,0 +1,18 @@
+const path = require("path");
+
+const basePath = `${process.cwd()}/cypress/`;
+
+module.exports = {
+  alias: {
+    Fixtures: path.resolve(basePath, "fixtures"),
+    Plugins: path.resolve(basePath, "plugins"),
+    Support: path.resolve(basePath, "support"),
+    Texts: path.resolve(basePath, "constants/texts"),
+    Selectors: path.resolve(basePath, "constants/selectors"),
+    neetocommons: "@bigbinary/neeto-commons-frontend",
+    Constants: path.resolve(basePath, "constants"),
+  },
+  fallback: {
+    path: require.resolve("path-browserify"),
+  },
+};

package/cypress-configs/webpack.config.js

@@ -0,0 +1,19 @@
+const resolve = require("./resolve");
+
+module.exports = {
+  resolve,
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: [/node_modules/],
+        use: [
+          {
+            loader: "babel-loader",
+            options: { presets: ["@babel/preset-env"] },
+          },
+        ],
+      },
+    ],
+  },
+};

package/cypress-utils.cjs.js

@@ -514,6 +514,9 @@ var initCustomCommands = function initCustomCommands() {
     });
     cy.document().its("body").find(commonSelectors.tooltip).should("not.exist");
   });
+  Cypress.Commands.add("getEmailContent", function (props) {
+    return cy.mailosaurGetMessage(Cypress.env("MAILOSAUR_SERVER_ID"), props);
+  });
 };
 
 var loginSelectors = {
@@ -675,7 +678,7 @@ var helpIconTexts = {
   documentation: "Documentation",
   welcome: "Welcome",
   keyboardShortcuts: "Keyboard shortcuts",
-  chatWithUs: "Chat with us",
+  liveChat: "Live chat",
   newConversation: "New Conversation",
   chatMessage: "Hello. Go ahead and ask us anything.",
   whatsNew: "What's new"
@@ -1127,7 +1130,7 @@ var createOrganization = function createOrganization(_ref) {
   cy.get(signUpSelectors.submitButton).click();
   cy.wait("@signupRequest");
   if (isMailosaurEmail) {
-    cy.mailosaurGetMessage(Cypress.env("serverId"), {
+    cy.getEmailContent({
       sentTo: email,
       subject: signUpTexts.loginCode
     }).then(function (emailBody) {
@@ -1160,6 +1163,7 @@ var createOrganization = function createOrganization(_ref) {
   cy.wait("@fetchCountries");
   cy.clearAndType(signUpSelectors.firstNameTextField, firstName);
   cy.clearAndType(signUpSelectors.lastNameTextField, lastName);
+  cy.get(commonSelectors.checkbox).click();
   cy.intercept({
     url: requestApis.signUp,
     times: 1
@@ -1232,7 +1236,7 @@ var verifyChatWithUsTab = function verifyChatWithUsTab() {
     alias: "fetchChatWidget",
     times: 4
   });
-  clickOnHelpSubTab(helpIconSelectors.chatButton, helpIconTexts.chatWithUs);
+  clickOnHelpSubTab(helpIconSelectors.chatButton, helpIconTexts.liveChat);
   cy.waitForMultipleRequest("@fetchChatWidget", 4);
   cy.get(helpIconSelectors.chatButton).click();
   cy.withinIframe(chatWidgetSelectors.widgetIframe, function () {