feat: add web UI, query engine, session management, and 20 E2E tests
- Web UI: login, dashboard, links CRUD, collections, API keys, admin pages - Query engine: AND/OR/XOR with field filters, tag search, preview endpoint - Session management: token expiry detection, 401 interceptor, expiry banner - Links search: tags included, multi-word AND, query mode with set operations - Collections: static/dynamic, query builder with preview, public tree view - Save as Collection: convert search results (static) or query (dynamic) - Dashboard stats: resilient loading with allSettled pattern - Login page: redesigned with public collections tree view - Bug fix: query executor None fields crash (notes/description/url/title) - E2E tests: 20 Playwright tests covering all critical user flows - All 104 tests passing (84 unit/integration + 20 E2E)
This commit is contained in:
@@ -8,6 +8,7 @@ LinkSyncServer is a self-hosted bookmark server with advanced collection and que
|
||||
|
||||
- **Build**: `docker-compose up -d --build`
|
||||
- **Test**: `pytest tests/ -v`
|
||||
- **E2E Test**: `pytest tests/test_e2e.py -v --browser chromium`
|
||||
- **Lint**: `ruff check .` && `mypy app.py models/`
|
||||
- **Dev**: `docker-compose up web`
|
||||
- **Migrate**: `alembic upgrade head`
|
||||
@@ -41,9 +42,48 @@ Query syntax: `('term1', 'term2') OR tagA AND tagB XOR url:example.com`
|
||||
## Testing Protocol
|
||||
|
||||
- All tests must pass before committing
|
||||
- Run `pytest tests/ -v` for full test suite
|
||||
- Run `pytest tests/ -v` for full test suite (84+ unit/integration tests)
|
||||
- Run `pytest tests/test_e2e.py -v --browser chromium` for E2E tests (20+ tests)
|
||||
- Coverage target: >80%
|
||||
- E2E tests cover critical user flows
|
||||
- E2E tests cover critical user flows:
|
||||
- Login, dashboard stats, session expiry
|
||||
- Link CRUD, search (simple, multi-word, query mode)
|
||||
- Collection CRUD, query builder, save as collection
|
||||
- API key management, admin user management
|
||||
|
||||
## Web Interface Requirements
|
||||
|
||||
### Session Management
|
||||
- Token expiry detection on page load (decode JWT `exp` claim)
|
||||
- 401 interceptor redirects to login on authentication failure
|
||||
- Session expiry warning banner when token expires in <2 minutes
|
||||
- Graceful logout clears storage and redirects to login
|
||||
- Login page shows expiry message when redirected with `?expired=1`
|
||||
|
||||
### Dashboard
|
||||
- Stats display always shows numbers (0, never `-`)
|
||||
- Quick actions for creating links, collections, API keys
|
||||
- Admin section visible only to admin users
|
||||
- Resilient loading (allSettled pattern - one failing API doesn't break others)
|
||||
|
||||
### Links Page
|
||||
- **Simple search mode**: Keyword search across title, URL, description, notes, and tags
|
||||
- **Query mode**: Full set operations (AND, OR, XOR, NOT, parentheses, field filters)
|
||||
- Multi-word search uses AND logic (all terms must match)
|
||||
- Tags are included in all searches
|
||||
- **Save as Collection**: Convert current results to static collection or query to dynamic collection
|
||||
|
||||
### Collections Page
|
||||
- Static collections: Manual link management
|
||||
- Dynamic collections: Query expression with preview
|
||||
- Query builder UI with syntax hints
|
||||
- Preview button shows matching links and count
|
||||
- Query expression displayed on collection cards
|
||||
|
||||
### Error Handling
|
||||
- API errors return structured responses with user-friendly messages
|
||||
- Form validation before submission
|
||||
- Network errors show graceful fallbacks
|
||||
|
||||
## Conventions
|
||||
|
||||
|
||||
Reference in New Issue
Block a user