passbolt-styleguide/src/react-extension/components/User/ConfirmDisableUserMFA/ConfirmDisableUserMFA.test.page.js

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

import {fireEvent, render, waitFor} from "@testing-library/react";
import AppContext from "../../../contexts/AppContext";
import DialogContextProvider from "../../../contexts/DialogContext";
import ManageDialogs from "../../Common/Dialog/ManageDialogs/ManageDialogs";
import React from "react";
import ConfirmDisableUserMFA from "./ConfirmDisableUserMFA";
import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";

/**
 * The ConfirmDisableUserMFATestPage component represented as a page
 */
export default class ConfirmDisableUserMFATestPage {
  /**
   * Default constructor
   * @param appContext An app context
   * @param props Props to attach
   */
  constructor(appContext, props) {
    this._page = render(
      <MockTranslationProvider>
        <AppContext.Provider value={appContext}>
          <DialogContextProvider>
            <ManageDialogs/>
            <ConfirmDisableUserMFA {...props}/>
          </DialogContextProvider>
        </AppContext.Provider>
      </MockTranslationProvider>
    );
  }

  /**
   * Returns the confirm button element
   */
  get confirmButton() {
    return this._page.container.querySelector('.submit-wrapper button[type=\"submit\"]');
  }

  /**
   * Returns the confirm button element
   */
  get cancelButton() {
    return this._page.container.querySelector('.submit-wrapper .cancel');
  }


  /**
   * Confirms the user's MFA disable
   */
  async confirm() {
    const leftClick = {button: 0};
    fireEvent.click(this.confirmButton, leftClick);
    await waitFor(() => {});
  }

  /**
   * Confirms the user's MFA disable without React wait for
   */
  confirmWithoutWaitFor() {
    const leftClick = {button: 0};
    fireEvent.click(this.confirmButton, leftClick);
  }

  /**
   * Cancels the user's MFA disable
   */
  async cancel() {
    const leftClick = {button: 0};
    fireEvent.click(this.cancelButton, leftClick);
    await waitFor(() => {});
  }
}