テストフレームワークの導入

[shunya9811]

issue

テストの導入 #69

概要

Vitest +React Testing Library の導入

変えたこと・実装内容

Vitest +React Testing Library を導入し、TypeScriptのために型を導入 package.jsonにCLIを設定

• npm run test : テストの実行　
• npm run coverage : テストカバレッジ確認

確認したこと

サンプルコードを書いて、npm run testでテストを動かしてみた。 testSampleディレクトリ以下は、後々削除する予定

npm run coverage\

参考

Vitest React Testing Library https://qiita.com/hiroXXI/items/2e31eab406f363a8c470 https://zenn.dev/longbridge/articles/9d9ec773cb3814 https://qiita.com/b-yuko/items/f1041b2f820a49c8db46

[shunya9811]

import 文を省略できるようにしたい

.test.ファイルにある

import { expect, test } from 'vitest'

等を省略しようと思ったが、 vite.〇〇.config.ts、現状テストできるので、一旦進めることにする