@bigbinary/neeto-commons-frontend 2.0.74 → 2.0.76

package/cypress-utils.d.ts

@@ -33,6 +33,7 @@ type CommonSelectors = {
   dropdownWrapper: (index: string) => string;
   toggleButton: string;
   tooltip: string;
+  articlePageTitle: string;
 };
 type MemberSelectors = {
   activatedMembersButton: string;
@@ -61,6 +62,7 @@ type MemberSelectors = {
   activateButton: string;
   deactivateButton: string;
   rolesButton: string;
+  statusTag: string;
 };
 type MemberFormSelectors = {
   emailTextField: string;
@@ -86,6 +88,8 @@ type ProfileSelectors = {
   tab: string;
   logoutLink: string;
   profileOptionsContainer: string;
+  myProfileButton: string;
+  organizationSettingsButton: string;
 };
 type SignUpSelectors = {
   emailTextField: string;
@@ -100,6 +104,24 @@ type SignUpSelectors = {
   subdomainNameTextField: string;
   subdomainError: string;
 };
+type HelpIconSelectors = {
+  helpButton: string;
+  documentationButton: string;
+  keyboardShortcutButton: string;
+  chatButton: string;
+  whatsNewButton: string;
+  whatsNewWidgetInfo: string;
+  whatsNewWidgetCloseButton: string;
+  keyboardShortcutPaneHeading: string;
+  keyboardShortcutPaneCrossIcon: string;
+};
+type ChatWidgetSelectors = {
+  chatWidgetHomeCard: string;
+  widgetSubmitButton: string;
+  chatBubbleMessage: string;
+  chatCloseButton: string;
+  widgetIframe: string;
+};
 
 // texts ------------------------------------------------
 type CommonTexts = {
@@ -175,6 +197,24 @@ type Environment = {
   development: string;
   staging: string;
 };
+type HelpIconTexts = {
+  documentation: string;
+  welcome: string;
+  keyboardShortcuts: string;
+  chatWithUs: string;
+  newConversation: string;
+  chatMessage: string;
+  whatsNew: string;
+  whatsNewHeading: string;
+};
+type ProfileTexts = {
+  logout: string;
+  productSwitcher: string;
+  chooseYourNeetoProduct: string;
+  myProfile: string;
+  profileSettings: string;
+  myOrganization: string;
+};
 
 // utils ------------------------------------------------
 
@@ -310,6 +350,18 @@ type EditMemberViaRequestPropsType = {
   lastName: string;
   requestCount: number;
 };
+type VerifyTabMenuPropsType = {
+  tabSelector: string;
+  toolTiptext: string;
+  alias: string;
+  requestCount: number;
+};
+type VerifyHelpDocumentationLinkPropsType = {
+  url: string;
+  articleTitle: string;
+  alias: string;
+  requestCount: number;
+};
 export const memberUtils: {
   addMemberViaRequest: (props: AddMemberViaRequestPropsType) => void;
   addMemberViaUI: (props: AddMemberViaUIPropsType) => void;
@@ -326,6 +378,16 @@ export const memberUtils: {
   verifyMemberDetails: (props: VerifyMembersPropsType) => void;
   clickOnColumnIcon: (props: clickOnColumnIcon) => void;
 };
+export const navigationUtils: {
+  verifyTabMenu: (props: VerifyTabMenuPropsType) => void;
+  clickOnHelpSubTab: (tabSelector: string, tabText: string) => void;
+  verifyHelpDocumentationLink: (props: VerifyHelpDocumentationLinkPropsType) => void;
+  verifyKeyboardShortcutsPane: () => void;
+  verifyWhatsNewTab: (whatsNewHeading: string) => void;
+  verifyChatWithUsTab: () => void;
+  verifyMyProfileTab: () => void;
+  verifyOrganizationTab: () => void;
+};
 
 // exporting all selectors
 
@@ -335,6 +397,8 @@ export const loginSelectors: LoginSelectors;
 export const profileSelectors: ProfileSelectors;
 export const signUpSelectors: SignUpSelectors;
 export const memberFormSelectors: MemberFormSelectors;
+export const helpIconSelectors: HelpIconSelectors;
+export const chatWidgetSelectors: ChatWidgetSelectors;
 
 // exporting all texts
 
@@ -344,4 +408,6 @@ export const memberTableTexts: MemberTableTexts;
 export const memberFormErrorTexts: MemberFormErrorTexts;
 export const signUpTexts: SignUpTexts;
 export const environment: Environment;
-export const isStagingEnv: boolean;
+export const isStagingEnv: boolean;
+export const helpIconTexts: HelpIconTexts;
+export const profileTexts: ProfileTexts;

package/cypress-utils.js

@@ -135,7 +135,7 @@ var allPath = function allPath() {
 var requestApis = {
   countries: getUrl("countries"),
   signUp: getUrl("signups/**"),
-  subdomainAvailablity: getUrl("subdomain_availability/**"),
+  subdomainAvailability: getUrl("subdomain_availability/**"),
   teamMembers: {
     all: "/team_members*/**",
     bulkUpdate: "/team_members/teams/bulk_update",
@@ -143,6 +143,13 @@ var requestApis = {
     show: function show(id) {
       return "/team_members/teams/".concat(id);
     }
+  },
+  allChatPath: "https://neetokbhelp.neetochat.net".concat(getUrl("**")),
+  myProfilePath: function myProfilePath(subdomain) {
+    return "https://".concat(subdomain, ".neetoauth.net/my/profile");
+  },
+  settingsPath: function settingsPath(subdomain) {
+    return "https://".concat(subdomain, ".neetoauth.net/settings");
   }
 };
 var urlPaths = {
@@ -193,7 +200,8 @@ var commonSelectors = {
     return dataCy("nui-select-container-wrapper", ":eq(".concat(index, ")"));
   },
   toggleButton: dataCy("menubar-toggle-button"),
-  tooltip: ".tippy-box"
+  tooltip: ".tippy-box",
+  articlePageTitle: ".serene-article__title"
 };
 var tableSelectors = {
   nthColumn: function nthColumn(n) {
@@ -210,7 +218,9 @@ var tableSelectors = {
 var profileSelectors = {
   tab: dataCy("profile-section"),
   logoutLink: dataCy("profile-logout-button"),
-  profileOptionsContainer: '[class="tippy-box sidebar-featured-tooltip__content"]'
+  profileOptionsContainer: '[class="tippy-box sidebar-featured-tooltip__content"]',
+  myProfileButton: dataCy("my-profile-button"),
+  organizationSettingsButton: dataCy("profile-organization-settings-button")
 };
 
 var commonTexts = {
@@ -541,7 +551,8 @@ var memberSelectors = {
   deactivateButton: dataCy("ntm-deactivate-members-button"),
   rolesButton: function rolesButton(index) {
     return dataCy("ntm-manage-member-roles-button", ":eq(".concat(index, ")"));
-  }
+  },
+  statusTag: dataCy("ntm-member-status-tag")
 };
 var memberFormSelectors = {
   emailTextField: "input.neeto-ui-react-select__input:eq(0)",
@@ -567,6 +578,25 @@ var signUpSelectors = {
   tryFreeButton: dataCy("neeto-auth-signup-link")
 };
 
+var helpIconSelectors = {
+  helpButton: dataCy("help-button"),
+  documentationButton: dataCy("help-link-help-center-button"),
+  keyboardShortcutButton: dataCy("help-link-keyboard-shortcut-button"),
+  chatButton: dataCy("help-link-live-chat-button"),
+  whatsNewButton: dataCy("help-link-changelog-button"),
+  whatsNewWidgetInfo: "h1",
+  whatsNewWidgetCloseButton: ".nc-widget-header__btn",
+  keyboardShortcutPaneHeading: ".h-full > .neeto-ui-border-gray-300",
+  keyboardShortcutPaneCrossIcon: ".neeto-ui-border-gray-300 > .neeto-ui-btn"
+};
+var chatWidgetSelectors = {
+  chatWidgetHomeCard: ".neeto-chat-widget-home__card-content",
+  widgetSubmitButton: ".neeto-chat-widget-button",
+  chatBubbleMessage: ".neeto-chat-widget-chat-bubble__message",
+  chatCloseButton: ".neeto-chat-widget-icon--close",
+  widgetIframe: "#neetochat-iframe"
+};
+
 var memberTexts = {
   addMember: "Add new member",
   admin: "Admin",
@@ -629,7 +659,26 @@ var memberFormErrorTexts = {
 var signUpTexts = {
   email: "Email",
   profile: "profile",
-  tryItFree: "Try it FREE"
+  tryItFree: "Try it FREE",
+  loginCode: "login code"
+};
+
+var helpIconTexts = {
+  documentation: "Documentation",
+  welcome: "Welcome",
+  keyboardShortcuts: "Keyboard shortcuts",
+  chatWithUs: "Chat with us",
+  newConversation: "New Conversation",
+  chatMessage: "Hello. Go ahead and ask us anything.",
+  whatsNew: "What's new"
+};
+var profileTexts = {
+  logout: "Log out",
+  productSwitcher: "Product switcher",
+  chooseYourNeetoProduct: "Choose your neeto product",
+  myProfile: "My profile",
+  profileSettings: "Profile settings",
+  myOrganization: "My organization"
 };
 
 var verifySSOLoginPage = function verifySSOLoginPage() {
@@ -787,6 +836,7 @@ var verifyMemberDetails = function verifyMemberDetails(_ref3) {
   var email = _ref3.email,
     role = _ref3.role,
     name = _ref3.name,
+    statusTag = _ref3.statusTag,
     _ref3$skipSearchReque = _ref3.skipSearchRequest,
     skipSearchRequest = _ref3$skipSearchReque === void 0 ? true : _ref3$skipSearchReque;
   !skipSearchRequest && interceptMemberApi("searchMember");
@@ -797,8 +847,11 @@ var verifyMemberDetails = function verifyMemberDetails(_ref3) {
   !skipSearchRequest && cy.wait("@searchMember");
   return cy.contains(tableSelectors.tableRow, email).within(function () {
     cy.get(memberSelectors.email).should("have.text", email);
-    name && cy.get(memberSelectors.name).should("have.text", name);
+    cy.get(memberSelectors.name).within(function () {
+      name && cy.get("p").should("have.text", name);
+    });
     role && cy.get(memberSelectors.role).should("have.text", role);
+    statusTag && cy.get(memberSelectors.statusTag).should("have.text", statusTag);
   });
 };
 var updateMemberRole = function updateMemberRole(_ref4) {
@@ -1018,7 +1071,7 @@ var updateSubdmainIfExit = function updateSubdmainIfExit(appName, subdomainName)
     var lastDigit = Number(subdomainName.charAt(subdomainName.length - 1));
     var newOrganizationName = subdomainName.slice(0, -1) + (lastDigit + 1);
     cy.intercept({
-      url: requestApis.subdomainAvailablity,
+      url: requestApis.subdomainAvailability,
       times: 1
     }).as("subdomainRequest");
     cy.clearAndType(signUpSelectors.subdomainNameTextField, newOrganizationName);
@@ -1037,7 +1090,7 @@ var updateSubdmainIfExit = function updateSubdmainIfExit(appName, subdomainName)
       cy.clearAndType(signUpSelectors.organizationNameTextField, newOrganizationName);
     });
     cy.ifExist(signUpSelectors.subdomainError, function () {
-      return updateSubdmainIfExit(newOrganizationName);
+      return updateSubdmainIfExit(appName, newOrganizationName);
     });
   });
 };
@@ -1048,7 +1101,8 @@ var createOrganization = function createOrganization(_ref) {
     firstName = _ref.firstName,
     lastName = _ref.lastName,
     appName = _ref.appName;
-  var otp = "123456";
+  var isMailosaurEmail = email.includes("mailosaur");
+  var defaultOtp = "123456";
   var appNameInLowerCase = appName.toLowerCase();
   var isNeetoAuth = appNameInLowerCase === "neetoauth";
   if (isNeetoAuth) cy.visit("https://app.neetoauth.net/signups/new");else {
@@ -1064,10 +1118,18 @@ var createOrganization = function createOrganization(_ref) {
   }).as("signupRequest");
   cy.get(signUpSelectors.submitButton).click();
   cy.wait("@signupRequest");
-  cy.get(signUpSelectors.otpTextBox).type(otp);
+  if (isMailosaurEmail) {
+    cy.mailosaurGetMessage(Cypress.env("serverId"), {
+      sentTo: email,
+      subject: signUpTexts.loginCode
+    }).then(function (emailBody) {
+      var otp = emailBody.html.codes[0].value;
+      cy.get(signUpSelectors.otpTextBox).type(otp);
+    });
+  } else cy.get(signUpSelectors.otpTextBox).type(defaultOtp);
   cy.wait("@signupRequest");
   cy.intercept({
-    url: requestApis.subdomainAvailablity,
+    url: requestApis.subdomainAvailability,
     times: 1
   }).as("subdomainRequest");
   cy.clearAndType(signUpSelectors.organizationNameTextField, businessName);
@@ -1106,5 +1168,129 @@ var verifyCrossSiteScript = function verifyCrossSiteScript(inputSelector, submit
   cy.get(commonSelectors.windowAlert).should("not.exist");
 };
 
-export { authUtils, commonSelectors, commonTexts, createOrganization, dataCy, dateUtils, environment, getTestTitle, getUrl, initCustomCommands, initializeCredentials, isStagingEnv, joinHyphenCase, loginSelectors, memberFormErrorTexts, memberFormSelectors, memberSelectors, memberTableTexts, memberTexts, memberUtils, profileSelectors, setListCount, signUpSelectors, signUpTexts, tableSelectors, verifyCrossSiteScript, verifyListCount };
+var verifyTabMenu = function verifyTabMenu(_ref) {
+  var tabSelector = _ref.tabSelector,
+    toolTiptext = _ref.toolTiptext,
+    _ref$alias = _ref.alias,
+    alias = _ref$alias === void 0 ? "fetchData" : _ref$alias,
+    _ref$requestCount = _ref.requestCount,
+    requestCount = _ref$requestCount === void 0 ? 1 : _ref$requestCount;
+  cy.verifyTooltip(tabSelector, toolTiptext);
+  requestCount && cy.interceptApi(alias, requestCount);
+  cy.get(tabSelector).click();
+  requestCount && cy.waitForMultipleRequest("@".concat(alias), requestCount);
+  cy.verifyAttribute({
+    selector: tabSelector,
+    attr: "class",
+    value: "active"
+  });
+};
+var clickOnHelpSubTab = function clickOnHelpSubTab(tabSelector, tabText) {
+  cy.get(helpIconSelectors.helpButton).click();
+  cy.get(tabSelector).should("have.text", tabText).click();
+};
+var verifyHelpDocumentationLink = function verifyHelpDocumentationLink(_ref2) {
+  var url = _ref2.url,
+    articleTitle = _ref2.articleTitle,
+    alias = _ref2.alias,
+    _ref2$requestCount = _ref2.requestCount,
+    requestCount = _ref2$requestCount === void 0 ? 3 : _ref2$requestCount;
+  cy.get(helpIconSelectors.helpButton).click();
+  cy.openInSameTabOnClick({
+    selector: helpIconSelectors.documentationButton,
+    url: url,
+    alias: "navigateToHelpDocumentation"
+  });
+  cy.get(commonSelectors.articlePageTitle).should("have.text", articleTitle);
+  cy.interceptApi(alias, requestCount);
+  cy.go("back");
+  cy.waitForMultipleRequest("@".concat(alias), requestCount);
+};
+var verifyKeyboardShortcutsPane = function verifyKeyboardShortcutsPane() {
+  clickOnHelpSubTab(helpIconSelectors.keyboardShortcutButton, helpIconTexts.keyboardShortcuts);
+  cy.get(helpIconSelectors.keyboardShortcutPaneHeading).should("have.text", helpIconTexts.keyboardShortcuts);
+  cy.get(helpIconSelectors.keyboardShortcutPaneCrossIcon).click();
+};
+var verifyWhatsNewTab = function verifyWhatsNewTab(whatsNewHeading) {
+  cy.get(helpIconSelectors.helpButton).click();
+  cy.get(helpIconSelectors.whatsNewButton).should("contain.text", helpIconTexts.whatsNew).click();
+  cy.get(helpIconSelectors.whatsNewWidgetInfo).should("have.text", whatsNewHeading);
+  cy.get(helpIconSelectors.whatsNewWidgetCloseButton).last().click();
+  cy.get(helpIconSelectors.whatsNewWidgetInfo).should("not.exist");
+};
+var verifyChatWithUsTab = function verifyChatWithUsTab() {
+  cy.interceptNonVersionedApi({
+    url: requestApis.allChatPath,
+    alias: "fetchChatWidget",
+    times: 4
+  });
+  clickOnHelpSubTab(helpIconSelectors.chatButton, helpIconTexts.chatWithUs);
+  cy.waitForMultipleRequest("@fetchChatWidget", 4);
+  cy.get(helpIconSelectors.chatButton).click();
+  cy.withinIframe(chatWidgetSelectors.widgetIframe, function () {
+    cy.interceptNonVersionedApi({
+      url: requestApis.allChatPath,
+      alias: "fetchPreChatQuestions"
+    });
+    cy.get(chatWidgetSelectors.chatWidgetHomeCard, {
+      timeout: 10000
+    }).should("have.text", helpIconTexts.newConversation).click();
+    cy.wait("@fetchPreChatQuestions");
+    cy.interceptNonVersionedApi({
+      url: requestApis.allChatPath,
+      alias: "fetchConversationsRequest",
+      times: 2
+    });
+    cy.get(chatWidgetSelectors.widgetSubmitButton).click();
+    cy.waitForMultipleRequest("@fetchConversationsRequest", 2);
+    cy.get(chatWidgetSelectors.chatBubbleMessage).should("have.text", helpIconTexts.chatMessage);
+  });
+  cy.get(chatWidgetSelectors.chatCloseButton).click();
+  cy.get(chatWidgetSelectors.widgetIframe).should("not.exist");
+};
+var verifyMyProfileTab = function verifyMyProfileTab() {
+  cy.get(profileSelectors.tab).click();
+  cy.get(profileSelectors.myProfileButton).should("have.text", profileTexts.myProfile);
+  cy.globalState("subdomainName").then(function (subdomainName) {
+    return cy.openInSameTabOnClick({
+      url: requestApis.myProfilePath(subdomainName),
+      selector: profileSelectors.myProfileButton,
+      alias: "navigateToMyProfile"
+    });
+  });
+  cy.get(commonSelectors.menuBarHeading).should("have.text", profileTexts.profileSettings);
+  cy.globalState("subdomainName").then(function (subdomainName) {
+    return cy.url().should("include", requestApis.myProfilePath(subdomainName));
+  });
+  cy.interceptApi("fetchProfileRequests", 2);
+  cy.go("back");
+  cy.waitForMultipleRequest("@fetchProfileRequests", 2);
+};
+var verifyOrganizationTab = function verifyOrganizationTab() {
+  cy.get(profileSelectors.tab).click();
+  cy.get(profileSelectors.organizationSettingsButton).should("have.text", profileTexts.myOrganization);
+  cy.globalState("subdomainName").then(function (subdomainName) {
+    return cy.openInSameTabOnClick({
+      url: requestApis.settingsPath(subdomainName),
+      selector: profileSelectors.organizationSettingsButton,
+      alias: "navigateToSettings"
+    });
+  });
+  cy.get(commonSelectors.heading).should("have.text", commonTexts.settings);
+  cy.globalState("subdomainName").then(function (subdomainName) {
+    return cy.url().should("include", requestApis.settingsPath(subdomainName));
+  });
+};
+var navigationUtils = {
+  verifyTabMenu: verifyTabMenu,
+  clickOnHelpSubTab: clickOnHelpSubTab,
+  verifyHelpDocumentationLink: verifyHelpDocumentationLink,
+  verifyKeyboardShortcutsPane: verifyKeyboardShortcutsPane,
+  verifyWhatsNewTab: verifyWhatsNewTab,
+  verifyChatWithUsTab: verifyChatWithUsTab,
+  verifyMyProfileTab: verifyMyProfileTab,
+  verifyOrganizationTab: verifyOrganizationTab
+};
+
+export { authUtils, chatWidgetSelectors, commonSelectors, commonTexts, createOrganization, dataCy, dateUtils, environment, getTestTitle, getUrl, helpIconSelectors, helpIconTexts, initCustomCommands, initializeCredentials, isStagingEnv, joinHyphenCase, loginSelectors, memberFormErrorTexts, memberFormSelectors, memberSelectors, memberTableTexts, memberTexts, memberUtils, navigationUtils, profileSelectors, profileTexts, setListCount, signUpSelectors, signUpTexts, tableSelectors, verifyCrossSiteScript, verifyListCount };
 //# sourceMappingURL=cypress-utils.js.map