flutter_kaigi_mini_4.pdf

Transcript

1. Widgetbookに Golden Testが来た！
2. 自己紹介 u 氏名：信田 浩希（のぶた ひろき） u 出身：大阪 u 趣味：音楽, ラジオ, 自作キーボード u GitHub：nobu74658 u Flutterが大好きな現役大学生です！
3. 地産地消・予約販売 ECサービス
4. Widgetbookとは u 主な特徴 u 実装済みのWidgetの一覧を視覚的に把握できる u デザイナーや他の開発者にWidgetのデザインを共有しやすい u エラー、読み込み中などの表示をテストしやすい u サンプルプロジェクト：https://demo.widgetbook.io/
5. Golden Testとは u 期待する出力を画像として保存 u テスト時に期待する出力との差分を検出
6. Widgetbook と Golden Test の住み分け u Widgetbook → 人間用 u Widgetが実装済みか確認 u 途中で参加したエンジニアやデザイナーと共有 u Golden Test → 機械用 u CI u AI Agentの出力確認 → コードを再利用して実装コストを減らしたい
7. 公式：Widgetbook × Golden Test u Widgetbook4: https://docs.widgetbook.io/next/sam u まだ開発初期段階 u WidgetごとにWidgetbook側とGolden Test側のコードを書く Widgetbook Golden Test
8. 問題点 u Widgetbook側で生成されたファイルを毎回Golden Test側で呼び出し → 結局あんまりコード量が減ってない u 引数を持つWidgetはGolden Test側でエラーになる → 修正はされるはずだけど、現状では使い物にならない
9. 自作：Widgetbook × Golden Test u Golden Test側でWidgetbookの生成ファイルを読み込む u WidgetごとにWidgetbook側のコードのみ書けば良い u 制限 WidgetbookのKnobsを使用すると テスト側がエラーになる Widgetbook Golden Test
10. Widgetbookに Golden Testが来た..？