templates/github-user-created.yaml

id: github-user-created
brief: Publish a Bootstrap page with form id="github-user-{{ seed[:8] }}" that fetches a GitHub username, optionally uses ?token=, and displays the account creation date in YYYY-MM-DD UTC inside #github-created-at.
checks:
  - "Form with id 'github-user-{{ seed[:8] }}' exists"
  - "Element #github-created-at displays date in YYYY-MM-DD format"
  - "Code fetches from GitHub API (https://api.github.com/users/)"
  - "Bootstrap CSS is loaded"
round2:
  - brief: Show an aria-live alert #github-status that reports when a lookup starts, succeeds, or fails.
    checks:
      - "Element #github-status has aria-live='polite' attribute"
      - "Code updates #github-status with status messages"
      - "Status changes are properly announced"
  
  - brief: Display the account age in whole years inside #github-account-age alongside the creation date.
    checks:
      - "Element #github-account-age displays number of years"
      - "Text includes 'years' or 'year'"
      - "Age calculation is accurate"
  
  - brief: Cache the last successful lookup in localStorage under "github-user-{{ seed[:8] }}" and repopulate the form on load.
    checks:
      - "Code uses localStorage.setItem with 'github-user-{{ seed[:8] }}'"
      - "Code uses localStorage.getItem with 'github-user-{{ seed[:8] }}'"
      - "Form repopulates on page reload with cached data"