Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Run the Playwright end-to-end specs in CI

Open
#9 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
52/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Active
Tech stack
github-actions, javascript, nextjs, nodejs, playwright, typescript
Domain
ci-cd, testing

Research direction

Read .github/workflows/ci.yml and frontend/e2e/README.md, then inspect the named specs and frontend/e2e/open-edition.config.ts. Run the current CI checks and the Playwright specs to identify failures on main; add a CI job with the requested backend/frontend setup, Chromium caching, and failure artifact upload. Done when the job meets the runtime target, passes node scripts/check-boundary.js, and the pull request explains the failure-on-purpose check and any quarantined specs.

Written by the indexing model from the issue text.

Description

enhancement help wanted

frontend/e2e/ has Playwright specs (open-edition.spec.ts, matchmaking-preferences.spec.ts, dashboard-layout.spec.ts), but .github/workflows/ci.yml never runs them. CI only runs lint, Jest and next build, so a page that builds but breaks in the browser passes CI.

What to do

  • Add a CI job that starts the backend with CODEARENA_RUNNER=local and a throwaway JWT_SECRET, starts the frontend, and runs the specs with frontend/e2e/open-edition.config.ts (see frontend/e2e/README.md).
  • Install only Chromium to keep the job fast, and cache the Playwright browsers.
  • Upload the Playwright report as an artifact when the job fails.
  • Fix or quarantine any spec that is already failing on main, with a note in the pull request explaining which and why.

Definition of done

  • The new job is green on main and turns red when you break a page on purpose (say how you checked in the pull request).
  • Runtime stays under about 10 minutes.
  • node scripts/check-boundary.js passes.
Dominant language
JavaScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from sennaicodes/codearena

All issues in sennaicodes/codearena

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.