feat(feedback_store): update components/tests

BREAKING CHANGE: Changes components names

Author: JulienChampagnol

components/Errors/Banner.vue renamed to components/FeedBack/ErrorBanner.vue

@@ -2,13 +2,13 @@
   <v-snackbar
     v-for="(feedback, index) in feedback_store.feedbacks"
     :key="feedback"
+    v-model="show"
     :style="{ 'margin-bottom': calc_margin(index) }"
     :color="feedback.type"
     location="bottom right"
     transition="slide-x-reverse-transition"
-    width="200px"
+    max-width="200px"
     height="20px"
-    z-index="99999"
   >
     <v-row dense class="flex-nowrap">
       <v-col cols="auto">
@@ -61,6 +61,7 @@
 
 <script setup>
   const feedback_store = use_feedback_store()
+  const show = true
 
   function calc_margin(index) {
     return index * 60 + 8 + "px"

components/Errors/Snackers.vue renamed to components/FeedBack/Snackers.vue

@@ -6,16 +6,16 @@ import { createVuetify } from "vuetify"
 import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
 
-import ErrorsBanner from "@/components/Errors/Banner.vue"
+import FeedBackErrorBanner from "@/components/FeedBack/ErrorBanner.vue"
 
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-describe("ErrorsBanner.vue", async () => {
+describe("FeedBackErrorBanner.vue", async () => {
   test(`Test reload`, async () => {
-    const wrapper = mount(ErrorsBanner, {
+    const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [vuetify],
       },
@@ -30,7 +30,7 @@ describe("ErrorsBanner.vue", async () => {
     expect(reload_spy).toHaveBeenCalledTimes(1)
   }),
     test(`Test delete error`, async () => {
-      const wrapper = mount(ErrorsBanner, {
+      const wrapper = mount(FeedBackErrorBanner, {
         global: {
           plugins: [vuetify],
         },

test/components/Errors/ErrorsBanner.nuxt.test.js renamed to test/components/FeedBack/ErrorsBanner.nuxt.test.js

@@ -6,24 +6,24 @@ import { createVuetify } from "vuetify"
 import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
 
-import ErrorsSnackers from "@/components/Errors/Snackers.vue"
+import FeedBackSnackers from "@/components/FeedBack/Snackers.vue"
 
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-describe("ErrorsSnackers.vue", async () => {
+describe("FeedBackSnackers.vue", async () => {
   test(`Test delete error`, async () => {
     const wrapper = mount(
       {
-        template: "<v-layout><ErrorsSnackers/></v-layout>",
+        template: "<v-layout><FeedBackSnackers/></v-layout>",
       },
       {
         props: {},
         global: {
           components: {
-            ErrorsSnackers,
+            FeedBackSnackers,
           },
           plugins: [vuetify],
         },