@bigbinary/neeto-commons-frontend 2.0.73 → 2.0.74

package/configs/nanos/eslint/neeto.js

@@ -3,7 +3,7 @@ const path = require("path");
 const { mergeDeepLeft } = require("ramda");
 
 const rootOfTheProject = path.join(__dirname, "../../../../../../");
-const pathToTranslationFile = "src/translations/en.json";
+const pathToTranslationsDir = "src/translations";
 const pathToResolveFile = "resolve.js";
 const pathToJsConfigFile = "jsconfig.json";
 
@@ -19,7 +19,6 @@ const commonResolve = loadJS(
   "node_modules/@bigbinary/neeto-commons-frontend/configs/nanos/webpack/resolve.js"
 );
 const projectResolve = loadJS(pathToResolveFile);
-const en = loadJS(pathToTranslationFile);
 const resolve = mergeDeepLeft(projectResolve, commonResolve);
 
 module.exports = {
@@ -77,7 +76,10 @@ module.exports = {
     "@bigbinary/neeto/no-axios-import-outside-apis": ["error", resolve.alias],
     "@bigbinary/neeto/no-missing-localization": [
       "error",
-      { name: "en.json", lng: "en", content: en },
+      {
+        translationsDir: path.join(rootOfTheProject, pathToTranslationsDir),
+        languages: ["en"],
+      },
     ],
     "@bigbinary/neeto/prefix-neeto-ui-import-alias": ["error", resolve.alias],
     "@bigbinary/neeto/use-webpack-alias": ["error", resolve.alias],

package/cypress-commands.d.ts

@@ -6,6 +6,11 @@ declare namespace Cypress {
     typeFast(selector: string, text: string): Void;
     typeAndEnter(selector: string, text: string): Void;
     verifyToastMessage(message: string): Void;
+
+    /**
+     * @param closeToastr Default value is true
+     */
+    verifyToastIcon(closeToastr: boolean): Void;
     continueOnAlert(
       alias:
         | string
@@ -40,8 +45,19 @@ declare namespace Cypress {
     clickDropdownOption(optionText: string, dropdownSelector: string): Void;
     getText(selector: string): Chainable<JQuery<HTMLElement>>;
     getValue(selector: string): Chainable<JQuery<HTMLElement>>;
+
+    /**
+     * @deprecated Use `withinIframe` instead.
+     */
     getIframe(iframeSelector: string): Chainable<JQuery<HTMLElement>>;
 
+    /**
+     * Selects and performs commands within an iframe element based on the given selector.
+     * @param iframeSelector The selector to locate the iframe element.
+     * @param callbackFn The callback function containing the commands to execute within the iframe.
+     */
+    withinIframe(iframeSelector: string, callbackFn: void): Void;
+
     /**
      * Command to open the url in the same window after clicking on a button that opens the url in a new tab
      */
@@ -76,9 +92,9 @@ declare namespace Cypress {
     navigateToPreviewPage(selector: string, requestCount: number): Void;
     saveChanges(aliasName: string, requestCount: number): Void;
     verifyAttribute(props: {
-      selector: string,
-      attr: string,
-      value: string
+      selector: string;
+      attr: string;
+      value: string;
     }): Void;
     verifyUnsavedAlertModal(cancelButton: string): Void;
     verifyTooltip(selector: string, text: string): Void;

package/cypress-utils.cjs.js

@@ -243,7 +243,9 @@ var commonTexts = {
   proceed: "Proceed",
   settings: "Settings",
   unsavedChangesAlertTitle: "You have unsaved changes!",
-  unsavedChangesAlertMessage: "Are you sure you want to continue? All of your unsaved changes will be lost."
+  unsavedChangesAlertMessage: "Are you sure you want to continue? All of your unsaved changes will be lost.",
+  clearFilters: "Clear filters",
+  filters: "Filters"
 };
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -278,9 +280,10 @@ var initCustomCommands = function initCustomCommands() {
     cy.get(commonSelectors.toastMessage).should("not.exist");
   });
   Cypress.Commands.add("verifyToastIcon", function () {
-    cy.get(commonSelectors.toastIcon).should("have.text", commonTexts.toastIcon);
-    cy.get(commonSelectors.toastCloseButton).click();
-    cy.get(commonSelectors.toastIcon).should("not.exist");
+    var closeToastr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    cy.document().its("body").find(commonSelectors.toastIcon).should("have.text", "👍");
+    closeToastr && cy.document().its("body").find(commonSelectors.toastCloseButton).click();
+    cy.document().its("body").find(commonSelectors.toastIcon).should("not.exist");
   });
   Cypress.Commands.add("continueOnAlert", function (args) {
     var props = _typeof(args) === "object" ? args : {
@@ -346,9 +349,19 @@ var initCustomCommands = function initCustomCommands() {
   Cypress.Commands.add("getValue", function (selector) {
     return cy.get(selector).invoke("val");
   });
+
+  // Deprecated. Use withinIframe.
   Cypress.Commands.add("getIframe", function (iframeSelector) {
     return cy.get(iframeSelector).its("0.contentDocument.body").should("not.be.empty");
   });
+  Cypress.Commands.add("withinIframe", function (selector, callback) {
+    cy.get(selector, {
+      timeout: 10000
+    }).its("0.contentDocument.body").should("be.visible").and("not.be.empty");
+    cy.get(selector, {
+      timeout: 10000
+    }).its("0.contentDocument.body").eq(0).within(callback);
+  });
   Cypress.Commands.add("openInSameTabOnClick", function (_ref) {
     var url = _ref.url,
       alias = _ref.alias,
@@ -470,7 +483,7 @@ var initCustomCommands = function initCustomCommands() {
     cy.get(commonSelectors.saveChangesButton).click();
     cy.wait("@".concat(aliasName));
     cy.verifyToastIcon();
-    requestCount > 1 && cy.waitForMultipleRequest("@".concat(aliasName), requestCount);
+    requestCount > 1 && cy.waitForMultipleRequest("@".concat(aliasName), requestCount - 1);
   });
   Cypress.Commands.add("verifyAttribute", function (_ref5) {
     var selector = _ref5.selector,
@@ -485,9 +498,11 @@ var initCustomCommands = function initCustomCommands() {
   });
   Cypress.Commands.add("verifyTooltip", function (selector, text) {
     cy.get(selector).realHover();
-    cy.get(commonSelectors.tooltip).should("have.text", text);
-    cy.get("body").click();
-    cy.get(commonSelectors.tooltip).should("not.exist");
+    cy.document().its("body").find(commonSelectors.tooltip).should("have.text", text);
+    cy.document().find("body").click("topRight", {
+      force: true
+    });
+    cy.document().its("body").find(commonSelectors.tooltip).should("not.exist");
   });
 };
 
@@ -522,7 +537,19 @@ var memberSelectors = {
   dropDownIcon: dataCy("ntm-members-table-row-dropdown-button"),
   editButton: dataCy("ntm-edit-member-button"),
   menuBarHeading: dataCy("ntm-members-menubar-heading"),
-  activateOrDeactivateMember: dataCy("ntm-deactivate-member-button")
+  activateOrDeactivateMember: dataCy("ntm-deactivate-member-button"),
+  subHeader: "[data-testid='subheader']",
+  columnsButton: dataCy("columns-dropdown-button"),
+  columnsDropdownContainer: dataCy("columns-dropdown-container"),
+  emailDropdownItemLabel: dataCy("email-checkbox-label"),
+  roleDropdownItemLabel: dataCy("role-checkbox-label"),
+  inviteStatusDropdownItemLabel: dataCy("invite-status-checkbox-label"),
+  heading: dataCy("ntm-manage-members-pane-header"),
+  activateButton: dataCy("ntm-activate-members-button"),
+  deactivateButton: dataCy("ntm-deactivate-members-button"),
+  rolesButton: function rolesButton(index) {
+    return dataCy("ntm-manage-member-roles-button", ":eq(".concat(index, ")"));
+  }
 };
 var memberFormSelectors = {
   emailTextField: "input.neeto-ui-react-select__input:eq(0)",
@@ -583,14 +610,23 @@ var memberTexts = {
   newHeading: "Add new member",
   updatedMemberRole: function updatedMemberRole(email, role) {
     return "Updated ".concat(email, "'s role to ").concat(role, ".");
-  }
+  },
+  searchMembers: "Search members",
+  noDataTitle: "There are no members to show",
+  editor: "Editor",
+  changeRole: "Change role",
+  changeRoleAlertMsg: function changeRoleAlertMsg(member, role) {
+    return "You are changing role of ".concat(member, " to ").concat(role, ". Are you sure you want to proceed?");
+  },
+  collaborator: "Collaborator"
 };
 var memberTableTexts = {
   created: "Created",
   email: "Email",
   name: "Name",
   role: "Role",
-  teams: "Teams"
+  teams: "Teams",
+  inviteStatus: "Invite status"
 };
 var memberFormErrorTexts = {
   emailRequired: "Please enter at least one email address.",
@@ -875,15 +911,23 @@ var deactivateMember = function deactivateMember(_ref8) {
     email: email
   });
 };
-var checkColumnCheckBox = function checkColumnCheckBox(fieldSelector) {
-  return cy.get(fieldSelector).parent().within(function () {
+var unCheckColumnAndVerifyTableHeader = function unCheckColumnAndVerifyTableHeader(fieldSelector, columnText) {
+  clickOnColumnIcon();
+  cy.get(fieldSelector).parent().within(function () {
     cy.get(memberSelectors.columnCheckBox).should("be.checked").uncheck().should("not.be.checked");
   });
+  memberUtils.clickOnColumnIcon();
+  cy.get(memberSelectors.columnsDropdownContainer).should("not.exist");
+  cy.contains(tableSelectors.tableHeader, columnText).should("not.exist");
 };
-var unCheckColumnCheckBox = function unCheckColumnCheckBox(fieldSelector) {
-  return cy.get(fieldSelector).parent().within(function () {
+var checkColumnAndVerifyTableHeader = function checkColumnAndVerifyTableHeader(fieldSelector, columnText) {
+  clickOnColumnIcon();
+  cy.get(fieldSelector).parent().within(function () {
     cy.get(memberSelectors.columnCheckBox).should("not.be.checked").check().should("be.checked");
   });
+  memberUtils.clickOnColumnIcon();
+  cy.get(memberSelectors.columnsDropdownContainer).should("not.exist");
+  cy.contains(tableSelectors.tableHeader, columnText).should("be.visible");
 };
 var addMemberViaRequest = function addMemberViaRequest(_ref9) {
   var email = _ref9.email,
@@ -955,11 +999,16 @@ var deactivateMemberViaRequest = function deactivateMemberViaRequest(email) {
   });
   cy.reloadAndWait(requestCount);
 };
+var clickOnColumnIcon = function clickOnColumnIcon() {
+  cy.get(memberSelectors.subHeader).should("exist").within(function () {
+    cy.get(memberSelectors.columnsButton).click();
+  });
+};
 var memberUtils = {
   addMemberViaRequest: addMemberViaRequest,
   addMemberViaUI: addMemberViaUI,
   activateMember: activateMember,
-  checkColumnCheckBox: checkColumnCheckBox,
+  checkColumnAndVerifyTableHeader: checkColumnAndVerifyTableHeader,
   deactivateMember: deactivateMember,
   deactivateMemberViaRequest: deactivateMemberViaRequest,
   editMemberViaUI: editMemberViaUI,
@@ -967,8 +1016,9 @@ var memberUtils = {
   updateMemberRole: updateMemberRole,
   interceptMemberApi: interceptMemberApi,
   navigateToMembersPage: navigateToMembersPage,
-  unCheckColumnCheckBox: unCheckColumnCheckBox,
-  verifyMemberDetails: verifyMemberDetails
+  unCheckColumnAndVerifyTableHeader: unCheckColumnAndVerifyTableHeader,
+  verifyMemberDetails: verifyMemberDetails,
+  clickOnColumnIcon: clickOnColumnIcon
 };
 
 var updateSubdmainIfExit = function updateSubdmainIfExit(appName, subdomainName) {