Reactプロジェクトの作成

  1. いつも通りにcreate-react-appでプロジェクトを作成する

    <aside> 🌿 create-react-appの場合、JestとReact Testing Libraryはデフォルトでインストール済みなので、改めてnpm iする必要ないよ!

    </aside>

  2. npm startで開発サーバーが無事に立つか確認

  3. 無事に立てば完了!

テストコードが走るかの確認

  1. 一旦control + cで開発サーバーを閉じ、今度はnpm testを叩く

  2. 以下のような表示が出る

    aキーを押すと全てのテストが走るので、一旦aキーを押す

    スクリーンショット 2023-05-15 17.21.42.png

  3. src > app.test.js内のテストコードが走り、無事にパスすると以下のような表示になる

    スクリーンショット 2023-05-15 17.25.48.png

  4. 辞めたい場合はcontrol + cでOK

  5. 完了!