Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add screen smoke tests for the public-screens detail/feed/static screens

Aperta
  • Qualcosa non va?
#30 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
72/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
typescript
Ambito
frontend, testing

Direzione di ricerca

Inizia leggendo PR #28 e gli smoke test esistenti per le schermate pubbliche, quindi esamina apps/web/tests/test-utils.tsx per renderScreen(), mockOk() e mockPaginated(). Aggiungi la copertura per PersonDetail, TagDetail, entrambi i feed, Volunteer e Sponsor, verificando le Display Rules elencate; il lavoro è completo quando ogni schermata ha due o tre asserzioni di smoke test e la suite di test passa.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Context: PR #28 (feat/public-screens) shipped screen smoke tests for Home, ProjectsIndex, ProjectDetail, HelpWantedIndex — the screens with the most spec-bound Display Rules. The remaining screens were exercised only via the build + browser walkthrough, not unit tests.

Add smoke tests for:

  • PersonDetail — renders fullName + "Member since {month yyyy}" + projects list sorted by maintainer / joinedAt
  • TagDetail — renders the three sections (Projects / Help-wanted / Members), hides Members on event namespace
  • ProjectUpdatesFeed — renders cards reverse-chron, filtered empty state
  • ProjectBuzzFeed — same shape, external-link headlines
  • Volunteer — hero CTA toggles on auth state, live project count uses /api/projects?perPage=1
  • Sponsor — static content + copy-to-clipboard button

Each test: render with renderScreen() from apps/web/tests/test-utils.tsx, mock fetch with mockOk / mockPaginated, assert two or three load-bearing Display Rules from the spec.

Scoped small enough for a single follow-up PR.

Lingua principale
TypeScript
Stelle
1
Fork
1
Merge medio
11m
PR unite (30g)
22

Preparare l'ambiente

  • Include un Dockerfile o un file Docker Compose
  • Nessun modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di CodeForPhilly/codeforphilly-ng

Tutte le issue di CodeForPhilly/codeforphilly-ng

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.