From f15111278ba5b349fdcb8757f6b2eb2596ee4fcf Mon Sep 17 00:00:00 2001
From: Zara Mudassar <zara.1310@hotmail.com>
Date: Tue, 26 Apr 2022 13:08:00 +0200
Subject: [PATCH] Tests for search item list
---
src/components/SearchItemListComponent.vue | 1 +
tests/unit/search-item-list.spec.js | 15 +++++++++++++++
2 files changed, 16 insertions(+)
create mode 100644 tests/unit/search-item-list.spec.js
diff --git a/src/components/SearchItemListComponent.vue b/src/components/SearchItemListComponent.vue
index 0bbfe2b..0bcf0b6 100644
--- a/src/components/SearchItemListComponent.vue
+++ b/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"
diff --git a/tests/unit/search-item-list.spec.js b/tests/unit/search-item-list.spec.js
new file mode 100644
index 0000000..6a01bbb
--- /dev/null
+++ b/tests/unit/search-item-list.spec.js
@@ -0,0 +1,15 @@
+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");
+
+ });
+});
--
GitLab