We need to test our code for the new mobile statement UI to ensure functionality. For this, we need a framework for testing. Open question is how do we want to do this (unit tests, e2e, etc)

To Include in Framework Definition:

• Performance checks:
  • Full page loads in <3 seconds
  • Time to first byte <1.3 seconds
  • Total Page Size < 500kb
• Supported Platforms / Minimum supported devices / settings
  • minimum screen size 320px (source: Codex)
  • maximum screen size 639px (source: Codex)
  • minimum requirements for browsers and devices
• Security checks TBD

Note:
User agent breakdown dashboard provides access to a useful analytics dashboard with information about mobile user agents that can help refine test requirements.

Acceptance Criteria

• Dashboards for full page loading time, time to first byte, and total page size are on Grafana
• Tests which confirm the page functions correctly between 320px and 639px exist and pass
• Security checks TBD

• https://grafana.wikimedia.org/d/8T2XA-5Gz/frontend-haproxy-ttfb-latency?orgId=1&from=now-6h&to=now&timezone=utc&var-site=$__all&var-cache_type=text&var-cache_type=upload&var-status_type=2&var-cache_status=hit-front&var-cache_status=hit-local&var-cache_status=int-front&var-cache_status=int-local&var-cache_status=miss&var-ttfb_max=0.5&var-percentile=95
• https://grafana.wikimedia.org/d/6016c989-a7b2-4fe3-b694-76692529829a/page-preview-api?forceLogin&from=now-2d&orgId=1&timezone=utc&to=now