Context
Mobile transaction cards use SwipeCard with touch swipe gestures to reveal a delete action. Onboarding sliders and other touch interactions are untested at the gesture level — current tests only verify visibility, not touch interaction.
Scope
Add specs that simulate touch events:
- SwipeCard swipe-to-delete — dispatch touch start/move/end events on a transaction card at mobile viewport, verify delete action is revealed
- Onboarding slider drag — simulate touch drag on allocation sliders at mobile/tablet viewports
Challenges
Playwright's page.touchscreen API or custom dispatchEvent calls would be needed. This requires careful event construction (TouchEvent with correct touch points, changedTouches, etc.) and may be fragile across browsers.
References
- SwipeCard component in
budgetpilot/src/views/Transactions.tsx
- Existing
transaction-display-responsive.spec.ts verifies SwipeCard renders but doesn't test swipe
Context
Mobile transaction cards use SwipeCard with touch swipe gestures to reveal a delete action. Onboarding sliders and other touch interactions are untested at the gesture level — current tests only verify visibility, not touch interaction.
Scope
Add specs that simulate touch events:
Challenges
Playwright's
page.touchscreenAPI or customdispatchEventcalls would be needed. This requires careful event construction (TouchEvent with correct touch points, changedTouches, etc.) and may be fragile across browsers.References
budgetpilot/src/views/Transactions.tsxtransaction-display-responsive.spec.tsverifies SwipeCard renders but doesn't test swipe