fcad-core-dragon 2.1.1 → 2.2.0-beta.1

package/{src/components/tests__ → tests/unit}/useTimer.spec.js

@@ -1,91 +1,91 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-import { Timer } from '../../composables/useTimer'
-
-// vitest vi utility ref: https://vitest.dev/api/vi.html
-// vi fakeTimers ref: https://vitest.dev/api/vi.html#vi-usefaketimers
-
-describe('Timer class', () => {
-  let timer
-
-  beforeEach(() => {
-    Timer.timers.clear() // Clear existing timers before each test
-    timer = new Timer()
-    vi.useFakeTimers() // Enable fake timers before each test
-  })
-
-  afterEach(() => {
-    timer.destroy() // destroy created timer after each test
-    vi.useRealTimers() // Restore real timers after each test
-  })
-
-  it('should create a Timer instance with a unique ID', () => {
-    const timer2 = new Timer() //create a second instance
-    expect(timer2.getTimerID()).not.toBe(timer.getTimerID())
-    expect(Timer.timers.size).toBe(2) // Two timers should be registered
-  })
-
-  it('should return a timer instance by it ID', () => {
-    const timer2 = new Timer('timer22') //create a second instance with custom ID
-    expect(timer.getTimer('timer22')).toBeInstanceOf(Timer)
-  })
-
-  it('should throw error when a timer instance doesn`t exist', () => {
-    const id = 'noExistingTimer'
-    expect(() => timer.getTimer(id)).toThrowError(
-      `Timer with ID ${id} does not exist.`
-    )
-  })
-
-  it('should initialize timer at 0 seconds', () => {
-    expect(timer.getTime()).toBe(0)
-  })
-
-  it('should start the timer and increment time every second', () => {
-    timer.start()
-    expect(timer.getTimerState()).toBe('started')
-
-    vi.advanceTimersByTime(5000) // Fast-forward 3 seconds
-    expect(timer.getTime()).toBe(5) // Should be approximately 5 seconds
-  })
-
-  it('should display time in correct format when converting to ISOformats', () => {
-    timer.start()
-    expect(timer.getTimerState()).toBe('started')
-
-    vi.advanceTimersByTime(65000) // Fast-forward 3 seconds
-
-    const fullISOFormat = '1970-01-01T00:01:05.000Z'
-    const isoTimeStr = '00:01:05'
-
-    expect(timer.getTime()).toBe(65) // Should be approximately 1 min 5 seconds (00:01:05)
-    expect(timer.formatToISOString(timer.getTime())).toBe(fullISOFormat)
-    expect(timer.ISOTimeParser(timer.getTime())).toBe(isoTimeStr)
-  })
-
-  it('should pause the timer', () => {
-    timer.start()
-    vi.advanceTimersByTime(2000)
-    timer.pause()
-    const current = timer.getTime()
-
-    // Advance time but timer should stay paused
-    vi.advanceTimersByTime(3000)
-    expect(timer.getTime()).toBe(current) // about 2 seconds
-    expect(timer.ISOTimeParser(timer.getTime())).toBe('00:00:02')
-  })
-
-  it('should reset the timer to 0 when timer stops', () => {
-    timer.start()
-    vi.advanceTimersByTime(4000)
-    timer.stop()
-    expect(timer.getTime()).toBe(0)
-    expect(timer.getTimerState()).toBe('stopped')
-  })
-
-  it('should destroy timer', () => {
-    const id = timer.getTimerID()
-    timer.destroy()
-    expect(Timer.timers.get(id)).toBeUndefined()
-    expect(Timer.timers.size).toBe(0)
-  })
-})
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { Timer } from '../../src/composables/useTimer.js'
+
+// vitest vi utility ref: https://vitest.dev/api/vi.html
+// vi fakeTimers ref: https://vitest.dev/api/vi.html#vi-usefaketimers
+
+describe('Timer class', () => {
+  let timer
+
+  beforeEach(() => {
+    Timer.timers.clear() // Clear existing timers before each test
+    timer = new Timer()
+    vi.useFakeTimers() // Enable fake timers before each test
+  })
+
+  afterEach(() => {
+    timer.destroy() // destroy created timer after each test
+    vi.useRealTimers() // Restore real timers after each test
+  })
+
+  it('should create a Timer instance with a unique ID', () => {
+    const timer2 = new Timer() //create a second instance
+    expect(timer2.getTimerID()).not.toBe(timer.getTimerID())
+    expect(Timer.timers.size).toBe(2) // Two timers should be registered
+  })
+
+  it('should return a timer instance by it ID', () => {
+    const timer2 = new Timer('timer22') //create a second instance with custom ID
+    expect(timer.getTimer('timer22')).toBeInstanceOf(Timer)
+  })
+
+  it('should throw error when a timer instance doesn`t exist', () => {
+    const id = 'noExistingTimer'
+    expect(() => timer.getTimer(id)).toThrowError(
+      `Timer with ID ${id} does not exist.`
+    )
+  })
+
+  it('should initialize timer at 0 seconds', () => {
+    expect(timer.getTime()).toBe(0)
+  })
+
+  it('should start the timer and increment time every second', () => {
+    timer.start()
+    expect(timer.getTimerState()).toBe('started')
+
+    vi.advanceTimersByTime(5000) // Fast-forward 3 seconds
+    expect(timer.getTime()).toBe(5) // Should be approximately 5 seconds
+  })
+
+  it('should display time in correct format when converting to ISOformats', () => {
+    timer.start()
+    expect(timer.getTimerState()).toBe('started')
+
+    vi.advanceTimersByTime(65000) // Fast-forward 3 seconds
+
+    const fullISOFormat = '1970-01-01T00:01:05.000Z'
+    const isoTimeStr = '00:01:05'
+
+    expect(timer.getTime()).toBe(65) // Should be approximately 1 min 5 seconds (00:01:05)
+    expect(timer.formatToISOString(timer.getTime())).toBe(fullISOFormat)
+    expect(timer.ISOTimeParser(timer.getTime())).toBe(isoTimeStr)
+  })
+
+  it('should pause the timer', () => {
+    timer.start()
+    vi.advanceTimersByTime(2000)
+    timer.pause()
+    const current = timer.getTime()
+
+    // Advance time but timer should stay paused
+    vi.advanceTimersByTime(3000)
+    expect(timer.getTime()).toBe(current) // about 2 seconds
+    expect(timer.ISOTimeParser(timer.getTime())).toBe('00:00:02')
+  })
+
+  it('should reset the timer to 0 when timer stops', () => {
+    timer.start()
+    vi.advanceTimersByTime(4000)
+    timer.stop()
+    expect(timer.getTime()).toBe(0)
+    expect(timer.getTimerState()).toBe('stopped')
+  })
+
+  it('should destroy timer', () => {
+    const id = timer.getTimerID()
+    timer.destroy()
+    expect(Timer.timers.get(id)).toBeUndefined()
+    expect(Timer.timers.size).toBe(0)
+  })
+})

package/vitest.config.js

@@ -1,19 +1,42 @@
-/**
- * @vitest-environment jsdom
- */
-import { fileURLToPath, URL } from 'node:url'
-import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
-import vue from '@vitejs/plugin-vue'
-import viteConfig from './vitest.config'
-
-export default mergeConfig(
-  viteConfig,
-  defineConfig({
-    test: {
-      environment: 'jsdom',
-      exclude: [...configDefaults.exclude, 'e2e/**'],
-      root: fileURLToPath(new URL('./', import.meta.url))
-    },
-    plugins: [vue()]
-  })
-)
+/**
+ * @vitest-environment happy-dom
+ */
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig, configDefaults } from 'vitest/config'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern'
+      }
+    }
+  },
+  test: {
+    setupFiles: ['vitest.setup.js'],
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+    server: {
+      deps: {
+        inline: ['vuetify']
+      }
+    },
+    environment: 'happy-dom',
+    exclude: [...configDefaults.exclude, 'tests/component/**', '**/_*.spec.js'],
+    root: fileURLToPath(new URL('./', import.meta.url)),
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'cobertura'],
+      reportsDirectory: './coverage',
+      include: ['src/**/*.{js,vue}'],
+      exclude: ['tests/**/*'],
+      lines: 0, // test must cover at least 80% of lines
+      branches: 0, // test must cover at least 80% of branches (if, else, switch, case...)
+      functions: 0, // test must cover at least 80% of functions
+      statements: 0 // test must cover at least 80% of statements/instructions
+    }
+  },
+  plugins: [vue()]
+})

package/vitest.setup.js

@@ -0,0 +1,96 @@
+//Mock Vuetify, vue-i18n and event bus
+import { vi } from 'vitest'
+import { config } from '@vue/test-utils'
+import { createI18n } from 'vue-i18n'
+import { createVuetify } from 'vuetify'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+import * as frMessages from './src/$locales/fr.json'
+import * as enMessages from './src/$locales/en.json'
+import bus from './src/plugins/bus'
+
+//create vuetify instance
+const vuetify = createVuetify({
+  components,
+  directives
+})
+
+//load messages from core
+const i18n = createI18n({
+  legacy: false,
+  locale: 'fr',
+  messages: {
+    fr: frMessages,
+    en: enMessages
+  }
+})
+
+// Suppress console warnings and errors during tests
+vi.spyOn(console, 'warn').mockImplementation(() => {})
+vi.spyOn(console, 'error').mockImplementation(() => {})
+
+// Global mock of Router
+// =========================================
+vi.mock('@/router/index.js', () => ({
+  default: {
+    push: vi.fn(),
+    back: vi.fn(),
+    currentRoute: { value: { meta: {}, params: {}, query: {} } }
+  }
+}))
+
+// Global mock of Pinia store
+// =========================================
+vi.mock('@/module/stores/appStore', () => ({
+  useAppStore: () => ({
+    getAppConfigs: {
+      lang: 'fr'
+    },
+
+    getCurrentBrowser: 'Chrome',
+
+    getCurrentPage: {
+      id: 'P01',
+      activityRef: 'A03'
+    },
+
+    updateCurrentMediaElements: vi.fn(() => Promise.resolve()),
+    getPageInteraction: {},
+    getUserInteraction: {}
+  })
+}))
+
+// Global mock of validators
+// =========================================
+vi.mock('@/shared/validators.js', () => ({
+  validateObjType: vi.fn(() => true),
+  validateString: vi.fn(() => true),
+  validateNumber: vi.fn(() => true),
+  validateVideoData: vi.fn(() => []),
+  validateAudioData: vi.fn(() => [])
+}))
+
+//setup as global plugins used by all tests
+config.global.plugins = [i18n, vuetify, bus]
+
+// Global mock of components
+config.global.stubs = {
+  AppBaseErrorDisplay: true,
+  AppBaseSkeleton: true,
+  AppBaseButton: true,
+  AppCompPlayBarNext: true
+}
+
+config.global.mocks = {
+  $route: {
+    meta: {
+      activity_ref: 'A03',
+      id: 'P01'
+    }
+  },
+  $bus: {
+    $on: vi.fn(),
+    $emit: vi.fn(),
+    $off: vi.fn()
+  }
+}

package/src/components/AppBaseButton.test.js

@@ -1,21 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import AppBaseButton from './AppBaseButton.vue'
-
-const defaultProps = { isDisabled: false, type: 'button' }
-
-describe('AppBaseButton Tests', () => {
-  it('should render', () => {
-    const wrapper = mount(AppBaseButton, {
-      props: defaultProps
-    })
-    expect(wrapper.find('button').exists()).toBeTruthy()
-  })
-  it('should fire click event', async () => {
-    const wrapper = mount(AppBaseButton, {
-      props: defaultProps
-    })
-    wrapper.find('button').trigger('click')
-    expect(wrapper.emitted()).toHaveProperty('click')
-  })
-})