Modern QA2026Responsive Testing in CI — tiles
Log inJoin
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.