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

exports[`Update profile - user settings creates snapshot 1`] = `
<DocumentFragment>
  <form
    autocomplete="on"
    class="w-100 needs-validation"
    data-testid="updateProfileForm"
    novalidate=""
  >
    <div
      class="form-group mb-4 undefined"
    >
      <div
        class="d-flex flex-column"
      >
        <label
          class="label"
          for="image"
        >
          <span
            class="font-weight-bold"
          >
            Profile image
          </span>
          <small
            class="ml-1 font-italic"
          >
            (Click on the image to update)
          </small>
        </label>
        <div
          class="position-relative"
        >
          <button
            class="btn p-0 overflow-hidden btn"
            data-testid="inputFileBtn"
            type="button"
          >
            <img
              alt="Logo"
              class="image"
              src="/image/123"
              srcset="/image/123@1x 1x, /image/123@2x 2x, /image/123@3x 3x, /image/123@4x 4x"
            />
          </button>
        </div>
      </div>
      <input
        class="d-none"
        data-testid="inputFile"
        id="image"
        name="image"
        type="file"
      />
    </div>
    <div
      class="form-group mb-4 position-relative undefined"
    >
      <label
        class="font-weight-bold label"
        for="email"
      >
        <span
          class="font-weight-bold"
        >
          Email
        </span>
      </label>
      <input
        class="form-control"
        data-testid="emailInput"
        name="email"
        readonly=""
        spellcheck="false"
        type="email"
        value="jsmith@email.com"
      />
      <div
        class="invalid-feedback mt-0 inputFeedback"
      />
    </div>
    <div
      class="form-group mb-4 position-relative undefined"
    >
      <label
        class="font-weight-bold label"
        for="alias"
      >
        <span
          class="font-weight-bold"
        >
          Username
        </span>
        <small
          class="ml-1 font-italic"
        >
          (Required)
        </small>
      </label>
      <input
        autocomplete="username"
        class="form-control"
        data-testid="aliasInput"
        name="alias"
        required=""
        spellcheck="false"
        type="text"
        value="userAlias"
      />
      <div
        class="invalid-feedback mt-0 inputFeedback"
      >
        This field is required
      </div>
    </div>
    <div
      class="form-group mb-4 position-relative undefined"
    >
      <label
        class="font-weight-bold label"
        for="firstName"
      >
        <span
          class="font-weight-bold"
        >
          First Name
        </span>
      </label>
      <input
        autocomplete="given-name"
        class="form-control"
        data-testid="firstNameInput"
        name="firstName"
        spellcheck="false"
        type="text"
        value="John"
      />
      <div
        class="invalid-feedback mt-0 inputFeedback"
      />
    </div>
    <div
      class="form-group mb-4 position-relative undefined"
    >
      <label
        class="font-weight-bold label"
        for="lastName"
      >
        <span
          class="font-weight-bold"
        >
          Last Name
        </span>
      </label>
      <input
        autocomplete="family-name"
        class="form-control"
        data-testid="lastNameInput"
        name="lastName"
        spellcheck="false"
        type="text"
        value="Smith"
      />
      <div
        class="invalid-feedback mt-0 inputFeedback"
      />
    </div>
    <div
      class="mt-4"
    >
      <button
        class="btn btn-secondary"
        data-testid="updateProfileBtn"
        type="button"
      >
        Update
      </button>
    </div>
  </form>
</DocumentFragment>
`;
