zgow

実践テンプレート側で、コンポーネントのメソッドを呼び出していきます。まずは、以下のようにaddメソッドをコンポーネントで作成します。import { Component } from '@angular/core';@Com...

概要ng new で作ったときに、デフォルトで入っているテストのコード「app.component.spec.ts」を解読しながら、テストの基礎的な書き方を覚えていきます。デフォルトプロジェクトのテストコードソースコードを丸ごと持ってきたの...

実践テスト対象ソース以下の単純なスナックバーを表示しているコンポーネントに対してテストする。 スナックバーをMatSnackBarで表示テストソーステストケースはit関数内で、スナックバーのメッセージが一致しているかでテストしています。im...

実践app.component.tsMatSnackBarのopen関数で、スナックを表示させることができます。引数にdurationを設定すると、表示する時間を設定できます。import { Component } from '@...

作るものボタンクリックにより、ダイアログを表示させるコンポーネントを作成ダイアログコンポーネントにパラメータを送るダイアログコンポーネントから、パラメータを受け取る実践ダイアログを呼び出す側のソースMadDialogのopen関数で、ダイア...