Tests for search item list

src/components/SearchItemListComponent.vue

@@ -15,6 +15,7 @@
 
       <input
         type="text"
+        id="searchInput"
         class="w-full py-3 pl-10 pr-4 text-gray-700 bg-white border rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-500 dark:focus:border-blue-500 focus:outline-none focus:ring"
         placeholder="Search"
         v-model="search"

tests/unit/search-item-list.spec.js

+import { shallowMount } from "@vue/test-utils";
+import SearchItemListComponent from "@/components/SearchItemListComponent.vue";
+
+describe("CreateNewGroup elements rendering", () => {
+
+    it("Tests setting values of input field", async() => {
+
+        const wrapper = shallowMount(SearchItemListComponent);
+
+        const searchInput = wrapper.find('#searchInput');
+        await searchInput.setValue("Dyson");
+        expect(searchInput.element.value).toBe("Dyson");
+
+    });
+});