FlutterアプリのテストでBuilderパターンを活用しよう

FlutterアプリのUnit TestやWidget TestでBuilderパターンを活用して、テストを書きやすくします。

発表内容の例として作成したコードのリポジトリです。
https://github.com/CAPHTECH/builder_pattern_app

Transcript

1. Flutter アプリのテストで Builder パターンを活用しよう りず / 和泉田 領一 / @rizumita 合同会社 CAPH TECH 株式会社ゆめみ テックリード
2. 概要 Flutter アプリのテストにおいて Builder パターンを活用することで、以下のようなメリット が得られます。 テストコードの可読性と保守性の向上 テストデータの構築を Builder クラスに委譲することで、テストコード本体がシン プルになる テストデータの変更や拡張が容易になる テストの再利用性の向上 共通のテストデータを Builder クラスで管理することで、複数のテストケースで再 利用できる テストの独立性の確保 Builder クラスを使用することで、各テストケースが独立したテストデータを使用で きる
3. Builder パターンとは Builder パターンは、複雑なオブジェクトの構築をシンプルにするためのデザインパターンで す。オブジェクトの構築を Builder クラスに委譲することで、以下のようなメリットが得られ ます。 オブジェクトの構築プロセスを隠蔽できる オブジェクトの構築手順を変更しやすい 同じ構築プロセスで異なる表現のオブジェクトを作成できる
4. Builder パターンの実装
5. 1. Builder クラスの定義 複雑なオブジェクトの構築に必要なメソッドを定義する 最終的に build() メソッドを呼び出すことで、構築されたオブジェクトを取得する
6. 2. Director クラスの定義（オプション） Builder クラスを使ってオブジェクトを構築するための手順を定義する 複数の Builder を受け取り、それぞれの Builder を使って異なる表現のオブジェクトを構 築できる
7. 3. クライアントコードでの使用 Builder クラスのインスタンスを生成する 必要なメソッドを呼び出してオブジェクトを構築する 最後に build() メソッドを呼び出して、構築されたオブジェクトを取得する
8. Unit Test での活用
9. ProviderContainer の override を Builder パターンで構築する 依存関係やテスト環境を構築する。 Riverpod を使った Flutter アプリの Unit Test では、 ProviderContainer の overrides を 設定することで、テスト用のデータやモックを注入する。 Builder パターンで ProviderContainer の override を構築することで、テストごとに必要 な override を柔軟に設定できる。
10. ProviderContainerBuilder クラスの定義
11. Widget Test での活用
12. ProviderContainer の override を Builder パターンで構築する + Widget を Builder パターンで構築する
13. Widget を Builder パターンで構築する テスト対象を生成する。 依存関係やテスト環境も同時に構築するする。
14. TestWidgetBuilder クラスの定義
15. サンプルコード https://github.com/CAPHTECH/builder_pattern_app
16. まとめ Builder パターンは複雑なオブジェクトの生成を簡潔にし、オブジェクトの構築プロセス を柔軟に管理できる。 依存などのテストの環境の生成を Builder パターンで行うことで、テストの柔軟性が増 す。 テスト対象の生成を Builder パターンで行うことで、テストコードの可読性と再利用性が 向上する。
17. ご静聴ありがとうございました。