resetPassword.spec.tsx.snap

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

exports[`renders form 1`] = `
<div
  data-testid="main-layout"
>
  <div
    className="MainLayout-bar"
  />
  <div
    className="MainLayout-centered"
  >
    <main
      className="ResetRoute-container"
    >
      <div
        className="ResetRoute-root"
      >
        <div>
          <form
            autoComplete="off"
            onSubmit={[Function]}
          >
            <div>
              <div>
                <div
                  className="Reset-title"
                >
                  Reset your password
                </div>
                <div
                  className="Reset-description"
                >
                  Please enter a new password to use to sign in to your account.
Make sure it is unique and be sure to keep it secure.
                </div>
              </div>
              <div>
                <div
                  className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-spacing-2"
                >
                  <label
                    className="Reset-label"
                    htmlFor="password"
                  >
                    Password
                  </label>
                  <div
                    className="Reset-labelDescription"
                  >
                    Must be at least 8 characters
                  </div>
                  <div
                    className="PasswordField-fullWidth PasswordField-root"
                  >
                    <div
                      className="PasswordField-wrapper"
                    >
                      <input
                        autoCapitalize="off"
                        autoComplete="new-password"
                        autoCorrect="off"
                        className="PasswordField-colorRegular PasswordField-fullWidth PasswordField-input"
                        data-testid="password-field"
                        disabled={false}
                        id="password"
                        name="password"
                        onBlur={[Function]}
                        onChange={[Function]}
                        onFocus={[Function]}
                        placeholder="Password"
                        spellCheck={false}
                        type="password"
                        value=""
                      />
                      <div
                        className="PasswordField-icon"
                        onClick={[Function]}
                        onKeyUp={[Function]}
                        role="button"
                        tabIndex={0}
                        title="Hide password"
                      >
                        <i
                          aria-hidden="true"
                          className="Icon-root Icon-sm"
                        >
                          visibility
                        </i>
                      </div>
                    </div>
                  </div>
                </div>
                <button
                  className="BaseButton-root Button-base Button-filled Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-paddingSizeMedium Button-colorPrimary Button-upperCase Button-fullWidth Reset-submit"
                  data-variant="filled"
                  disabled={false}
                  onBlur={[Function]}
                  onFocus={[Function]}
                  onMouseOut={[Function]}
                  onMouseOver={[Function]}
                  onTouchEnd={[Function]}
                  type="submit"
                >
                  Reset Password
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </main>
  </div>
</div>
`;

exports[`renders missing reset token 1`] = `
<div
  data-testid="main-layout"
>
  <div
    className="MainLayout-bar"
  />
  <div
    className="MainLayout-centered"
  >
    <main
      className="ResetRoute-container"
    >
      <div
        className="ResetRoute-root"
      >
        <div>
          <div
            className="Reset-title"
          >
            Oops Sorry!
          </div>
          <div
            className="CallOut-root CallOut-error CallOut-leftBorder"
          >
            <div
              className="CallOut-container"
            >
              <div
                className="CallOut-content"
              >
                <div
                  className="CallOut-title CallOut-titleSemiBold"
                >
                  <span
                    data-testid="invalid-link"
                  >
                    The specified link is invalid, check to see if it was copied correctly.
                  </span>
                </div>
                <div
                  className="CallOut-body"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
  </div>
</div>
`;