Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
flutter_kaigi_mini_4.pdf
Search
Hiroki Nobuta
April 26, 2025
Programming
0
220
flutter_kaigi_mini_4.pdf
Hiroki Nobuta
April 26, 2025
Tweet
Share
Other Decks in Programming
See All in Programming
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
480
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
410
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
150
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
Ruby Parser progress report 2025
yui_knk
1
460
Android端末で実現するオンデバイスLLM 2025
masayukisuda
1
170
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
130
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
770
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
120
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
7
2.5k
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
Featured
See All Featured
Code Review Best Practice
trishagee
71
19k
Embracing the Ebb and Flow
colly
87
4.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The Cult of Friendly URLs
andyhume
79
6.6k
What's in a price? How to price your products and services
michaelherold
246
12k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Scaling GitHub
holman
463
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
The Language of Interfaces
destraynor
161
25k
Transcript
Widgetbookに Golden Testが来た!
自己紹介 u 氏名:信田 浩希(のぶた ひろき) u 出身:大阪 u 趣味:音楽, ラジオ,
自作キーボード u GitHub:nobu74658 u Flutterが大好きな現役大学生です!
地産地消・予約販売 ECサービス
Widgetbookとは u 主な特徴 u 実装済みのWidgetの一覧を視覚的に把握できる u デザイナーや他の開発者にWidgetのデザインを共有しやすい u エラー、読み込み中などの表示をテストしやすい u
サンプルプロジェクト:https://demo.widgetbook.io/
Golden Testとは u 期待する出力を画像として保存 u テスト時に期待する出力との差分を検出
Widgetbook と Golden Test の住み分け u Widgetbook → 人間用 u
Widgetが実装済みか確認 u 途中で参加したエンジニアやデザイナーと共有 u Golden Test → 機械用 u CI u AI Agentの出力確認 → コードを再利用して実装コストを減らしたい
公式:Widgetbook × Golden Test u Widgetbook4: https://docs.widgetbook.io/next/sam u まだ開発初期段階 u
WidgetごとにWidgetbook側とGolden Test側のコードを書く Widgetbook Golden Test
問題点 u Widgetbook側で生成されたファイルを毎回Golden Test側で呼び出し → 結局あんまりコード量が減ってない u 引数を持つWidgetはGolden Test側でエラーになる →
修正はされるはずだけど、現状では使い物にならない
自作:Widgetbook × Golden Test u Golden Test側でWidgetbookの生成ファイルを読み込む u WidgetごとにWidgetbook側のコードのみ書けば良い u
制限 WidgetbookのKnobsを使用すると テスト側がエラーになる Widgetbook Golden Test
Widgetbookに Golden Testが来た..?