confirmationDialogBox.test.tsx.snap

TLDR

This file contains Jest snapshots of the confirmation dialog box component. It includes snapshots for the confirmation dialog with default button text and with custom button text.

Classes

confirmationDialogBox

The confirmationDialogBox class represents a component that displays a confirmation dialog box. It includes a title, subtext, and action buttons for canceling or confirming an action.

END

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`/components/confirmationDialogBox confirmDialog should match snapshot 1`] = `
<div>
  <div
    class="Dialog dialog-back confirmation-dialog-box size--small"
  >
    <div
      class="backdrop"
    />
    <div
      class="wrapper"
    >
      <div
        class="dialog"
        role="dialog"
      >
        <div
          class="toolbar"
        >
          <div>
            <h1
              class="dialog-title"
            />
          </div>
          <div
            class="toolbar--right"
          >
            <button
              aria-label="Close dialog"
              class="IconButton dialog__close size--medium"
              title="Close dialog"
              type="button"
            >
              <i
                class="CompassIcon icon-close CloseIcon"
              />
            </button>
          </div>
        </div>
        <div
          class="box-area"
          title="Confirmation Dialog Box"
        >
          <h3
            class="text-heading5"
          >
            test-heading
          </h3>
          <div
            class="sub-text"
          >
            test-sub-text
          </div>
          <div
            class="action-buttons"
          >
            <button
              class="Button emphasis--tertiary size--medium"
              title="Cancel"
              type="button"
            >
              <span>
                Cancel
              </span>
            </button>
            <button
              class="Button filled size--medium"
              title="test-btn-text"
              type="submit"
            >
              <span>
                test-btn-text
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`/components/confirmationDialogBox confirmDialog with Confirm Button Text should match snapshot 1`] = `
<div>
  <div
    class="Dialog dialog-back confirmation-dialog-box size--small"
  >
    <div
      class="backdrop"
    />
    <div
      class="wrapper"
    >
      <div
        class="dialog"
        role="dialog"
      >
        <div
          class="toolbar"
        >
          <div>
            <h1
              class="dialog-title"
            />
          </div>
          <div
            class="toolbar--right"
          >
            <button
              aria-label="Close dialog"
              class="IconButton dialog__close size--medium"
              title="Close dialog"
              type="button"
            >
              <i
                class="CompassIcon icon-close CloseIcon"
              />
            </button>
          </div>
        </div>
        <div
          class="box-area"
          title="Confirmation Dialog Box"
        >
          <h3
            class="text-heading5"
          >
            test-heading
          </h3>
          <div
            class="sub-text"
          >
            test-sub-text
          </div>
          <div
            class="action-buttons"
          >
            <button
              class="Button emphasis--tertiary size--medium"
              title="Cancel"
              type="button"
            >
              <span>
                Cancel
              </span>
            </button>
            <button
              class="Button filled size--medium"
              title="test-btn-text"
              type="submit"
            >
              <span>
                test-btn-text
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;