RegisterUserComponent.spec.js.snap

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

exports[`RegisterFormComponent renders correctly 1`] = `
<div
  data-v-app=""
>
  
  <section
    class="max-w-4xl p-6 mx-auto bg-white rounded-md shadow-md dark:bg-gray-800"
  >
    <h2
      class="text-lg font-semibold text-gray-700 capitalize dark:text-white"
    >
       Opprett ny bruker 
    </h2>
    <form>
      <div
        class="grid grid-cols-1 gap-6 mt-4 sm:grid-cols-2"
      >
        <div>
          <label
            class="text-gray-700 dark:text-gray-200"
            for="email"
          >
            E-mail
          </label>
          <input
            class="block w-full px-4 py-2 mt-2 text-gray-700 bg-white border border-gray-200 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
            id="email"
            type="email"
          />
        </div>
        <div>
          <label
            class="text-gray-700 dark:text-gray-200"
            for="password"
          >
            Passord
          </label>
          <input
            class="block w-full px-4 py-2 mt-2 text-gray-700 bg-white border border-gray-200 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
            id="password"
            type="password"
          />
        </div>
        <div>
          <label
            class="text-gray-700 dark:text-gray-200"
            for="confirmPassword"
          >
            Bekreft Passord
          </label>
          <input
            class="block w-full px-4 py-2 mt-2 text-gray-700 bg-white border border-gray-200 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
            id="confirmPassword"
            type="password"
          />
        </div>
        <div>
          <label
            class="text-gray-700 dark:text-gray-200"
            for="firstName"
          >
            Fornavn
          </label>
          <input
            class="block w-full px-4 py-2 mt-2 text-gray-700 bg-white border border-gray-200 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
            data-test="firstNameTest"
            id="firstName"
            type="text"
          />
        </div>
        <div>
          <label
            class="text-gray-700 dark:text-gray-200"
            for="lastName"
          >
            Etternavn
          </label>
          <input
            class="block w-full px-4 py-2 mt-2 text-gray-700 bg-white border border-gray-200 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
            id="lastName"
            type="text"
          />
        </div>
        <div>
          <label
            class="text-gray-700 dark:text-gray-200"
            for="address"
          >
            Addresse
          </label>
          <input
            class="block w-full px-4 py-2 mt-2 text-gray-700 bg-white border border-gray-200 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
            id="address"
            type="text"
          />
        </div>
      </div>
      <div
        class="flex justify-end mt-6"
      >
        <button
          class="px-6 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded-md hover:bg-gray-600 focus:outline-none focus:bg-gray-600"
          type="submit"
        >
          <div>
            Lagre
          </div>
        </button>
      </div>
    </form>
  </section>
  <ul
    data-test="errorMessageList"
  >
    <!--v-if-->
    
    
  </ul>
  
</div>
`;