diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap
index 1170cf219609946018e813d174625b145adf19e4..6389c542acb08f641164d126f05565082d3b9cc4 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap
@@ -4,7 +4,7 @@ exports[`CommunityHeader component renders correctly 1`] = `
<div
data-v-app=""
>
-
+
<!-- Community header contains the community's name and address, a join button if
the user is not in the community and community hamburger menu if the user is
in the community -->
@@ -14,10 +14,10 @@ exports[`CommunityHeader component renders correctly 1`] = `
>
<!-- A warning asking user is it is sure it wants to leave the community when leave community
from hamburger menu is clicked -->
-
+
<!-- Main modal -->
<!--v-if-->
-
+
<!-- The load spinner will show while community and it's members are being loaded from the db -->
<div
class="flex place-content-center mx-4"
@@ -42,6 +42,6 @@ exports[`CommunityHeader component renders correctly 1`] = `
</div>
</div>
</div>
-
+
</div>
`;
diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap
index a385829acb32b11671e1d9788b5b401b95c4d892..fc8d4f6d97bfaa6bc5e459e517c0a2cd8b490e1e 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap
@@ -1,110 +1,117 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`CommunityList component renders correctly 1`] = `
-<ul>
+<div
+ data-v-app=""
+>
- <li>
- <div
- class="border-black"
- >
-
- <!-- Main modal -->
- <!--v-if-->
-
+ <!-- A list conatining all the communities -->
+ <ul>
+
+ <li>
<div
- class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-2"
+ class="border-black"
>
+
+ <!-- Main modal -->
+ <!--v-if-->
+
<div
- class="h-3 w-14 flex flex-col justify-center items-center ml-2 mt-4 mb-4 mr-2"
- >
- <img
- alt="Fellsekaps bilde"
- class="rounded-md"
- src="string"
- />
- </div>
- <div
- class="flex-1 pl-1 overflow-hidden"
+ class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-2"
>
<div
- class="font-medium text-gray-800 dark:text-white truncate"
+ class="h-3 w-14 flex flex-col justify-center items-center ml-2 mt-4 mb-4 mr-2"
>
- string
+ <img
+ alt="Fellsekaps bilde"
+ class="rounded-md"
+ src="string"
+ />
</div>
- </div>
- <div
- class="flex flex-row justify-center items-center"
- >
- <svg
- aria-hidden="true"
- class="max-h-6 max-w-6 shrink m-2"
- fill="none"
- stroke="currentColor"
- stroke-width="2"
- viewBox="0 0 24 24"
- xmlns="http://www.w3.org/2000/svg"
+ <div
+ class="flex-1 pl-1 overflow-hidden"
>
- <path
- d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
- stroke-linecap="round"
- stroke-linejoin="round"
- />
- </svg>
+ <div
+ class="font-medium text-gray-800 dark:text-white truncate"
+ >
+ string
+ </div>
+ </div>
+ <div
+ class="flex flex-row justify-center items-center"
+ >
+ <svg
+ aria-hidden="true"
+ class="max-h-6 max-w-6 shrink m-2"
+ fill="none"
+ stroke="currentColor"
+ stroke-width="2"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ />
+ </svg>
+ </div>
</div>
</div>
- </div>
- </li>
- <li>
- <div
- class="border-black"
- >
-
- <!-- Main modal -->
- <!--v-if-->
-
+ </li>
+ <li>
<div
- class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-2"
+ class="border-black"
>
+
+ <!-- Main modal -->
+ <!--v-if-->
+
<div
- class="h-3 w-14 flex flex-col justify-center items-center ml-2 mt-4 mb-4 mr-2"
- >
- <img
- alt="Fellsekaps bilde"
- class="rounded-md"
- src="string"
- />
- </div>
- <div
- class="flex-1 pl-1 overflow-hidden"
+ class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-2"
>
<div
- class="font-medium text-gray-800 dark:text-white truncate"
+ class="h-3 w-14 flex flex-col justify-center items-center ml-2 mt-4 mb-4 mr-2"
>
- string
+ <img
+ alt="Fellsekaps bilde"
+ class="rounded-md"
+ src="string"
+ />
</div>
- </div>
- <div
- class="flex flex-row justify-center items-center"
- >
- <svg
- aria-hidden="true"
- class="max-h-6 max-w-6 shrink m-2"
- fill="none"
- stroke="currentColor"
- stroke-width="2"
- viewBox="0 0 24 24"
- xmlns="http://www.w3.org/2000/svg"
+ <div
+ class="flex-1 pl-1 overflow-hidden"
>
- <path
- d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
- stroke-linecap="round"
- stroke-linejoin="round"
- />
- </svg>
+ <div
+ class="font-medium text-gray-800 dark:text-white truncate"
+ >
+ string
+ </div>
+ </div>
+ <div
+ class="flex flex-row justify-center items-center"
+ >
+ <svg
+ aria-hidden="true"
+ class="max-h-6 max-w-6 shrink m-2"
+ fill="none"
+ stroke="currentColor"
+ stroke-width="2"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ />
+ </svg>
+ </div>
</div>
</div>
- </div>
- </li>
+ </li>
+
+ </ul>
-</ul>
+</div>
`;
diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
index 83c59184e09f451bb1334d6e3c47254818595145..e44c8fc5aa31e9ace1a4f5430d4b37cd0265bd48 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
@@ -4,7 +4,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
<div
data-v-app=""
>
-
+
<!-- A form for creating a new community -->
<div
class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full p-4"
@@ -13,7 +13,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
<div
class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-10"
>
- Opprett ny gruppe
+ Opprett ny gruppe
</div>
<!-- Radio boxes -->
<div
@@ -40,7 +40,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
for="flexRadioOpen"
id="radioBoxOpenLabel"
>
- Ã…pen
+ Ã…pen
</label>
</div>
<div
@@ -58,7 +58,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
for="flexRadioPrivate"
id="radioBoxPrivateLabel"
>
- Privat
+ Privat
</label>
</div>
</div>
@@ -79,8 +79,8 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
type="text"
/>
<!-- error message for title-->
-
-
+
+
</div>
<!-- Place -->
<div
@@ -98,8 +98,8 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
type="text"
/>
<!-- error message for place-->
-
-
+
+
</div>
<!-- Description -->
<div
@@ -118,8 +118,8 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
rows="4"
/>
<!-- error message for description -->
-
-
+
+
</div>
<!-- Images -->
<div
@@ -129,7 +129,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
id="imageLabel"
>
- Bilde (bildet må være .png)
+ Bilde (bildet må være .png)
</label>
<input
accept="image/png"
@@ -145,12 +145,12 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
<button
class="text-black bg-gray-200 hover:bg-grey-800 focus:ring-4 focus:outline-none focus:ring-grey-300 font-medium rounded-lg text-sm sm:w-auto px-5 py-2.5 text-center dark:bg-grey-600 dark:hover:bg-grey-700 dark:focus:ring-grey-800 disabled:opacity-50"
>
- Velg bilde
+ Velg bilde
</button>
</div>
<!-- Div box for showing all chosen images -->
-
-
+
+
</div>
<!-- Save item button -->
<div
@@ -163,6 +163,6 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
/>
</div>
</div>
-
+
</div>
`;