18 / 66 · 09 Mobile & Cross-Platform Testing · Responsive Design Testing← prev⊞ allnext →☰ Read as one page
3.6Responsive Testing in CI
# .github/workflows/responsive-tests.yml
name: Responsive Layout Tests
on: [pull_request]
jobs:
responsive:
runs-on: ubuntu-latest
strategy:
matrix:
project: [mobile-portrait, tablet-portrait, desktop, foldable-open]
steps:
- uses: actions/checkout@v4
- run: npm ci
- run: npx playwright install --with-deps
- run: npx playwright test --project=${{ matrix.project }}
- uses: actions/upload-artifact@v4
if: failure()
with:
name: responsive-report-${{ matrix.project }}
path: playwright-report/
Responsive testing is not optional for any public-facing application. The investment in automated viewport testing pays for itself by catching layout bugs that would otherwise require manual QA on physical devices.