Apply comprehensive snapshot testing improvements to ProjectIcon and ContactBulkActions components, matching the enhanced validation pattern established for RegistrationNotice and LargeIdenticonModal.
- ProjectIcon: Add specific structure validation with regex patterns, conditional rendering tests for different prop combinations (imageUrl, linkToFullImage), accessibility structure validation, and SVG structure verification
- ContactBulkActions: Add specific structure validation with regex patterns, conditional rendering tests for showGiveNumbers prop, accessibility attribute validation, and form control verification
- Fix conditional rendering logic to properly test Vue v-if behavior for both components
- Add comprehensive prop combination testing covering all rendering scenarios
- Maintain accessibility attribute validation where implemented (data-testid, SVG xmlns)
Improves component reliability with realistic validation that matches actual component structure and behavior, ensuring consistent testing quality across all simple components.
- Replace unrealistic 50ms thresholds with 200ms for simple components, 400ms for modals
- Add performance baseline establishment for render time, click response, and prop changes
- Implement regression detection with 50% degradation allowance and historical comparison
- Add memory pressure testing, concurrent operations, and rapid change efficiency tests
- Include performance monitoring with console logging for CI/CD integration
- Fix memory leak detection to use mount/unmount cycles instead of unreliable performance.memory
- All 196 tests passing with excellent performance metrics (0.02-0.94ms response times)
- Replace generic assertions with specific structural and accessibility checks
- Add 16 new edge case tests covering empty strings, whitespace, special characters,
long values, null/undefined, boolean strings, numeric values, objects/arrays,
functions, rapid changes, concurrent operations, and malformed data
- Fix test failures by aligning assertions with actual component behavior
- Improve accessibility testing with ARIA attribute verification
- All 186 tests now passing across 5 test files
- Add lifecycle testing utilities for mounting, unmounting, and prop updates
- Add computed property testing for values, dependencies, and caching
- Add watcher testing for triggers, cleanup, and deep watchers
- Add event modifier testing for .prevent, .stop, .once, and .self
- Update test utilities to be Vue 3 compatible with proxy system
- Apply new test categories to RegistrationNotice and LargeIdenticonModal
- Increase total test count from 149 to 175 tests with 100% pass rate
- Establish standardized patterns for comprehensive component testing
New test categories:
- Component Lifecycle Testing (mounting, unmounting, prop updates)
- Computed Property Testing (values, dependencies, caching)
- Watcher Testing (triggers, cleanup, deep watchers)
- Event Modifier Testing (.prevent, .stop, .once, .self)
Files changed:
- src/test/utils/testHelpers.ts (enhanced with new utilities)
- src/test/RegistrationNotice.test.ts (added 4 new test categories)
- src/test/LargeIdenticonModal.test.ts (added 4 new test categories)
- Add comprehensive contact factory with 3 complexity levels (simple, standard, complex)
- Create centralized test utilities with performance, accessibility, and error helpers
- Standardize test data patterns across all component tests
- Add test data factories for RegistrationNotice, ProjectIcon, and ContactBulkActions
- Improve test structure consistency with better beforeEach patterns
- All 149 tests passing with enhanced error handling and performance testing
- Establish foundation for scalable test development with reusable utilities
Files changed:
- src/test/factories/contactFactory.ts (new)
- src/test/utils/testHelpers.ts (new)
- src/test/LargeIdenticonModal.test.ts (updated)
- src/test/RegistrationNotice.test.ts (updated)
- src/test/ProjectIcon.test.ts (updated)
- src/test/ContactBulkActions.test.ts (updated)
- Add Vitest configuration with JSDOM environment for Vue component testing
- Create RegistrationNotice component mock with full TypeScript support
- Implement comprehensive test suite for RegistrationNotice component (18 tests)
- Add test setup with global mocks for ResizeObserver, IntersectionObserver, etc.
- Update package.json with testing dependencies (@vue/test-utils, jsdom, vitest)
- Add test scripts: test, test:unit, test:unit:watch, test:unit:coverage
- Exclude Playwright tests from Vitest to prevent framework conflicts
- Add comprehensive documentation with usage examples and best practices
- All tests passing (20/20) with proper Vue-facing-decorator support
Updated scripts/common.sh to set appropriate API server endpoints based on build mode:
- Development: localhost:3000 for Endorser API, production for Image/Partner APIs
- Test: test-api.endorser.ch for Endorser API, production for Image/Partner APIs
- Production: All production endpoints
This ensures mobile builds use correct API endpoints for each environment
while keeping Image and Partner APIs on production servers for dev/test.
- Fix aria-hidden conflict on trash can icon by wrapping in proper button element
- Fix image deletion API endpoint by extracting image ID from full URL
- Improve 404 error handling to clear local image reference when image already deleted
- Resolve accessibility warning and prevent invalid API calls
- Add user-specific settings save to onClickSaveApiServer() method
- Ensures API server changes persist for current user account
- Aligns with pattern used by other server settings (partner, push)
- Resolves issue where claim server changes weren't "sticking"
Fix ClaimView component to use $accountSettings() instead of $settings() to
get the current user's registration status. This resolves the issue where
User #0 appeared unregistered in ClaimView despite having isRegistered: true
in the database.
- Changed created() method to use $accountSettings() for user-specific settings
- Ensures ClaimView reads correct isRegistered value for current user
- Fixes "You posted that. false" display issue for registered users
Add comprehensive breakdown of the --headed test debugging command, explaining each parameter and its purpose for visual test debugging. Resolves "New offers for another user" test debugging workflow.
- Extract test user data (seed phrases, DIDs, usernames) from importUser into separate getTestUserData function
- Refactor importUser to use getTestUserData internally, maintaining backward compatibility
- Update "New offers for another user" test to use new getTestUserData function
- Replace hardcoded seed phrase with programmatic retrieval using getTestUserData('00')
- Add proper TypeScript type annotations to array functions in testUtils
- Improve test maintainability by centralizing test user data management
This allows tests to access user data without executing import flow, providing more flexibility for test scenarios.
Remove duplicate APP_SERVER imports in ContactsView.vue and ClaimView.vue that were causing compilation errors during testing. The duplicate imports occurred when both files had APP_SERVER imported from constants/app and also assigned as class properties.
- ContactsView.vue: Remove duplicate import, keep class property assignment
- ClaimView.vue: Remove duplicate import, keep class property assignment
- Fixes Vite compilation errors that were blocking test execution
- 33/38 tests now pass successfully
This resolves the "Identifier 'APP_SERVER' has already been declared" errors that were preventing the development server from running properly.
- Add capacitor-assets.config.json for cross-platform asset generation
- Create resources/ directory structure for source assets
- Update .gitignore to exclude generated Android assets and resources
- Remove 30+ generated files from source control
- Add comprehensive asset management documentation
- Add Gradle cache exclusions to .gitignore
- Verify asset generation works with new configuration
Assets are now properly managed: source files in version control,
generated files excluded, and build process handles platform-specific
asset generation automatically. Repository size reduced and history
cleaned up.
- Add capacitor-assets.config.json for cross-platform asset generation
- Create resources/ directory structure for source assets
- Update .gitignore to exclude generated Android assets and resources
- Remove 30+ generated files from source control
- Add comprehensive asset management documentation
- Verify asset generation works with new configuration
Assets are now properly managed: source files in version control,
generated files excluded, and build process handles platform-specific
asset generation automatically.
- Add capacitor-assets.config.json for cross-platform asset generation
- Create resources/ directory structure for source assets
- Update .gitignore to exclude generated Android assets and resources
- Remove 30+ generated files from source control
- Add comprehensive asset management documentation
- Verify asset generation works with new configuration
Assets are now properly managed: source files in version control,
generated files excluded, and build process handles platform-specific
asset generation automatically.
- Remove redundant specific file patterns inside android/app/build/
- Fix misleading comment that suggested build artifacts were source configs
- Simplify configuration by relying on broader android/app/build/ rule
- Improve maintainability and reduce confusion in .gitignore
The specific file patterns were unnecessary since android/app/build/ already
covers all build artifacts. This eliminates redundant rules and clarifies
that these are generated build files, not source configuration files.
- Remove redundant specific file patterns inside android/app/build/
- Fix misleading comment that suggested build artifacts were source configs
- Simplify configuration by relying on broader android/app/build/ rule
- Improve maintainability and reduce confusion in .gitignore
The specific file patterns were unnecessary since android/app/build/ already
covers all build artifacts. This eliminates redundant rules and clarifies
that these are generated build files, not source configuration files.
Matthew Raymer
Matthew Raymer
Jose Olarte III
Trent Larson