Configure test environment for mobile-focused testing on Android and iOS

Technical improvement

We want to configure a test environment that supports mobile device testing — primarily front-end — to ensure your web app behaves correctly on smaller screens (responsive layout), and also to validate mobile-specific features like manifest.json, installability (PWA behavior), and possibly app-like functionality on iOS and Android.

Description: Currently, there is no dedicated test setup to validate the behavior of the app (saythanks.io) on mobile devices. This issue aims to set up a testing environment that can:

• Emulate or run tests on real or virtual Android and iOS devices

• Validate the app’s responsive design and layout on smaller screens

• Test Progressive Web App (PWA)-related features such as:

  • manifest.json correctness
  • App installability
  • Home screen behavior on Android and iOS
  • Mobile browser compatibility

---

Expected Outcome:

• A test workflow or documented setup that:

  • Simulates mobile environments (e.g., using tools like BrowserStack, Playwright, or device emulators)
  • Runs automated UI tests (or manual test instructions) targeting mobile screen sizes
  • Verifies that mobile-specific assets like manifest.json are served correctly and function as expected

• Optionally, CI/CD integration to run mobile tests automatically on pull requests

---

Suggested Tools:

• [Playwright](https://playwright.dev/) or [Puppeteer](https://pptr.dev/) for headless browser testing in mobile emulation mode
• [BrowserStack](https://www.browserstack.com/) or [Sauce Labs](https://saucelabs.com/) for real device testing
• GitHub Actions or other CI for automating these tests

---