comparison snapshot

tests/unit/__snapshots__/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>
+`;