github-samples / github-samples/caldova-careers
Paginate roles
Open
Nobody has claimed this yet.
workshop:pagination
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Long role lists are easier to scan when candidates can move through manageable pages. Add pagination for the roles list while keeping navigation accessible.
Acceptance criteria
- The roles list renders a configurable number of roles per page.
- Pagination helpers in
src/lib/operate on plainJob[]data. - Previous and next controls have accessible names, disabled states, and stable
data-testidattributes. - Pagination works with empty and single-page lists.
- Unit tests cover pagination helpers and edge cases.
- Playwright tests cover moving between pages.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate the roles-list entry point and the pagination helpers under src/lib/, then inspect the existing unit and Playwright test setup. Implement configurable page sizing, accessible previous and next controls, and empty or single-page handling. Done means the helper edge cases and moving between pages are covered by the requested unit and Playwright tests.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- playwright, typescript
- Domain
- frontend, testing
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Clearly specified
- Newbie friendliness
- 74/100