forked from jsnbuchanan/crowd-funder-for-time-pwa
db5da0cdfc
- Create logical sub-folder classification for all documentation - Organize 91 migration files into component-specific folders - Separate user guides, build system, migration, and development docs - Maintain maximum 7 items per folder for easy navigation - Add comprehensive README and reorganization summary - Ensure all changes tracked in git with proper versioning Structure: - user-guides/ (3 items): user-facing documentation - build-system/ (3 items): core, platforms, automation - migration/ (6 items): assessments, testing, templates - development/ (4 items): tools and standards - architecture/, testing/, examples/ (ready for future docs) Total: 24 folders created, all within 7-item limits
80 lines
2.3 KiB
Markdown
80 lines
2.3 KiB
Markdown
# ContactImportView.vue Testing Guide
|
|
|
|
## Quick Testing Setup
|
|
- Web server running at: `http://localhost:3000`
|
|
- Migration completed: 2025-07-06
|
|
- Component: `src/views/ContactImportView.vue`
|
|
|
|
## Test URLs (Copy/Paste into Browser)
|
|
|
|
### 1. Basic Page Load
|
|
```
|
|
http://localhost:3000/contact-import
|
|
```
|
|
**Expected**: Manual JWT input page loads
|
|
|
|
### 2. Single Contact Import
|
|
```
|
|
http://localhost:3000/contact-import?contacts=[{"did":"did:test:123","name":"Test User"}]
|
|
```
|
|
**Expected**: "Test User" appears in import list
|
|
|
|
### 3. Multiple Contacts Import
|
|
```
|
|
http://localhost:3000/contact-import?contacts=[{"did":"did:test:alice","name":"Alice"},{"did":"did:test:bob","name":"Bob"}]
|
|
```
|
|
**Expected**: Both contacts appear in import list
|
|
|
|
### 4. Malformed Data Test
|
|
Navigate to basic page and paste this into textarea:
|
|
```
|
|
[{"invalid":"data","missing":"did"}]
|
|
```
|
|
**Expected**: Error message displays
|
|
|
|
## Browser Developer Tools Validation
|
|
|
|
### Console Tab
|
|
- Check for errors during page load
|
|
- Verify error logging works (test malformed data)
|
|
- Look for properly formatted log messages
|
|
|
|
### Application Tab
|
|
- Navigate to: IndexedDB → TimeSafari
|
|
- Check `contacts` table for imported contacts
|
|
- Check `logs` table for error entries
|
|
|
|
### Network Tab
|
|
- Monitor API calls during import
|
|
- Verify visibility setting API calls (if enabled)
|
|
|
|
## Testing Checklist
|
|
|
|
### Web Platform (Chrome) ✅/❌
|
|
- [ ] Basic page loads without errors
|
|
- [ ] Single contact import works
|
|
- [ ] Multiple contacts import works
|
|
- [ ] Database operations work (check IndexedDB)
|
|
- [ ] Error handling works (malformed data)
|
|
- [ ] Logging works (console + database)
|
|
- [ ] Visibility setting works
|
|
- [ ] Duplicate detection works
|
|
|
|
### Expected Database Operations
|
|
- **Insert**: New contacts added to contacts table
|
|
- **Update**: Existing contacts updated if imported again
|
|
- **Logging**: Errors recorded in logs table
|
|
- **Persistence**: Data survives page refresh
|
|
|
|
### Success Criteria
|
|
- ✅ No console errors during normal operation
|
|
- ✅ Contacts successfully imported and visible in contacts list
|
|
- ✅ Error scenarios handled gracefully
|
|
- ✅ Database operations work correctly
|
|
- ✅ Logging functions as expected
|
|
|
|
## Notes
|
|
- Test both with and without existing contacts
|
|
- Verify redirect to contacts page after import
|
|
- Check success/error notifications display
|
|
- Validate contact data structure in database |