🐥

【フロントエンド】ポケモン図鑑のテストをVitestで書いてみた

2025/02/01に公開

概要

以下の本で作成したポケモン図鑑のテストコード(フロントエンド)をVitestで書いてみたという報告記事になります。
※テストコードの解説などは記載しておりませんが、時間があれば後日追記するかもしれません。

前提

フロントエンドのテストが全く分からないという方が本記事を読む際は、以下の前提を踏まえて参考程度に読んでいただければと思います

本記事の対象者

  • フロントエンドのテストコードをはじめて書く方(サンプルが欲しい方)
  • ポケモン図鑑作成の記事をみて、テストコードが気になっていた方
  • フロントエンドのテストに詳しく、おかしな点を指摘してくださる方

主な使用技術

  • Vue.js
  • Vite
  • Vitest
  • TypeScript
  • Vuetify

テストコード

Discussion