Align Playwright workflow with CI standards: Node 20 and pnpm

[Copilot]

Summary

• What: Standardize Playwright workflow to use Node 20 and pnpm exclusively
• Why: Eliminate package manager inconsistency, reduce CI times via caching

Changes

• Upgrade Node.js from 18 to 20 (matches ci.yml, web-ci.yml, storybook.yml)
• Add pnpm/action-setup@v3 with version 9 and enable pnpm cache in actions/setup-node
• Replace all npm commands: npm ci → pnpm install --frozen-lockfile, npx → pnpm exec, npm install --no-save → pnpm dlx
• Remove duplicate pnpm install step and manual corepack setup (handled by pnpm/action-setup)

Migration steps

1. N/A - workflow-only change

Testing

• Automated: Workflow syntax validated, code review passed, security scan clean

Rollback plan

• Revert to commit 9e245ce if workflow fails in CI

Checklist

• Node.js updated to 20
• pnpm/action-setup added with caching
• All npm commands replaced with pnpm
• Duplicate steps removed
• YAML syntax validated
• Security scan passed

Reviewers

• @73junito

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[73junito]

viewed