SideButton Dashboard Knowledge Pack Files

Dashboard Home — QA Test Playbook

Prerequisites

• SideButton server running on localhost:9876
• Browser extension connected
• Navigate to SPA root first (localhost:9876), then use in-app navigation

Phase 1: Page Load & Structure

#	Test	Method	Pass Criteria
1.1	Dashboard loads	Navigate to /	"Dashboard" heading visible, no loading spinner
1.2	Context Summary Widget	snapshot	4 stats visible: Roles active, Targets matched, Skill packs, Persona
1.3	Stat values non-zero	Read stat text	Roles shows {N}/{M} format, Targets shows {N}/{M}
1.4	Sidebar active state	snapshot sidebar	Dashboard nav item has .active class

Phase 2: Context Summary Navigation

#	Test	Method	Pass Criteria
2.1	Click Roles stat	Click stat button with "Roles active"	Navigates to Settings page
2.2	Click Targets stat	Click stat button with "Targets matched"	Navigates to Settings page
2.3	Click Skill packs stat	Click stat button with "Skill packs"	Navigates to Skills page
2.4	Click Persona stat	Click stat button with "Persona"	Navigates to Settings page. Only visible if persona configured

Phase 3: Skill Pack Banner & Modules

#	Test	Method	Pass Criteria
3.1	Active pack banner	snapshot	Banner shows pack title, domain, version, module count
3.2	Module cards grid	snapshot	Cards show module name and workflow count
3.3	Module card navigation	Click module card	Navigates to /skills/{domain}/{module}
3.4	Module Run button	Click "Run" on module card with workflows	Navigates to Execution view. Does NOT also navigate to module detail
3.5	No pack state	Uninstall all packs → return to dashboard	Dashed border banner with "Go to Library" button visible
3.6	Go to Library button	Click "Go to Library"	Navigates to Library page

Phase 4: Shortcuts CRUD

#	Test	Method	Pass Criteria
4.1	Empty shortcuts state	No shortcuts configured	"No Dashboard Shortcuts" heading + description visible
4.2	Run shortcut (all params)	Click run on pre-filled shortcut	Workflow executes, navigates to Execution view
4.3	Run shortcut (missing params)	Click run on shortcut needing params	Params modal opens with input fields
4.4	Edit shortcut	Click edit on shortcut card	Add/Edit Shortcut modal opens pre-filled
4.5	Clone shortcut	Click clone on shortcut card	New shortcut appears with "(copy)" suffix
4.6	Delete shortcut	Click delete on shortcut card	Browser confirm() dialog. On confirm, shortcut removed
4.7	Reorder shortcuts	Click up/down arrows	Shortcut swaps position with adjacent

Automation Tips

• SPA-only navigation: Always load root / first, then navigate via sidebar buttons
• Browser confirm() dialogs: Delete shortcut uses native confirm() — cannot intercept via snapshot/click
• Toast notifications: Success/error messages auto-hide after ~3s — screenshot immediately after actions
• Active skill pack is first: Dashboard always shows packs[0] — no user control over which pack is "active"
• Stats fetch fresh: Context summary calls API on every dashboard load — values are always current