Added comments

src/components/CommunityComponents/CommunityHome.vue

 <template>
   <section class="relative w-full max-w-md px-5 py-4 mx-auto rounded-md">
+
+    <!-- Community name header -->
     <div class="mb-5 mt-5 border-b-2 border-blue-900">
       <label class="text-xl font-bold">{{ community.name }}</label>
     </div>
+
+    <!-- Search field -->
     <div class="relative" id="searchComponent">
       <span class="absolute inset-y-0 left-0 flex items-center pl-3">
         <svg class="w-5 h-5 text-gray-400" viewBox="0 0 24 24" fill="none">
@@ -25,6 +29,7 @@
       />
     </div>
 
+    <!-- Item cards -->
     <div class="absolute inset-x-0 px-6 py-3 mt-4">
       <div class="grid grid-cols-2">
         <ItemCard v-for="item in searchedItems" :key="item" :item="item" />
@@ -76,7 +81,6 @@ export default {
     getCommunityFromAPI: async function (){
       this.communityID = await this.$router.currentRoute.value.params.communityID;
       this.community = await GetCommunity(this.communityID);
-      console.log("community: " + this.community.name);
     },
     getListingsOfCommunityFromAPI: async function(){
       this.communityID = await this.$router.currentRoute.value.params.communityID;

tests/unit/apiutil-communityHome-mock.spec.js

@@ -54,5 +54,5 @@ describe("testing mocking of apiutil.js", () => {
 
         const communityItemResponse = await GetListingsInCommunity(4040);
         expect(communityItemResponse).toBe(expectedResponse);
-    });
+    })
 });