Skip to content

Claude/review approach terminology 011 c ur yth dd jv kkf b4sx gxr1#16

Merged
kluth merged 4 commits into
mainfrom
claude/review-approach-terminology-011CUrYthDdJVKkfB4sxGXR1
Nov 7, 2025
Merged

Claude/review approach terminology 011 c ur yth dd jv kkf b4sx gxr1#16
kluth merged 4 commits into
mainfrom
claude/review-approach-terminology-011CUrYthDdJVKkfB4sxGXR1

Conversation

@kluth

@kluth kluth commented Nov 7, 2025

Copy link
Copy Markdown
Owner

No description provided.

- Add base path /synapse/ for production builds
- Fixes asset loading on GitHub Pages (kluth.github.io/synapse)
- Assets now correctly load from /synapse/assets/ instead of /assets/
- Development builds still use root path for local testing
- 4-layer testing strategy: Unit, Interaction, Visual Regression, E2E
- Chromatic integration for automatic visual regression
- Storybook interaction testing with play functions
- Playwright E2E with cross-browser support
- Accessibility testing with axe-core
- Complete CI/CD pipeline configuration
- TDD workflow with visual testing
- 4-week implementation timeline
Following TDD and visual testing strategy from VISUAL_TESTING_PLAN.md

Added play functions to test:
- Primary: Button visibility, variant class, disabled state, click interactions
- Disabled: Button disabled state, disabled class, click prevention
- KeyboardNavigation (new): Focus management, Enter/Space key activation, Tab navigation

Benefits:
- Automated interaction testing in Storybook UI
- Visual verification of component behavior
- Tests run automatically when viewing stories
- Foundation for comprehensive visual testing

Tagged stories automatically detected by Storybook (play-fn tag)

Test coverage:
- Click interactions
- Keyboard navigation (Enter, Space, Tab, Shift+Tab)
- Disabled state verification
- Focus management
- Accessibility improvements

Next steps:
- Add interaction tests to remaining components
- Set up Chromatic for visual regression
- Add E2E tests with Playwright
@kluth kluth merged commit 5bf34f7 into main Nov 7, 2025
15 checks passed
@kluth kluth deleted the claude/review-approach-terminology-011CUrYthDdJVKkfB4sxGXR1 branch November 7, 2025 05:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants