Fixes warnings in StatelessTags.test.vue.

client/src/components/TagsMultiselect/StatelessTags.test.js

@@ -1,7 +1,6 @@
 import { mount } from "@vue/test-utils";
 import { useToast } from "composables/toast";
-import { getLocalVue } from "tests/jest/helpers";
-import { computed } from "vue";
+import { getLocalVue, suppressBootstrapVueWarnings } from "tests/jest/helpers";
 
 import { normalizeTag, useUserTagsStore } from "@/stores/userTagsStore";
 
@@ -19,10 +18,12 @@ const mountWithProps = (props) => {
     });
 };
 
+suppressBootstrapVueWarnings();
+
 jest.mock("@/stores/userTagsStore");
 const onNewTagSeenMock = jest.fn((tag) => tag);
 useUserTagsStore.mockReturnValue({
-    userTags: computed(() => autocompleteTags),
+    userTags: autocompleteTags,
     onNewTagSeen: onNewTagSeenMock,
     onTagUsed: jest.fn(),
     onMultipleNewTagsSeen: jest.fn(),

client/src/components/TagsMultiselect/StatelessTags.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { BButton } from "bootstrap-vue";
-import { storeToRefs } from "pinia";
 import { computed, onMounted, ref } from "vue";
 
 import { useToast } from "@/composables/toast";
@@ -36,7 +35,6 @@ const emit = defineEmits<{
 }>();
 
 const userTagsStore = useUserTagsStore();
-const { userTags } = storeToRefs(userTagsStore);
 const { warning } = useToast();
 
 onMounted(() => {
@@ -110,7 +108,7 @@ function onTagClicked(tag: string) {
             </div>
 
             <HeadlessMultiselect
-                :options="userTags"
+                :options="userTagsStore.userTags"
                 :selected="props.value"
                 :placeholder="props.placeholder"
                 :validator="isValid"

client/tests/jest/helpers.js

@@ -277,3 +277,13 @@ export function injectTestRouter(localVue) {
 export function suppressDebugConsole() {
     jest.spyOn(console, "debug").mockImplementation(jest.fn());
 }
+
+export function suppressBootstrapVueWarnings() {
+    jest.spyOn(console, "warn").mockImplementation(
+        jest.fn((msg) => {
+            if (msg.indexOf("BootstrapVue warn") < 0) {
+                console.warn(msg);
+            }
+        })
+    );
+}