fix frontend tests

Author: Antoine de Chevigné

src/components/OpBatchDetail.vue

@@ -1,7 +1,7 @@
 <template>
     <v-container fluid>
         <h2 class="text-h6 font-weight-medium">
-            Batch <span class="text-grey-darken-1">#{{ batchIndex }}</span>
+            Batch <span class="text-grey-darken-1">#{{ props.batchIndex }}</span>
         </h2>
         <v-divider class="my-4"></v-divider>
 

tests/unit/components/OpBatchDetail.spec.js

@@ -1,5 +1,18 @@
 import OpBatchDetail from '@/components/OpBatchDetail.vue';
 
+vi.mock('vue-router', () => ({
+    useRouter: vi.fn(() => ({
+        afterEach: vi.fn(),
+        currentRoute: {
+            value: {
+                fullPath: '/batch/100',
+                split: vi.fn(() => ['/batch/100'])
+            }
+        }
+    }))
+}));
+
+
 describe('OpBatchDetail.vue', () => {
     it('Should call getOpBatchDetail on mount', async () => {
         vi.spyOn(server, 'getOpBatchDetail')
@@ -13,7 +26,8 @@ describe('OpBatchDetail.vue', () => {
                 batchIndex: '100'
             },
             global: {
-                stubs: ['Hash-Link', 'router-link', 'HashLink']
+                stubs: ['Hash-Link', 'router-link', 'HashLink'],
+                provide: { $router: router }
             }
         });