2018-06-23に更新

Angular2のテスト時エラー備忘録

Angularでng testを行った時に色々とエラーが出るが、
検索するとだいたい決まりきったわけのわからない解決方法があり、
何度も調べたりすることになるのでメモっておくことにする。

随時更新。

ngModel

ngModelでエラーの場合はFormsModuleをimports。(app.module.ts参照)

No provider for Overlay!

import {OVERLAY_PROVIDERS} from "@angular/material";
providers: [OVERLAY_PROVIDERS],

Error: Error in ./MyComponent class MyComponent - inline template:5:8 caused by: Cannot read property 'subscribe' of undefined

template:5:8は見てみるとa routerLinkのところ。下記のRouterLinkStubDirectiveをdeclarationsに追加すればいい。

https://angular.io/docs/ts/latest/guide/testing.html#!#router-link-stub

もしrouterLinkを動作させるためにRouterTestingModule, RouterModuleやアプリケーションのルーティングモジュールなどをimportsしている場合は外す。

モック

本番と同じ動作をさせられない場合はモックを使う。

Angular2でコンポーネントのユニットテストを書いてみた - アルファブレンド プログラミングチップス

ツイッターでシェア
みんなに共有、忘れないようにメモ

だら@Crieit開発者

Crieitの開発者です。 Webエンジニアです(在宅)。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, React, Flutter, Vue.js, Node, RoR 趣味:Elixir, Phoenix, Nuxt, Express, GCP, AWS等色々 PHPフレームワークちいたんの作者

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント