passbolt-styleguide/src/react-extension/components/AccountRecovery/ReviewAccountRecoveryRequest/ReviewAccountRecoveryRequest.test.js

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

/**
 * Passbolt ~ Open source password manager for teams
 * Copyright (c) 2022 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) 2022 Passbolt SA (https://www.passbolt.com)
 * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
 * @link          https://www.passbolt.com Passbolt(tm)
 * @since         3.6.0
 */

/**
 * Unit tests on ReviewAccountRecoveryRequest in regard of specifications
 */
import ReviewAccountRecoveryRequestPage from "./ReviewAccountRecoveryRequest.test.page";
import { screen } from "@testing-library/react";
import { defaultProps } from "./ReviewAccountRecoveryRequest.test.data";

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

describe("ReviewAccountRecoveryRequest", () => {
  const props = defaultProps();

  it("As AD I can approve an account recovery", async () => {
    const page = new ReviewAccountRecoveryRequestPage(props);

    await page.selectReview(page.acceptCheckbox);
    expect(page.acceptCheckbox.checked).toBeTruthy();
    expect(page.acceptCheckboxCreatorName.textContent).toStrictEqual(
      "I verified with Betty Holberton (betty@passbolt.com) that the request is valid.",
    );
    expect(page.rejectCheckbox.checked).toBeFalsy();
    expect(page.rejectCheckboxCreatorName.textContent).toStrictEqual(
      "Betty Holberton (betty@passbolt.com) did not initiate this request.",
    );
    await page.submit();
    const status = "approved";

    expect(props.onSubmit).toHaveBeenCalledWith(status);

    await screen.findByRole("button", { name: /close/i });
    expect(props.onClose).toHaveBeenCalled();
  });

  it("As AD I can reject an account recovery", async () => {
    const page = new ReviewAccountRecoveryRequestPage(props);

    expect(page.rejectCheckbox.checked).toBeTruthy();
    expect(page.acceptCheckbox.checked).toBeFalsy();
    await page.submit();
    const status = "rejected";

    expect(props.onSubmit).toHaveBeenCalledWith(status);
    await screen.findByRole("button", { name: /close/i });
    expect(props.onClose).toHaveBeenCalled();
  });

  it("As AD I can cancel a review of an account recovery", async () => {
    const page = new ReviewAccountRecoveryRequestPage(props);

    expect(page.rejectCheckbox.checked).toBeTruthy();
    expect(page.acceptCheckbox.checked).toBeFalsy();
    await page.cancel();
    expect(props.onCancel).toHaveBeenCalled();
    await screen.findByRole("button", { name: /close/i });
    expect(props.onClose).toHaveBeenCalled();
  });

  it("As AD I can close a review of an account recovery", async () => {
    const page = new ReviewAccountRecoveryRequestPage(props);

    expect(page.rejectCheckbox.checked).toBeTruthy();
    expect(page.acceptCheckbox.checked).toBeFalsy();
    await page.close();
    expect(props.onCancel).toHaveBeenCalled();
    await screen.findByRole("button", { name: /close/i });
    expect(props.onClose).toHaveBeenCalled();
  });
});