Latest posts tagged with #Widgetbook on Bluesky
#Flutter UI testing tip:
Utilize the #Widgetbook UseCase annotation's *designLink* property and easily access the original #Figma design while reviewing UI changes and detecting UI regressions in your Widgetbook Cloud pull requests 🧪👇🏻
Salto Systems cut UI development time by 50% by integrating #Widgetbook into their #Flutter workflow 🚀
✅They now catch regressions early
✅Test components in isolation
✅Streamline reviews across teams
Learn how they did it in our latest case study 👇🏻
medium.com/widgetbook/5...
I've requested a new feature in #Widgetbook to allow a custom header, and it just landed thanks to community contribution 👏
github.com/widgetbook/w...
Complex #Flutter screens with state dependencies become harder to test in isolation, and that's why they *should* be tested! 🧪
Control input data & interactively test all states of your complex UI by mocking dependencies in your isolated #Widgetbook use cases 🚀👇🏻
#Flutter UI testing tip:
✅ You manually test your widgets in many devices in your #Widgetbook using the #ViewportAddon
🚀 Take it further: use the #ViewportAddonConfig and let Widgetbook Cloud automate screenshot testing across all those devices on all your PRs 🧪👇🏻
#Flutter animation tip:
Test your complex animations in isolation from the rest of the UI by configuring #Widgetbook UseCases for them 🧪
Take it a step further and debug each frame by hooking up a slider knob to the animation controller value 👇🏻
Ever gotten too confident about a #Flutter UI you built, pushed to production, then discovered that it breaks with longer text? 🚧 😢
Prevent this early in the development process by using a string knob in your dedicated #Widgetbook UI testing environment 🚀👇🏻
#FlutterDev
You're now ready to add your first use-case! 🚀
Simply add a file in your #Widgetbook app and create a callback that returns your widget, and annotate it with a #UseCase annotation
3/5
Next, add your app as a path dependency to your #Widgetbook workspace to be able to import widgets from it
2/5
Start by creating a #Flutter app that acts as your dedicated UI testing workspace and uses the #Widgetbook open source Flutter packages
1/5
Using the #Widgetbook to build a collection of #Flutter animations with curve visualizer.
