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

Add frontend tests for core pages

Open
#14 1 comment 0 reactions 0 assignees View on GitHub

@adityamukesh is already working on this.

Since Oct 13, 2026.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
72/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
javascript, nextjs
Domain
testing

Research direction

Start with one named page under frontend/pages/ and read the existing tests in frontend/__tests__/ to follow the Jest and Testing Library style. Mock API calls as in the existing tests, then cover player-visible behavior for that page; verify tests fail when the behavior breaks. Run cd frontend && npm test && npm run lint.

Written by the indexing model from the issue text.

Description

good first issue help wanted

The backend has 94 test files, the frontend has 16. Most pages under frontend/pages/ have no tests, including the ones players use most.

Good places to start

  • frontend/pages/problems/[slug].js: practice problem view, run and submit states, error display.
  • frontend/pages/leaderboard.js: sorting, empty state, pagination.
  • frontend/pages/login.js and register.js: validation messages and error handling.
  • frontend/pages/practice.js: problem list filtering by difficulty and tag.

Follow the style in frontend/__tests__/ (Jest plus Testing Library, API calls mocked).

Definition of done

  • Tests cover behavior a player would notice, not implementation details.
  • Each new test fails if you break the thing it covers (mention how you checked in the pull request).
  • cd frontend && npm test && npm run lint passes.

One page per pull request is ideal.

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.