Please wait… Oh, It Didn't Work!
summary
Button starts showing please wait by using a task from Ember Concurrency so the generator can be cancelled and the loading flag is derived automatically. Tests use Mirage plus RSVP defer to avoid races and a fetch-override helper to simulate network failures; removing await from click and waiting for disabled cuts flakiness. Errors become HTTPError instances, network errors are filtered, and only actionable faults go to Sentry, reducing noisy reports.
AI-written summary · about
chapters (6)
- 0:00Introduction
- 1:22Loading states in components
- 4:50Testing loading states
- 9:04Error handling and notifications
- 12:35Error reporting in production
- 17:10Summary
related talks
26mComposable Concurrency Tasks
25mWhat's the hardest thing TIMING! about async?
28mThe Next Generation of Testing
32mSnappy Means Happy: Performance in Ember Apps
22mUsing Ember to Make the Seemingly Impossible Easy
24mNew to Ember: What ARE All These Things?
22mUsing Ember to Make the Seemingly Impossible Easy
26mAmbitious UX for Ambitious Apps