passbolt-styleguide/src/react-extension/components/UserDetails/DisplayUserDetails/DisplayUserDetails.test.js

Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.

/**
 * Passbolt ~ Open source password manager for teams
 * Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
 *
 * Licensed under GNU Affero General Public License version 3 of the or any later version.
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
 * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
 * @link          https://www.passbolt.com Passbolt(tm)
 * @since         2.11.0
 */

/**
 * Unit tests on DisplayUserDetails in regard of specifications
 */

import "../../../../../test/mocks/mockClipboard";
import { defaultAdministratorAppContext, defaultUserAppContext } from "../../../contexts/ExtAppContext.test.data";
import {
  defaultAppContext,
  defaultProps,
  withMissingMetadataKeysProps,
  withRequestAccountRecoveryRequestProps,
} from "./DisplayUserDetails.test.data";
import DisplayUserDetailsPage from "./DisplayUserDetails.test.page";
import { waitFor } from "@testing-library/react";

beforeEach(() => {
  jest.resetModules();
});

describe("Display User Details", () => {
  let page; // The page to test against
  const context = defaultAppContext(); // The applicative context
  const props = defaultProps(); // The props to pass

  const mockContextRequest = (context, implementation) =>
    jest.spyOn(context.port, "request").mockImplementation(implementation);

  describe("Should display user details sections", () => {
    beforeEach(() => {
      page = new DisplayUserDetailsPage(context, props);
    });

    it("As LU I should follow a permalink to see the details of a user", async () => {
      expect.assertions(1);
      mockContextRequest(context, () => {});
      jest.spyOn(props.actionFeedbackContext, "displaySuccess").mockImplementationOnce(() => {});
      jest.spyOn(props.clipboardContext, "copy").mockImplementationOnce(() => {});
      await page.copyPermalink();
      expect(props.clipboardContext.copy).toHaveBeenCalledWith(
        "http://localhost/app/users/view/54c6278e-f824-5fda-91ff-3e946b18d994",
        "The permalink has been copied to clipboard.",
      );
    });

    it("As LU I should see groups of an active user", async () => {
      // Set the context in order the detailed user to be inactive
      const propsWithInactiveUser = defaultProps();
      propsWithInactiveUser.userWorkspaceContext.details.user.active = false;
      page = new DisplayUserDetailsPage(context, propsWithInactiveUser);
      await waitFor(() => {});

      expect(page.canSeeUserGroups).toBeFalsy();
    });

    it("As LU I should see Gpg keys of an active user", async () => {
      // Set the default detailed user is active
      expect(page.canSeeGpgKey).toBeTruthy();
    });

    it("As LU I should not see groups of an inactive user", async () => {
      expect(page.canSeeUserGroups).toBeTruthy();
    });

    it("As LU I should not see Gpg keys of an inactive user", async () => {
      // Set the context in order the detailed user to be inactive
      const propsWithInactiveUser = defaultProps();
      propsWithInactiveUser.userWorkspaceContext.details.user.active = false;
      page = new DisplayUserDetailsPage(context, propsWithInactiveUser);
      await waitFor(() => {});

      expect(page.canSeeGpgKey).toBeFalsy();
    });
  });

  describe("Should display attention required", () => {
    it("As LU I should see the action required badge in case of pending account recovery request", async () => {
      const propsWithAttentionRequired = withRequestAccountRecoveryRequestProps();

      page = new DisplayUserDetailsPage(context, propsWithAttentionRequired);

      expect(page.hasAttentionRequired).toBeTruthy();
    });

    it("As AD I should see the action required badge in case the user is missing metadata keys", async () => {
      const propsWithMissingMetadataKeys = withMissingMetadataKeysProps();
      const context = defaultAdministratorAppContext();

      page = new DisplayUserDetailsPage(context, propsWithMissingMetadataKeys);

      expect(page.hasAttentionRequired).toBeTruthy();
    });

    it("As AD I not should see the action required badge if the plugin metadata is disabled", async () => {
      const propsWithMissingMetadataKeys = withMissingMetadataKeysProps();
      const context = defaultAdministratorAppContext({
        context: {
          siteSettings: {
            canIUse: () => false,
          },
        },
      });

      page = new DisplayUserDetailsPage(context, propsWithMissingMetadataKeys);

      expect(page.hasAttentionRequired).toBeTruthy();
    });

    it("As LU I should not see the action required badge in case the user is missing metadata keys", async () => {
      const propsWithMissingMetadataKeys = withMissingMetadataKeysProps();
      const context = defaultUserAppContext();

      page = new DisplayUserDetailsPage(context, propsWithMissingMetadataKeys);

      expect(page.hasAttentionRequired).toBeFalsy();
    });
  });
});