e.. t la pièce jointe !

Author: plecrx

src/pages/home-page.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CounterCard from '@/components/counter-card.component.vue'
+import CounterCard from '@/components/counter-card.vue'
 </script>
 
 <template>

src/router/index.ts

@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomePage from '~/pages/HomePage.vue'
+import HomePage from '@/pages/home-page.vue'
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),

tests/components/counter-card.spec.ts

@@ -1,11 +1,11 @@
 import { describe, it, expect } from 'vitest'
 
 import { shallowMount } from '@vue/test-utils'
-import CounterCard from '../../src/components/counter-card.component.vue'
+import CounterCard from '../../src/components/counter-card.vue'
 import { createPinia, setActivePinia } from 'pinia'
 
-describe('CounterCard', () => {
-    it('renders properly', () => {
+describe('Counter card', () => {
+    it('should render properly', () => {
         setActivePinia(createPinia())
         const wrapper = shallowMount(CounterCard, { props: { msg: 'Hello VueJS' } })
 

tests/pages/home.page.spec.ts

@@ -0,0 +1,16 @@
+import { describe, it, expect } from 'vitest'
+
+import { shallowMount } from '@vue/test-utils'
+import { createPinia, setActivePinia } from 'pinia'
+import HomePage from '../../src/pages/home-page.vue'
+import CounterCard from '../../src/components/counter-card.vue'
+
+describe('Home page', () => {
+    it('should display a counter card', () => {
+        setActivePinia(createPinia())
+        const wrapper = shallowMount(HomePage)
+        const counterCard = wrapper.findComponent(CounterCard)
+
+        expect(counterCard.exists()).toBe(true)
+    })
+})