wip

src/tests/unit/views/HomeView.spec.js

@@ -0,0 +1,34 @@
+import { it, describe, expect, vi } from 'vitest'
+import { flushPromises, shallowMount } from '@vue/test-utils'
+import HomeView from '../../../views/HomeView.vue'
+import { createI18n } from 'vue-i18n'
+import fr from '../../../locales/fr.json'
+import { createRouter, createWebHistory } from 'vue-router'
+
+const i18n = createI18n({
+  locale: 'fr',
+  fallbackLocale: 'fr',
+  globalInjection: true,
+  legacy: false,
+  messages: {
+    fr
+  }
+})
+const router = createRouter({
+  history: createWebHistory(),
+  routes: []
+})
+
+describe('Template', () => {
+  it('should render the view without pictures', async () => {
+    const wrapper = shallowMount(HomeView, {
+      global: {
+        plugins: [i18n, router],
+        mocks: {
+          $t: (msg) => msg
+        }
+      }
+    })
+    console.log(wrapper.html())
+  })
+})

src/tests/unit/views/MySequence.spec.js

@@ -0,0 +1,68 @@
+import { it, describe, expect, vi } from 'vitest'
+import { flushPromises, shallowMount } from '@vue/test-utils'
+import MySequenceView from '../../../views/MySequenceView.vue'
+import axios from 'axios'
+import { createI18n } from 'vue-i18n'
+import fr from '../../../locales/fr.json'
+import { createRouter, createWebHistory } from 'vue-router'
+import { fetchMapAndViewer } from '../../../utils/mapAndViewer'
+
+vi.mock('../../../utils/mapAndViewer', () => ({
+  fetchMapAndViewer: vi
+    .fn()
+    .mockResolvedValue(/* mock the return value of fetchMapAndViewer */)
+}))
+vi.mock('../../../utils/dates', () => ({
+  formatDate: vi.fn()
+}))
+vi.mock('axios')
+vi.mock('geovisio', () => ({
+  __esModule: true,
+  default: vi.fn().mockImplementation((container, apiUrl, params) => {
+    return {
+      container: '#viewer',
+      _map: {
+        once: (event, callback) => callback(),
+        resize: vi.fn(),
+        start: vi.fn(),
+        stop: vi.fn()
+      },
+      psv: {
+        // Mock the methods or properties of the `psv` object
+        // ...
+      },
+      setWide: vi.fn()
+    }
+  })
+}))
+const i18n = createI18n({
+  locale: 'fr',
+  fallbackLocale: 'fr',
+  globalInjection: true,
+  legacy: false,
+  messages: {
+    fr
+  }
+})
+const router = createRouter({
+  history: createWebHistory(),
+  routes: []
+})
+
+describe('Template', () => {
+  it('should render the view without pictures', async () => {
+    const wrapper = shallowMount(MySequenceView, {
+      global: {
+        plugins: [i18n, router],
+        mocks: {
+          $t: (msg) => msg
+        }
+      }
+    })
+    await flushPromises()
+    await wrapper.vm.$nextTick()
+
+    console.log(wrapper)
+    expect(fetchMapAndViewer).toHaveBeenCalled()
+  })
+})

src/views/MySequenceView.vue

@@ -240,6 +240,7 @@ onMounted(async () => {
     userPhotos.value = collectionItems
     if (collectionItemsReady[0]) {
       viewer.value = await fetchMapAndViewer(collectionItemsReady[0].id)
+      console.log(viewer.value.container)
       return scrollIntoSelected(collectionItemsReady[0].id)
     }
     viewer.value = await fetchMapAndViewer()
@@ -247,6 +248,7 @@ onMounted(async () => {
     console.log(err)
   }
 })
+
 function fullImagesToDelete(): ResponseUserPhotoInterface[] {
   return userPhotos.value.filter((el) => imagesToDelete.value.includes(el.id))
 }