Zenn
柿柿
¥0今すぐ読む
Vitestを使ってコンポーネントテストをしたい

Vitestを使ってコンポーネントテストをしたい

柿
柿
無料で読める本

Vitestを使ったコンポーネントテストのサンプルコードを紹介する

Chapters
Chapter 01

1. 自己紹介

Chapter 02

1-1. テストコードとは

Chapter 03

1-2. テストコードの実装観点

Chapter 04

1-3. テストコード実装における頻出メソッド

Chapter 05

2. 環境構築

Chapter 06

2-1. Nuxt環境をセットアップする

Chapter 07

2-2. ESLintとPrettierを追加する

Chapter 08

2-3. Vitestを追加する

Chapter 09

2-4. Piniaを追加する

Chapter 10

3. テスト用のヘルパー関数を追加する

Chapter 11

4. コンポーネントのレンダリングテストをしよう

Chapter 12

5. 親コンポーネントから受け取ったPropsの値を確認するテストをしよう

Chapter 13

6. 子コンポーネントのテストをしよう

Chapter 14

7. slotのテストをしよう

Chapter 15

8. emitのテストをしよう

Chapter 16

9. 関数のイベントテストをしよう

Chapter 17

10. Storeに依存したコンポーネントのテストをしよう

Chapter 18

11. トップレベルでawaitを使用しているコンポーネントのテストをしよう

Chapter 19

終わりに

Community
読者コミュニティ|Vitestを使ってコンポーネントテストをしたい
Author
柿
柿

フロントエンドエンジニア3年生 Vue/Nuxt, React/Remix

Topics
Nuxt
TypeScript
Vue.js
初心者
Vitest
¥0今すぐ読む
公開
2025/04/28
文章量
約63,875字
価格
0円
ポスト
Zenn

エンジニアのための
情報共有コミュニティ

About

  • Zennについて
  • 運営会社
  • お知らせ・リリース
  • イベント

Guides

  • 使い方
  • 法人向けメニューNew
  • Publication / Pro
  • よくある質問

Links

  • X(Twitter)
  • GitHub
  • メディアキット

Legal

  • 利用規約
  • プライバシーポリシー
  • 特商法表記