コース: Blazor 基本講座

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

ユニットテストを実行する

ユニットテストを実行する

Blazor WebAssembly アプリケーションは コンポーネントの部分も Unit テストを行うことができます。 画面は Microsoft の公式ドキュメント、 ASP.NET Core Blazor の コンポーネントをテストする というページを表示した状態です。 このページに書かれている bUnit というツールを使うことで、 コンポーネントも単体テストを 行うことができます。 コンポーネント以外の部分は 通常のその他アプリケーション同様に Unit テストフレームワークを使って テストすることができます。 bUnit のページを表示しました。 トップページから Go to the Documentation リンクを クリックすることで 簡単なチュートリアルを 行うことができます。 画面は Visual Studio で bUnit を導入して 簡単なテストを記述した状態です。 ページは デフォルトテンプレートの Counter.razor という ボタンをクリックすると、 カウンターの値がひとつずつ増えていく ページを使っています。 まず Blazor WebAssembly プロジェクトがあります。 追加して xUnit の テストフレームワークを追加しました。 xUnit にはパッケージとして bunit が追加されています。 bunit を実行する方法は コマンドラインから操作を行い、 コマンドを打ち込みます。 打ち込むコマンドの詳細などは 先ほどのドキュメントの Creating a new bUnit test project という項目を参照してください。 こちらでは xUnit だけではなく NUnit や bUnit を導入する方法を 解説しています。 テストコードを確認していきましょう。 Fact 属性は xUnit の機能です。 そして実際にテストを行う メソッドが Test1 というメソッドです。 この中で TestContext という インスタンスを生成した後に RenderComponent で Counter.razor の コンポーネントを作成しています。 そして .Find というメソッドで ボタンを指定して .Click というメソッドで ボタンクリックを再現しています。 Counter.razor…

目次