フリーランス チャレンジ!!

フリーランス チャレンジ!!

現役フリーランスエンジニアが書く雑記ブログ

【Angular】KarmaではなくJestを使う

スポンサーリンク

スポンサーリンク

Angularプロジェクトをng newで作成するとデフォルトはKarmaです。

 

でもJest使いたいなーと思って調べて一番手っ取り早くできる方法がわかったので忘れない(将来の自分の)ために、記事にします。

 

 

Qiitaの参考記事

下記の記事を参考にしましたが、やらなくても良さそうなこともありました。

※本当にやらなくて良いかは確認してないけど、多分不要な手順がありそう。

qiita.com

 

環境(Angularバージョン)

ng newで作成した私の環境は以下の通り

Angular バージョン

Angular12

rxjs 6.3.3

Typescript 3.9.9

 

最短でJest使う

ちゃんと確認してないけど、下記のコマンドだけで大丈夫なはず。

gist8a9c0ab0a89fba6c78f0818d2f5faba7

 

gistc497dd6c375aedf97fe5b37e31896d35

 

 

あとはnpm run testでjestでtestが動くはず!!

 

Qiitaの記事を参考に、全てのコマンドを実行した結果です↓↓↓

Change test from karma to jest · ksakae1216/angular-testing-library@1148c9d · GitHub