From 1ceb0f1eb184de8cd9ac810446bed56ca259adba Mon Sep 17 00:00:00 2001 From: Erik Borgeteien Hansen <erik@erikbhan.no> Date: Mon, 25 Apr 2022 16:05:14 +0200 Subject: [PATCH] comparison snapshot --- .../RegisterUserComponent.spec.js.snap | 123 ++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 tests/unit/__snapshots__/RegisterUserComponent.spec.js.snap diff --git a/tests/unit/__snapshots__/RegisterUserComponent.spec.js.snap b/tests/unit/__snapshots__/RegisterUserComponent.spec.js.snap new file mode 100644 index 0000000..f1a63d0 --- /dev/null +++ b/tests/unit/__snapshots__/RegisterUserComponent.spec.js.snap @@ -0,0 +1,123 @@ +// 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> +`; -- GitLab