From 5f10280669725db02d955f8be2eee2584bbbb9fe Mon Sep 17 00:00:00 2001
From: prakhyatox <prakhyat.gailani@eng.ox.ac.uk>
Date: Mon, 9 Dec 2024 17:30:47 +0000
Subject: [PATCH] replace @update event with @click in AddOnFilters.vue and
 updated test case

---
 src/components/Others/AddOnFilters.vue            | 3 ++-
 tests/unit/components/Others/AddOnFilters.spec.js | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Others/AddOnFilters.vue b/src/components/Others/AddOnFilters.vue
index 2bc4a6ba..211e6d67 100644
--- a/src/components/Others/AddOnFilters.vue
+++ b/src/components/Others/AddOnFilters.vue
@@ -29,7 +29,8 @@
             :value="field.value"
             color="primary"
             :label="field.label"
-            @update:model-value="checkCheckbox()"
+            data-testid="checkCheckbox"
+            @click="checkCheckbox($event)"
           >
             <template #prepend>
               <Tooltip
diff --git a/tests/unit/components/Others/AddOnFilters.spec.js b/tests/unit/components/Others/AddOnFilters.spec.js
index 259f0f57..69919282 100644
--- a/tests/unit/components/Others/AddOnFilters.spec.js
+++ b/tests/unit/components/Others/AddOnFilters.spec.js
@@ -107,6 +107,8 @@ describe("AddOnFilters.vue", function(){
   });
 
   it("can check checkCheckbox method", async() => {
+    const checkCheckbox = wrapper.get("[data-testid='checkCheckbox']");
+    checkCheckbox.trigger('click');
     await wrapper.vm.checkCheckbox()
     expect(wrapper.vm.loading).toBe(false);
   });