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
190
flutter_kaigi_mini_4.pdf
Hiroki Nobuta
April 26, 2025
Tweet
Share
Other Decks in Programming
See All in Programming
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.4k
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
120
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
210
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
130
PicoRuby on Rails
makicamel
2
110
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
XP, Testing and ninja testing
m_seki
3
220
Create a website using Spatial Web
akkeylab
0
310
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
270
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
540
Benchmark
sysong
0
280
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Testing 201, or: Great Expectations
jmmastey
42
7.6k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
KATA
mclloyd
30
14k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
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が来た..?