SPEC-COMP-003 QA Verification Matrix

EventStrip.astro QA Test Suite

Transparent test suite providing 100% parameter coverage for SPEC-COMP-003: audience filtering, modal layouts, sorting engines, card limits, cutoff rules, and broken image fallbacks.

🧪 Test Hub (/test)🎯 Focus Selector Test 🏠 Homepage

Volunteer Testing Matrix (SPEC-TEST-003)

Event Strip Test Instructions & Pass/Fail Expectations

Please perform each numbered test below and mark whether it PASSES or FAILS. Reference the test number (e.g., TS-EV-01) if reporting an issue.

11 Scenarios Total

Test #	Scenario / Feature	Step-by-Step Volunteer Action	Expected PASS Result	Status
TS-EV-01	Client Audience View	Scroll to Scenario 1 (Client View). Inspect displayed cards.	Displays 4 client-facing events (TS-01, TS-04, TS-07, TS-08). Excludes volunteer-only & expired events.	PASS
TS-EV-02	Volunteer View	Scroll to Scenario 2 (Volunteer View). Inspect cards.	Displays 4 volunteer events (TS-02, TS-03, TS-05, TS-07). CTAs say "Signup to Help" or "Register".	PASS
TS-EV-03	Service Project View	Scroll to Scenario 3 (Service Project View).	Displays exactly 1 service project event (TS-03 Habitat Renovation). Modal CTA says "Register Group".	PASS
TS-EV-04	Wildcard Inclusion	Scroll to Scenario 4 (`wellness, health`).	Renders top eyebrow "SPECIAL PROGRAM" and includes 2 health events (TS-01 and TS-08).	PASS
TS-EV-05	Wildcard Exclusion	Scroll to Scenario 5 (`community` excluding `health`).	Includes TS-02 and TS-07; excludes TS-08 because it contains "health".	PASS
TS-EV-06	Expired & Cancelled	Scroll to Scenario 6 (`autoHidePastEvents=false`).	TS-06 displays grey [EXPIRED] badge; TS-04 displays red [CANCELED] badge with disabled CTA.	PASS
TS-EV-07	Name Sorting Z-A	Scroll to Scenario 7 (`sortBy="name" sortOrder="desc"`).	Cards are strictly ordered alphabetically reverse from Z to A by Event Name.	PASS
TS-EV-08	Limit Truncation	Scroll to Scenario 8 (`limit=2`).	Renders exactly the first 2 chronological cards, truncating all remaining matching cards.	PASS
TS-EV-09	Fallback Image	Scroll to Scenario 9 (Broken Image Link).	TS-08 uses a broken link but cleanly loads the fallback Unsplash image without breaking UI.	PASS
TS-EV-10	Zero Items State	Scroll to Scenario 10 (Nonexistent filter).	Displays subtitle note "No upcoming events matching filter"; card track is hidden to save vertical space.	PASS
TS-EV-11	Dynamic Rehydration	Scroll to Scenario 11 and click "Inject 1 New Item".	TS-09 card appends quietly to the right of track without causing horizontal scroll position jump.	PASS

Test Scenario 1audience="client"

Expected Included Events (4)

TS-01 (Client Wellness Fair)
TS-04 (Youth Workshop - CANCELED)
TS-07 (General Open House)
TS-08 (Community Health Screening)

Expected Excluded Events (4)

TS-02 (Volunteer-only)
TS-03 (Service Project)
TS-05 (Volunteer Briefing)
TS-06 (Expired Cutoff)

Expected Modal CTA Actions

TS-01 & TS-08: Tell Us You're Coming
TS-04: No CTA (Cancelled Guardrail)
TS-07: No CTA (Informational)

🔍 Click to view Raw Input Dataset JSON

[
  {
    "SYM Event Name": "TS-01: Client Wellness Fair",
    "Start": "2026-09-23T17:53:14.603Z",
    "Duration": 90,
    "Location": "Main Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-02: Community Garden Cleanup",
    "Start": "2026-09-22T17:53:14.603Z",
    "Duration": 120,
    "Location": "Dallas Central Park",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "TRUE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-03: Habitat Renovation",
    "Start": "2026-09-21T17:53:14.603Z",
    "Duration": 180,
    "Location": "East Dallas Site",
    "Is Service Project": "TRUE",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-04: Youth Workshop (Cancelled)",
    "Start": "2026-09-24T17:53:14.603Z",
    "Duration": 60,
    "Location": "Community Center",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Cancelled",
    "Image Link": "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-05: Volunteer Briefing with Notes",
    "Start": "2026-09-20T17:53:14.603Z",
    "Duration": 45,
    "Location": "Room 102",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Planning Description": "Park in Lot B and check in at Desk A with your ID badge.",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-06: Past Morning Briefing (Expired)",
    "Start": "2026-09-19T15:53:14.603Z",
    "Duration": 60,
    "Location": "Online Zoom Room",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Held",
    "Image Link": "https://images.unsplash.com/photo-1431540015161-0bf868a2d407?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-07: Annual Community Open House",
    "Start": "2026-09-25T17:53:14.603Z",
    "Duration": 120,
    "Location": "Main Center Auditorium",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-08: Community Health Screening",
    "Start": "2026-09-25T19:53:14.603Z",
    "Duration": 90,
    "Location": "East Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://invalid-domain-broken-link.com/image.jpg"
  }
]

1. Client Audience View

TS-01: Client Wellness Fair

Wed, Sep 23

5:53 PM - 7:23 PM

Main Clinic

View Event Details

CANCELED

TS-04: Youth Workshop (Cancelled)

Thu, Sep 24

5:53 PM - 6:53 PM

Community Center

View Event Details

TS-08: Community Health Screening

Fri, Sep 25

7:53 PM - 9:23 PM

East Clinic

View Event Details

Test Scenario 2audience="volunteer"

Expected Included Events (4)

TS-02 (Community Garden Cleanup)
TS-03 (Habitat Renovation)
TS-05 (Volunteer Briefing w/ Notes)
TS-07 (General Open House)

Expected Excluded Events (4)

TS-01 & TS-08 (Client-only)
TS-04 (Cancelled Client-only)
TS-06 (Expired Cutoff)

Expected Modal CTA Actions

TS-02 & TS-05: Signup to Help
TS-03: Register
TS-07: No CTA (Informational)

🔍 Click to view Raw Input Dataset JSON

[
  {
    "SYM Event Name": "TS-01: Client Wellness Fair",
    "Start": "2026-09-23T17:53:14.603Z",
    "Duration": 90,
    "Location": "Main Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-02: Community Garden Cleanup",
    "Start": "2026-09-22T17:53:14.603Z",
    "Duration": 120,
    "Location": "Dallas Central Park",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "TRUE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-03: Habitat Renovation",
    "Start": "2026-09-21T17:53:14.603Z",
    "Duration": 180,
    "Location": "East Dallas Site",
    "Is Service Project": "TRUE",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-04: Youth Workshop (Cancelled)",
    "Start": "2026-09-24T17:53:14.603Z",
    "Duration": 60,
    "Location": "Community Center",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Cancelled",
    "Image Link": "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-05: Volunteer Briefing with Notes",
    "Start": "2026-09-20T17:53:14.603Z",
    "Duration": 45,
    "Location": "Room 102",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Planning Description": "Park in Lot B and check in at Desk A with your ID badge.",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-06: Past Morning Briefing (Expired)",
    "Start": "2026-09-19T15:53:14.603Z",
    "Duration": 60,
    "Location": "Online Zoom Room",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Held",
    "Image Link": "https://images.unsplash.com/photo-1431540015161-0bf868a2d407?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-07: Annual Community Open House",
    "Start": "2026-09-25T17:53:14.603Z",
    "Duration": 120,
    "Location": "Main Center Auditorium",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-08: Community Health Screening",
    "Start": "2026-09-25T19:53:14.603Z",
    "Duration": 90,
    "Location": "East Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://invalid-domain-broken-link.com/image.jpg"
  }
]

2. Volunteer Audience View

TS-05: Volunteer Briefing with Notes

Sun, Sep 20

5:53 PM - 6:38 PM

Room 102

View Event Details

TS-03: Habitat Renovation

Mon, Sep 21

5:53 PM - 8:53 PM

East Dallas Site

View Event Details

TS-02: Community Garden Cleanup

Tue, Sep 22

5:53 PM - 7:53 PM

Dallas Central Park

View Event Details

Test Scenario 3audience="service_project"

Expected Included Events (1)

TS-03 (Habitat Renovation)

Expected Excluded Events (7)

All non-service project events are filtered out when audience mode is set strictly to service_project.

Expected Modal CTA Actions

TS-03: Register Group

3. Service Project Audience View

TS-03: Habitat Renovation

Mon, Sep 21

5:53 PM - 8:53 PM

East Dallas Site

View Event Details

Test Scenario 4nameInclude="*wellness*, *health*", eyebrow="Special Program"

Expected Included Events (2)

TS-01 (Client Wellness Fair)
TS-08 (Community Health Screening)

Header Display Assertions

Renders eyebrow chip: SPECIAL PROGRAM
Renders subtitle text below title heading

Wildcard Pattern Logic

Filters title using wildcards *wellness* or *health*.

Special Program

4. Wildcard Inclusion & Custom Eyebrow / Subtitle

Interactive health and wellness programs organized for youth in our community.

TS-01: Client Wellness Fair

Wed, Sep 23

5:53 PM - 7:23 PM

Main Clinic

View Event Details

TS-08: Community Health Screening

Fri, Sep 25

7:53 PM - 9:23 PM

East Clinic

View Event Details

Test Scenario 5nameInclude="*community*", nameExclude="*health*"

Expected Included Events (2)

TS-02 (Community Garden Cleanup)
TS-07 (Annual Community Open House)

Excluded by Exclusion Rule (1)

TS-08 (Community Health Screening) matches *community*, but is excluded by *health*.

No Eyebrow Default

Omitted eyebrow parameter renders NO top chip badge and takes zero vertical space above the title.

5. Wildcard Title Exclusion View

Events matching *community* but excluding *health*.

No upcoming events are currently scheduled for this program. Please check back soon!

Test Scenario 6autoHidePastEvents=false

Expected Included Events (8 - ALL)

TS-01 through TS-08
TS-04 (Red CANCELED Badge)
TS-06 (Grey EXPIRED Badge)

Key Visual Assertions

TS-06 displays grey [ EXPIRED ] badge
TS-04 displays red [ CANCELED ] badge

Expected Modal CTA Actions

All matching CTAs active based on priority rules

🔍 Click to view Raw Input Dataset JSON

[
  {
    "SYM Event Name": "TS-01: Client Wellness Fair",
    "Start": "2026-09-23T17:53:14.603Z",
    "Duration": 90,
    "Location": "Main Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-02: Community Garden Cleanup",
    "Start": "2026-09-22T17:53:14.603Z",
    "Duration": 120,
    "Location": "Dallas Central Park",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "TRUE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-03: Habitat Renovation",
    "Start": "2026-09-21T17:53:14.603Z",
    "Duration": 180,
    "Location": "East Dallas Site",
    "Is Service Project": "TRUE",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-04: Youth Workshop (Cancelled)",
    "Start": "2026-09-24T17:53:14.603Z",
    "Duration": 60,
    "Location": "Community Center",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Cancelled",
    "Image Link": "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-05: Volunteer Briefing with Notes",
    "Start": "2026-09-20T17:53:14.603Z",
    "Duration": 45,
    "Location": "Room 102",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Planning Description": "Park in Lot B and check in at Desk A with your ID badge.",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-06: Past Morning Briefing (Expired)",
    "Start": "2026-09-19T15:53:14.603Z",
    "Duration": 60,
    "Location": "Online Zoom Room",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Held",
    "Image Link": "https://images.unsplash.com/photo-1431540015161-0bf868a2d407?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-07: Annual Community Open House",
    "Start": "2026-09-25T17:53:14.603Z",
    "Duration": 120,
    "Location": "Main Center Auditorium",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-08: Community Health Screening",
    "Start": "2026-09-25T19:53:14.603Z",
    "Duration": 90,
    "Location": "East Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://invalid-domain-broken-link.com/image.jpg"
  }
]

6. Expired Cutoff View (autoHidePastEvents=false)

TS-01: Client Wellness Fair

Wed, Sep 23

5:53 PM - 7:23 PM

Main Clinic

View Event Details

CANCELED

TS-04: Youth Workshop (Cancelled)

Thu, Sep 24

5:53 PM - 6:53 PM

Community Center

View Event Details

TS-08: Community Health Screening

Fri, Sep 25

7:53 PM - 9:23 PM

East Clinic

View Event Details

Test Scenario 7sortBy="name", sortOrder="desc"

Expected Ordering (7 non-expired)

TS-08 (Community Health...)
TS-07 (Annual Community...)
TS-05 (Volunteer Briefing...)
TS-04 (Youth Workshop...)
TS-03 (Habitat Renovation)
TS-02 (Community Garden...)
TS-01 (Client Wellness...)

Key Visual Assertions

Cards are strictly ordered alphabetically reverse (Z to A) by SYM Event Name headline.

Excluded Events (1)

TS-06 filtered out by default autoHidePastEvents=true.

🔍 Click to view Raw Input Dataset JSON

[
  {
    "SYM Event Name": "TS-01: Client Wellness Fair",
    "Start": "2026-09-23T17:53:14.603Z",
    "Duration": 90,
    "Location": "Main Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-02: Community Garden Cleanup",
    "Start": "2026-09-22T17:53:14.603Z",
    "Duration": 120,
    "Location": "Dallas Central Park",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "TRUE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-03: Habitat Renovation",
    "Start": "2026-09-21T17:53:14.603Z",
    "Duration": 180,
    "Location": "East Dallas Site",
    "Is Service Project": "TRUE",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-04: Youth Workshop (Cancelled)",
    "Start": "2026-09-24T17:53:14.603Z",
    "Duration": 60,
    "Location": "Community Center",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Cancelled",
    "Image Link": "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-05: Volunteer Briefing with Notes",
    "Start": "2026-09-20T17:53:14.603Z",
    "Duration": 45,
    "Location": "Room 102",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Planning Description": "Park in Lot B and check in at Desk A with your ID badge.",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-06: Past Morning Briefing (Expired)",
    "Start": "2026-09-19T15:53:14.603Z",
    "Duration": 60,
    "Location": "Online Zoom Room",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Held",
    "Image Link": "https://images.unsplash.com/photo-1431540015161-0bf868a2d407?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-07: Annual Community Open House",
    "Start": "2026-09-25T17:53:14.603Z",
    "Duration": 120,
    "Location": "Main Center Auditorium",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-08: Community Health Screening",
    "Start": "2026-09-25T19:53:14.603Z",
    "Duration": 90,
    "Location": "East Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://invalid-domain-broken-link.com/image.jpg"
  }
]

7. Sorting Test: Event Name (Z to A)

TS-08: Community Health Screening

Fri, Sep 25

7:53 PM - 9:23 PM

East Clinic

View Event Details

CANCELED

TS-04: Youth Workshop (Cancelled)

Thu, Sep 24

5:53 PM - 6:53 PM

Community Center

View Event Details

TS-01: Client Wellness Fair

Wed, Sep 23

5:53 PM - 7:23 PM

Main Clinic

View Event Details

Test Scenario 8limit=2

Expected Output (Exactly 2 Cards)

TS-05 (+1 day from now)
TS-03 (+2 days from now)

Key Visual Assertions

The strip renders exactly the first 2 chronological events, truncating all remaining matching cards.

Truncated Events (5)

TS-02, TS-01, TS-04, TS-07, TS-08 are hidden due to limit cap.

🔍 Click to view Raw Input Dataset JSON

[
  {
    "SYM Event Name": "TS-01: Client Wellness Fair",
    "Start": "2026-09-23T17:53:14.603Z",
    "Duration": 90,
    "Location": "Main Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-02: Community Garden Cleanup",
    "Start": "2026-09-22T17:53:14.603Z",
    "Duration": 120,
    "Location": "Dallas Central Park",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "TRUE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-03: Habitat Renovation",
    "Start": "2026-09-21T17:53:14.603Z",
    "Duration": 180,
    "Location": "East Dallas Site",
    "Is Service Project": "TRUE",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-04: Youth Workshop (Cancelled)",
    "Start": "2026-09-24T17:53:14.603Z",
    "Duration": 60,
    "Location": "Community Center",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Cancelled",
    "Image Link": "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-05: Volunteer Briefing with Notes",
    "Start": "2026-09-20T17:53:14.603Z",
    "Duration": 45,
    "Location": "Room 102",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Planning Description": "Park in Lot B and check in at Desk A with your ID badge.",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-06: Past Morning Briefing (Expired)",
    "Start": "2026-09-19T15:53:14.603Z",
    "Duration": 60,
    "Location": "Online Zoom Room",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Held",
    "Image Link": "https://images.unsplash.com/photo-1431540015161-0bf868a2d407?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-07: Annual Community Open House",
    "Start": "2026-09-25T17:53:14.603Z",
    "Duration": 120,
    "Location": "Main Center Auditorium",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-08: Community Health Screening",
    "Start": "2026-09-25T19:53:14.603Z",
    "Duration": 90,
    "Location": "East Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://invalid-domain-broken-link.com/image.jpg"
  }
]

8. Limit Test: Truncated to Max 2 Cards (limit={2})

TS-01: Client Wellness Fair

Wed, Sep 23

5:53 PM - 7:23 PM

Main Clinic

View Event Details

CANCELED

TS-04: Youth Workshop (Cancelled)

Thu, Sep 24

5:53 PM - 6:53 PM

Community Center

View Event Details

Test Scenario 9nameFilter="Health", fallbackImage="..."

Expected Output (1 Card)

TS-08 (Community Health Screening)

Fallback Image Test Assertion

TS-08 passes a deliberately broken image link (invalid-domain...). The card image uses the provided fallbackImage URL without breaking.

Name Filter Logic

Substring filter "Health" filters out all other 7 events.

🔍 Click to view Raw Input Dataset JSON

[
  {
    "SYM Event Name": "TS-01: Client Wellness Fair",
    "Start": "2026-09-23T17:53:14.603Z",
    "Duration": 90,
    "Location": "Main Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-02: Community Garden Cleanup",
    "Start": "2026-09-22T17:53:14.603Z",
    "Duration": 120,
    "Location": "Dallas Central Park",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "TRUE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-03: Habitat Renovation",
    "Start": "2026-09-21T17:53:14.603Z",
    "Duration": 180,
    "Location": "East Dallas Site",
    "Is Service Project": "TRUE",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-04: Youth Workshop (Cancelled)",
    "Start": "2026-09-24T17:53:14.603Z",
    "Duration": 60,
    "Location": "Community Center",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Cancelled",
    "Image Link": "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-05: Volunteer Briefing with Notes",
    "Start": "2026-09-20T17:53:14.603Z",
    "Duration": 45,
    "Location": "Room 102",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Planning Description": "Park in Lot B and check in at Desk A with your ID badge.",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-06: Past Morning Briefing (Expired)",
    "Start": "2026-09-19T15:53:14.603Z",
    "Duration": 60,
    "Location": "Online Zoom Room",
    "Is Volunteer Event": "TRUE",
    "Is Client Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Held",
    "Image Link": "https://images.unsplash.com/photo-1431540015161-0bf868a2d407?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-07: Annual Community Open House",
    "Start": "2026-09-25T17:53:14.603Z",
    "Duration": 120,
    "Location": "Main Center Auditorium",
    "Is Client Event": "FALSE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&q=80&w=800"
  },
  {
    "SYM Event Name": "TS-08: Community Health Screening",
    "Start": "2026-09-25T19:53:14.603Z",
    "Duration": 90,
    "Location": "East Clinic",
    "Is Client Event": "TRUE",
    "Is Volunteer Event": "FALSE",
    "Is Service Project": "FALSE",
    "Status": "Planned",
    "Image Link": "https://invalid-domain-broken-link.com/image.jpg"
  }
]

9. Legacy Name Filter & Fallback Image Test

TS-08: Community Health Screening

Fri, Sep 25

7:53 PM - 9:23 PM

East Clinic

View Event Details

Test Scenario 10nameInclude="*nonexistent_event_filter*"

Expected Matches (0)

No events match the filter *nonexistent_event_filter*.

Subtitle Empty Note Displayed

Renders empty state notice badge in subtitle header area without taking up vertical card track height.

Zero Vertical Track Space Wasted

Carousel navigation controls and card container are hidden, keeping section padding compact (py-6).

10. Zero Events Empty State View

Special events feed filtered for non-existent programs.

No upcoming events are currently scheduled for this program. Please check back soon!

Test Scenario 11Client Rehydration & Dynamic Mutation

📋 Dynamic Rehydration Test Actions

Action 1 (Inject 1 New Item): Appends a new event card (TS-09) quietly to the right side of the track without forcing horizontal scroll position shifts.
Action 2 (Change Event Time): Mutates the start time of TS-01 to 10 days in the future and rehydrates payload metadata.
Action 3 (Change Event Status): Mutates the status of TS-02 to Cancelled and updates UI badges.
Action 4 (Run All Rehydrations): Performs all three dynamic mutations concurrently in a single silent background rehydration cycle.

[Status: Ready - Click any button above to test rehydration]Harness Diagnostic

11. Client Rehydration & Dynamic Mutation View

TS-01: Client Wellness Fair

Wed, Sep 23

5:53 PM - 7:23 PM

Main Clinic

View Event Details

CANCELED

TS-04: Youth Workshop (Cancelled)

Thu, Sep 24

5:53 PM - 6:53 PM

Community Center

View Event Details

TS-08: Community Health Screening

Fri, Sep 25

7:53 PM - 9:23 PM

East Clinic

View Event Details