Run Playwright e2e across Firefox and WebKit in addition to Chromium

[Jagadeeshftw]

📌 Description

playwright.config.ts defines only a Chromium project, so cross-browser regressions in Firefox and Safari/WebKit are never caught by the existing e2e suite. Adding the other engines closes a real coverage gap for the dashboard/leaderboard flows.

💡 Why it matters: Frontend bugs frequently differ across rendering engines; Chromium-only e2e misses them.

🧩 Requirements and context

• Add firefox and webkit projects to playwright.config.ts.
• Ensure the existing specs pass on all three (fix flakiness/engine-specific issues).
• Keep the dev server/web server config working for all projects.
• Document how to run a single browser locally.

Non-functional requirements

• Must be secure, tested, and documented.
• Should be efficient and easy to review.

🛠️ Suggested execution

1. Fork the repo and create a branch

git checkout -b test/e2e-cross-browser

2. Implement changes

• Write/modify the relevant source: playwright.config.ts
• Write comprehensive tests: existing specs under the e2e directory (extend/fix as needed)
• Add documentation: README/e2e section on running per-browser
• Include TSDoc comments
• Validate security assumptions: n/a

3. Test and commit

• Run tests:

npm run test:e2e

• Cover edge cases: engine-specific layout/interaction differences
• Include test output and security notes in the PR description.

Example commit message

test(e2e): run Playwright across chromium, firefox, and webkit

✅ Acceptance criteria

• Firefox and WebKit projects added
• Existing specs pass on all three engines
• Per-browser run documented
• No new flakiness introduced

🔒 Security notes

None; test tooling only.

📋 Guidelines

• Minimum 95% test coverage
• Clear documentation
• Timeframe: 96 hours

[Topmatrixmor2014]

Hi, maintainer, i would love to work on this issue, i have studied the details of the issue description and i understood the requirements. i shall deliver on this with quality PR promptly.

[rindicomfort]

Hello Maintainer,

Please I’d love to take this issue on. I’m a smart contract and full-stack developer with experience across OnlyDust, Drips Waves

My stack includes Rust, Soroban, Cairo, Solidity, and TypeScript. I can deliver a clean, tested, and well-documented solution within 24 hours of assignment.

Happy to start immediately. Thank yOU

[grantfox-oss]

🦊 GrantFox — @rindicomfort has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #98)
2. Your PR will be reviewed by the Grainlify maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@rindicomfort's PR #219 was approved and merged by @Jagadeeshftw.

🏆 @rindicomfort: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (226 total points). Track your full progress on GrantFox.

👏 Great work, @rindicomfort! Keep contributing to Grainlify.