account.spec.tsx.snap

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

exports[`renders the empty settings pane 1`] = `
<div
  className="Box-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
  data-testid="profile-manageAccount"
>
  <div
    className="Box-root HorizontalGutter-root AccountSettingsContainer-root HorizontalGutter-full"
  >
    <div
      className="Box-root HorizontalGutter-root HorizontalGutter-spacing-3"
      data-testid="profile-changeUsername"
    >
      <div>
        <div
          className="ChangeUsernameContainer-title coral coral-myUsername-title"
        >
          Username
        </div>
        <div
          className="ChangeUsernameContainer-username coral coral-myUsername"
        >
          Passivo
        </div>
      </div>
      <div
        className="ChangeUsernameContainer-changeButton"
      >
        <button
          className="BaseButton-root Button-base Button-flat Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-colorPrimary coral coral-myUsername-editButton coral coral-myUsername-change"
          data-variant="flat"
          disabled={false}
          onBlur={[Function]}
          onClick={[Function]}
          onFocus={[Function]}
          onMouseOut={[Function]}
          onMouseOver={[Function]}
          onTouchEnd={[Function]}
          type="button"
        >
          Change
        </button>
      </div>
    </div>
    <div
      className="Box-root HorizontalGutter-root coral coral-myEmail HorizontalGutter-full"
      data-testid="profile-changeEmail"
    >
      <div
        className="ChangeEmailContainer-footer coral coral-changeMyEmail-footer"
      >
        <div
          className="ChangeEmailContainer-title coral coral-myEmail-title"
        >
          Email address
        </div>
        <div
          className="Box-root Flex-root Flex-flex"
        >
          <div
            className="ChangeEmailContainer-currentEmail coral coral-myEmail-currentEmail"
          />
          <span>
             
          </span>
          <div
            className="ChangeEmailContainer-currentEmail coral coral-myEmail-currentEmail"
          >
            (Unverified)
          </div>
        </div>
      </div>
      <div
        className="ChangeEmailContainer-verifyContainer coral coral-verifyEmail-container"
      >
        <div
          className="CallOut-root CallOut-mono CallOut-leftBorder coral coral-verifyEmail"
        >
          <div
            className="CallOut-container"
          >
            <div
              className="CallOut-content"
            >
              <div
                className="CallOut-body"
              >
                <div
                  className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
                >
                  <div>
                    <i
                      aria-hidden="true"
                      className="Icon-root Icon-lg"
                    >
                      email
                    </i>
                  </div>
                  <div>
                    <div
                      className="ChangeEmailContainer-verifyContent coral coral-verifyEmail-content"
                    >
                      <div
                        className="ChangeEmailContainer-verifyTitle coral coral-verifyEmail-title"
                      >
                        <div>
                          Verify your email address
                        </div>
                      </div>
                      <div>
                        An email has been sent to {$email} to verify your account.
You must verify your new email address before it can be used
to sign in to your account or to receive notifications.
                      </div>
                    </div>
                    <button
                      className="BaseButton-root Button-base Button-flat Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-colorPrimary ChangeEmailContainer-resendButton coral coral-verifyEmail-resendButton"
                      data-variant="flat"
                      disabled={false}
                      onBlur={[Function]}
                      onClick={[Function]}
                      onFocus={[Function]}
                      onMouseOut={[Function]}
                      onMouseOver={[Function]}
                      onTouchEnd={[Function]}
                      type="button"
                    >
                      Resend verification
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        className="ChangeEmailContainer-changeButton"
      >
        <button
          className="BaseButton-root Button-base Button-flat Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-colorPrimary coral coral-myEmail-editButton"
          data-variant="flat"
          disabled={false}
          onBlur={[Function]}
          onClick={[Function]}
          onFocus={[Function]}
          onMouseOut={[Function]}
          onMouseOver={[Function]}
          onTouchEnd={[Function]}
          type="button"
        >
          Change
        </button>
      </div>
    </div>
    <div
      className="coral coral-myPassword"
      data-testid="profile-account-changePassword"
    >
      <div
        className="ChangePassword-title coral coral-myPassword-title"
      >
        Password
      </div>
      <button
        className="BaseButton-root Button-base Button-flat Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-colorPrimary ChangePassword-changeButton coral coral-myPassword-editButton"
        data-variant="flat"
        disabled={false}
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOut={[Function]}
        onMouseOver={[Function]}
        onTouchEnd={[Function]}
        type="button"
      >
        Change
      </button>
    </div>
    <div
      className="DeleteAccountContainer-root coral coral-deleteMyAccount"
    >
      <div
        data-testid="profile-account-deleteAccount"
      >
        <div
          className="DeleteAccountContainer-content coral coral-deleteMyAccount-content"
        >
          <div
            className="DeleteAccountContainer-title coral coral-deleteMyAccount-title"
          >
            Delete my account
          </div>
          <div
            className="DeleteAccountContainer-section coral coral-deleteMyAccount-section"
          >
            Deleting your account will permanently erase your profile and remove
all your comments from this site.
          </div>
        </div>
        <button
          className="BaseButton-root Button-base Button-filled Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-paddingSizeSmall Button-colorError Button-upperCase DeleteAccountContainer-requestButton coral coral-deleteMyAccount-requestButton"
          data-testid="deleteAccount-request"
          data-variant="filled"
          disabled={false}
          onBlur={[Function]}
          onClick={[Function]}
          onFocus={[Function]}
          onMouseOut={[Function]}
          onMouseOver={[Function]}
          onTouchEnd={[Function]}
          type="button"
        >
          Request
        </button>
      </div>
    </div>
  </div>
</div>
`;