0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Angular14にJestを入れてみた

Posted at

AngularのデフォルトテストフレームワークはKarma+Jasmineとなっていますが、
流行りのJestを使いたいと思ったのでセットアップしてみました。

環境

Angular14

調査から

Jestを導入したいと思ってangular jestと調べると自分でインストールやら設定ファイルやらで少々面倒。
eslintみたく、いい感じのschematicないの?と思って調べたらありました。
briebug/jest-schematicというものが!
早速導入してみた!

インストールしてみた

インストールは至ってシンプル

ng add @briebug/jest-schematic

以上でインストールが完了!

とりあえず、テストが実行してみる

npx jest

動きました。
なお、テストはデフォルトのもののみ…

Test Suites: 5 passed, 5 total
Tests:       6 passed, 6 total
Snapshots:   0 total
Time:        20.278 s
Ran all test suites.

課題点

開発者的には何も考えないでng testと何も考えずに実行したいですが、実行すると…

● Test suite failed to run

    Cannot set base providers because it has already been called

    > 1 | import 'jest-preset-angular/setup-jest';

こんなエラーが出力されます。
どこの設定なのだろうか…引き続き調査して、解決したら更新します…

ご指摘等ありましたら、気軽にしてください…

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?