Question 1

Vitest とは何ですか？

Accepted Answer

Vitest は Vite プロジェクト向けに特別に設計されたモダンなユニットテストフレームワークです。ESM モジュールのネイティブ互換性、組み込みの TypeScript サポート、そして Vite との深い統合による超高速な実行を提供します。Vitest は Jest 互換の API を備えており、優れたパフォーマンスを享受しながら既存プロジェクトの移行を容易にします。

Question 2

Vue Test Utils の役割は何ですか？

Accepted Answer

Vue Test Utils は Vue.js の公式テストライブラリで、テスト環境で Vue コンポーネントをマウントしたり操作したりするためのユーティリティを提供します。コンポーネントをレンダリングする mount や shallowMount といったメソッド、さらにユーザー操作のシミュレート、props の検証、emit されたイベントの捕捉、レンダリングされた DOM の検査を行う API を公開しています。このライブラリは Vue コンポーネントを分離してテストするために不可欠です。

Question 3

mount と shallowMount の主な違いは何ですか？

Accepted Answer

mount はすべての子コンポーネントを再帰的に含めてコンポーネント全体をレンダリングし、完全な DOM ツリーを作成します。shallowMount はすべての子コンポーネントを自動的に空のスタブに置き換え、トップレベルのコンポーネントのみをレンダリングします。分離が最優先される厳密なユニットテストには shallowMount を、親子コンポーネント間の相互作用を検証する必要がある統合テストには mount を使用します。

Vue のテスト

Vitest とは何ですか？

回答

Vue Test Utils の役割は何ですか？

回答

mount と shallowMount の主な違いは何ですか？

回答

Vue/Nuxt プロジェクトで Vitest を設定するにはどうすればよいですか？

wrapper のどのメソッドで CSS セレクターによって要素を検索できますか？

その他のVue.js / Nuxt.js面接トピック

JavaScript の基礎

モダンな JavaScript (ES6+)

Vue の基礎

Vue コンポーネント

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue のリアクティビティ

Nuxt の基礎

Nuxt のデータフェッチング

Nuxt の SSR と SSG

Nuxt サーバールート

Nuxt モジュール

Vue のコンポーザブル

Vue フォームとバリデーション

Nuxt の状態管理

Nuxt のデプロイと CI/CD

Vue のパフォーマンス

Vue の高度なパターン

VueでのTypeScript

Nuxt認証

Nuxt での SEO

Nuxt の国際化

Vue アーキテクチャ

Nuxt セキュリティ

Vue エコシステム

Vue 2→3 & Nuxt 2→3 の移行

次の面接に向けてVue.js / Nuxt.jsをマスター