FEAT: test API explore

components/list.spec.ts

@@ -0,0 +1,35 @@
+import { describe, it, expect } from 'vitest'
+
+const response = await fetch('http://localhost:7777/api/explore')
+const data = await response.json()
+
+describe('test API explore', () => {
+  it('should query correctly films', async () => {
+    expect(response.status).toBe(200)
+    expect(response.ok).toBe(true)
+  })
+  it('should get 20 films', async () => {
+    expect(data.results.length).toBe(20)
+  })
+  it('should have correct data structure', async () => {
+    // Vérification de la structure exacte
+    expect(data.results[0]).toEqual(
+      expect.objectContaining({
+        adult: expect.any(Boolean),
+        backdrop_path: expect.any(String),
+        genre_ids: expect.any(Array),
+        id: expect.any(Number),
+        original_language: expect.any(String),
+        original_title: expect.any(String),
+        overview: expect.any(String),
+        popularity: expect.any(Number),
+        poster_path: expect.any(String),
+        release_date: expect.any(String),
+        title: expect.any(String),
+        video: expect.any(Boolean),
+        vote_average: expect.any(Number),
+        vote_count: expect.any(Number)
+      })
+    )
+  })
+})

nuxt.config.ts

@@ -2,11 +2,7 @@
 export default defineNuxtConfig({
   devtools: { enabled: true },
   css: ['~/assets/css/main.css'],
-  modules: [
-    '@pinia/nuxt',
-    '@vueuse/nuxt',
-    '@nuxt/test-utils/module',
-  ],
+  modules: ['@vueuse/nuxt', '@nuxt/test-utils/module', '@pinia/nuxt'],
   postcss: {
     plugins: {
       tailwindcss: {},
@@ -31,4 +27,4 @@ export default defineNuxtConfig({
     strict: true
   },
   compatibilityDate: '2024-10-06',
-})
+})

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --host",
-    "test": "nuxt test",
+    "test": "vitest",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare"
@@ -14,6 +14,7 @@
     "@pinia/nuxt": "^0.5.5",
     "axios": "^1.7.7",
     "nuxt": "^3.12.3",
+    "pinia": "^2.2.4",
     "unhead": "^1.9.15",
     "vue": "^3.4.31",
     "vue-router": "^4.4.0"
@@ -21,12 +22,14 @@
   "devDependencies": {
     "@nuxt/test-utils": "^3.14.3",
     "@playwright/test": "^1.48.0",
+    "@vue/test-utils": "^2.4.6",
     "@vueuse/core": "^11.1.0",
     "@vueuse/nuxt": "^11.1.0",
     "autoprefixer": "^10.4.19",
+    "happy-dom": "^15.7.4",
     "postcss": "^8.4.39",
     "sass": "^1.77.6",
     "tailwindcss": "^3.4.4",
     "vitest": "^2.1.2"
   }
-}
+}

vitest.config.ts

@@ -0,0 +1,19 @@
+// vitest.config.ts
+import { fileURLToPath } from 'node:url'
+import { defineVitestConfig } from '@nuxt/test-utils/config'
+
+export default defineVitestConfig({
+  test: {
+    environment: 'nuxt',
+    // you can optionally set Nuxt-specific environment options
+    // environmentOptions: {
+    //   nuxt: {
+    //     rootDir: fileURLToPath(new URL('./playground', import.meta.url)),
+    //     domEnvironment: 'happy-dom', // 'happy-dom' (default) or 'jsdom'
+    //     overrides: {
+    //       // other Nuxt config you want to pass
+    //     }
+    //   }
+    // }
+  }
+})