Skip to main content

W25: Mobile Responsiveness

Browsers: 1 (Mobile Device)
Stories: SPRINT0-007B
Time: ~20 min

Test Items​

  • Test Device: _________________
  • Browser: _________________

Test Cases​

25.1: Worker Accesses System on Mobile​

Browser: Worker (Mobile)
Steps:

  1. Open mobile browser
  2. Navigate to application URL
  3. Log in as worker
  4. Observe dashboard layout

Verify: System accessible on mobile, dashboard loads correctly

25.2: Mobile Menu Functions​

Browser: Worker (Mobile)
Steps:

  1. Look for hamburger menu button
  2. Tap menu button
  3. Verify menu opens/closes
  4. Navigate to different pages via menu

Verify: Mobile menu works, navigation accessible, menu closes after selection

25.3: Forms Usable on Mobile​

Browser: Worker (Mobile)
Steps:

  1. Navigate to "Create Service Request"
  2. Fill form on mobile:
    • Verify touch targets large enough (44px+)
    • Verify keyboard appears correctly
    • Verify form fields readable
    • Test dropdowns/selects
  3. Submit form

Verify: Forms usable on mobile, touch targets adequate, keyboard doesn't cover fields

25.4: Work Order Detail View Mobile-Optimized​

Browser: Worker (Mobile)
Steps:

  1. Navigate to work order detail page
  2. Verify layout readable on mobile
  3. Test scrolling, check all sections visible
  4. Test action buttons (Start Work, Complete, etc.)

Verify: Work order detail mobile-optimized, all sections accessible, buttons usable

25.5: Service Request Creation on Mobile​

Browser: Worker (Mobile)
Steps:

  1. Create service request on mobile
  2. Upload photo from mobile device
  3. Fill all fields
  4. Submit

Verify: Service request creation works on mobile, photo upload works

25.6: Photo Upload on Mobile​

Browser: Worker (Mobile)
Steps:

  1. On service request or work order form
  2. Tap "Add Photo" or "Upload"
  3. Select photo from device gallery
  4. Verify photo uploads and displays

Verify: Photo upload works on mobile, photos display correctly

25.7: Navigation in Portrait and Landscape​

Browser: Worker (Mobile)
Steps:

  1. Test in portrait orientation
  2. Rotate to landscape
  3. Verify layout adapts
  4. Test navigation in both orientations

Verify: Layout works in both orientations, no horizontal scrolling needed

Findings​

  • Status: [ ] ✅ Complete [ ] ⚠️ Partial [ ] ❌ Blocked
  • Mobile Menu: [ ] ✅ Works [ ] ⚠️ Partial [ ] ❌ Missing
  • Forms: [ ] ✅ Works [ ] ⚠️ Partial [ ] ❌ Missing
  • Photo Upload: [ ] ✅ Works [ ] ⚠️ Partial [ ] ❌ Missing
  • Responsive Layout: [ ] ✅ Works [ ] ⚠️ Partial [ ] ❌ Missing
  • Notes: _________________