Question 1

Qu'est-ce que Vitest ?

Accepted Answer

Vitest est un framework de test unitaire moderne conçu spécifiquement pour les projets Vite. Il offre une compatibilité native avec les modules ESM, le support TypeScript intégré et une exécution ultra-rapide grâce à son intégration profonde avec Vite. Vitest propose une API compatible avec Jest, ce qui facilite la migration des projets existants tout en bénéficiant de performances supérieures.

Question 2

Quel est le rôle de Vue Test Utils ?

Accepted Answer

Vue Test Utils est la bibliothèque officielle de test pour Vue.js qui fournit des utilitaires pour monter et interagir avec les composants Vue dans un environnement de test. Elle expose des méthodes comme mount et shallowMount pour rendre les composants, ainsi que des APIs pour simuler les interactions utilisateur, vérifier les props, capturer les événements émis et inspecter le DOM rendu. Cette bibliothèque est essentielle pour tester les composants Vue de manière isolée.

Question 3

Quelle est la différence principale entre mount et shallowMount ?

Accepted Answer

mount rend le composant complet avec tous ses composants enfants récursivement, créant une arborescence complète du DOM. shallowMount ne rend que le composant de premier niveau en remplaçant automatiquement tous les composants enfants par des stubs vides. Utiliser shallowMount pour les tests unitaires stricts où l'isolation est primordiale et mount pour les tests d'intégration où les interactions entre composants parent-enfant doivent être vérifiées.

Testing Vue

Qu'est-ce que Vitest ?

Réponse

Quel est le rôle de Vue Test Utils ?

Réponse

Quelle est la différence principale entre mount et shallowMount ?

Réponse

Comment configurer Vitest dans un projet Vue/Nuxt ?

Quelle méthode du wrapper permet de rechercher un élément par son sélecteur CSS ?

Autres sujets d'entretien Vue.js / Nuxt.js

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de Vue

Composants Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Réactivité Vue

Fondamentaux Nuxt

Data Fetching Nuxt

SSR & SSG Nuxt

Server Routes Nuxt

Modules Nuxt

Composables Vue

Formulaires & Validation Vue

Gestion d'état Nuxt

Déploiement Nuxt & CI/CD

Performance Vue

Patterns avancés Vue

TypeScript avec Vue

Authentification Nuxt

SEO avec Nuxt

Internationalisation Nuxt

Architecture Vue

Sécurité Nuxt

Écosystème Vue

Migration Vue 2→3 & Nuxt 2→3

Maîtrise Vue.js / Nuxt.js pour ton prochain entretien