Use Cases
- Test mobile responsive layouts
- Validate touch interactions
- Check mobile performance
- Test different device sizes
Simple Implementation
Setup Instructions
- Ensure Playwright is configured in LoadForge
- Test with real mobile device dimensions
- Focus on common mobile interaction patterns
- Check responsive breakpoints
What This Tests
- Mobile Layout: Responsive design at different screen sizes
- Touch Interactions: Tap, swipe, and touch-specific gestures
- Mobile Navigation: Hamburger menus and mobile-specific UI
- Form Usability: Input field behavior on mobile devices
Mobile Testing Tips
- Viewport Sizes: Test common device resolutions
- Touch Targets: Ensure buttons are large enough (44px minimum)
- Text Size: Check readability on small screens
- Loading Speed: Mobile users expect fast loading
Common Mobile Issues
- Horizontal Scrolling: Content wider than screen
- Small Touch Targets: Buttons too small to tap easily
- Slow Loading: Large images or resources
- Broken Navigation: Mobile menus not working
Device Dimensions
Common mobile device sizes to test:- iPhone SE: 375x667
- iPhone 12: 390x844
- Samsung Galaxy: 360x640
- iPad: 768x1024