TL;DR npm i -D jest @types/jest jest-preset-angular rm karma.conf.js src/test.ts touch jest.config.js src/setup-jest.ts jest-preset-angular プリセットを jest.config.js から読み込む require('jest-preset-angular/ngcc-jest-processor'); module.exports = { preset: 'jest-preset-angular', setupFilesAfterEnv: ['<rootDir>/src/setup-jest.ts'], };
否定形も使えて、その場合はnot.MatcherとすればOKです。 expect(xxx).not.ToEqual(yyy)サービスやパイプのテストは簡単ですが、コンポーネントのテストが大変です。 デフォルトで用意されているapp.component.spec.tsファイルを見るとよくわかると思います。 beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [ AppComponent // ここにテストコンポーネントを追加する ], }).compileComponents(); }));beforeEachメソッドでTestBed.configureTestingModuleメソッドでテストコンポーネントを定義します。 TestBed.createComponentメソッド このメソッドでコンポー
この記事は Angular #2 Advent Calendar 2019 10日目の記事です Angular 9なかなかこないですね!みなさまのAngularのアップデート状況はいかがなものでしょうか。 いざアップデートしたはいいものの、ブラウザ上で正常に動作するか手作業で確認するのはなかなかツライものがあります。 また、E2Eで自動化してみたいけど何から手をつけたらいいか分からなかったり、昔からの製品なのでIEでも動作するか確認したい・・・ など色々困っていることはありませんでしょうか? この記事では、マルチブラウザで動作し (Chrome、Firefox、Edge、IE11など) Angularで困ったときのナレッジが割と見つかりやすく Angular CLIでプロジェクトを作成した際に標準でインストールされている Protractor を使って はじめてE2Eを書くための方法を紹介
この記事は Angular Advent Calendar 2018 の 18日目の記事です。 今回は最近NgRxの新機能として追加されたMockStoreについて書きたいと思います。 NgRxの基本的な使い方については14日目でkiita312さんが書かれていますので、ぜひそちらをご参考ください。 Ngrxをこれから始める人への入門ガイド MockStoreとは MockStoreとは、Storeを使ったComponentでのテストを簡単に行えるようにする為のモジュールです。 10月末にmasterにマージされ、v7.0.0でリリース予定となりました。 まだドキュメントが作成されておらずngrx.ioにも記載がないのですが、機能自体はstableとなっています。 非常に便利なので、v7(beta)を使用している方はこの記事を参考にぜひ使い始めてみてください。 残念ながらv7は現在(201
はじめてのAngular4 (I・O BOOKS) 作者: 清水美樹出版社/メーカー: 工学社発売日: 2017/05/01メディア: 単行本この商品を含むブログを見る Angular v4.3 で新たに追加された HttpClient というモジュールを使ってみた。 これは既存の Http モジュールとは別モノで提供されていて、JSON のパースを勝手にやってくれたり、レスポンスの型指定ができたりと便利なようなので、ちょっとだけ使ってみた。 Angular v4.3 プロジェクトを用意する 前提環境は Angular CLI で作れる Angular アプリの雛形相当。これに Angular v4.3 のモジュール群をインストールする。 Angular は毎週パッチバージョンが上がるので、執筆時点では v4.3.2 になっている。npm outdated でバージョンを確認し、npm u
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く