bc81cb2398
Implements the four views per the task card:
1. CV Editor (/cv):
- Profile form (name/email/phone/location/headline/summary) with save
- Section list editor: add/edit/delete sections with kind select,
title/org/dates, bullet list editor with per-bullet AI-assist
button calling POST /profile/sections/{id}/ai-assist, suggestions
shown with accept/dismiss
- Render CV button -> POST /profile/render-cv, shows URL link
2. Research (/research):
- Table of postings (GET /postings) with company/title/location/
source/fetched_at
- Add by URL input -> POST /postings
- Score button per row -> shows score result
3. Applications (/applications):
- Kanban board grouped by state (10 columns per data-model states)
- Cards show company/title/score
- HTML5 drag-and-drop between columns -> POST /applications/{id}/transition
- Optimistic update, revert on 409 with toast showing reason
- Click card to navigate to detail view
4. Application detail (/applications/:id):
- Posting info, state, score
- Artifacts list
- Cover-letter editor (textarea) -> save calls POST /applications/{id}/artifacts/
cover-letter, critique rendered as cards with severity color coding
- Approval widget: select artifact + action -> request approval ->
I confirm button -> Send button (disabled until confirmed; shows
409 errors as toasts)
Tech stack:
- Vue 3 + Vite + TypeScript (strict, noUnusedLocals/Parameters)
- Pinia for state (toast store)
- vue-router with lazy-loaded views
- Tailwind CSS configured locally (no CDN), PostCSS + autoprefixer
- API base from VITE_API_BASE defaulting to http://localhost:8000/api
- Typed API client module (src/api/index.ts) matching the contract
- Domain types (src/types/index.ts) from data-model.md
Tests (vitest, all passing):
- router.test.ts: router renders 3 tab links (CV, Research, Applications)
- Applications.test.ts: kanban groups cards by state from fixture
- ApplicationDetail.test.ts: Send disabled until confirmed; 409 error toast
Build: npm run build passes (vue-tsc --noEmit + vite build)
Tests: npm run test passes (4 tests, 3 files)
33 lines
No EOL
1.2 KiB
TypeScript
33 lines
No EOL
1.2 KiB
TypeScript
import { describe, it, expect } from 'vitest'
|
|
import { mount } from '@vue/test-utils'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import { createRouter, createMemoryHistory } from 'vue-router'
|
|
import App from '@/App.vue'
|
|
|
|
function makeRouter() {
|
|
return createRouter({
|
|
history: createMemoryHistory(),
|
|
routes: [
|
|
{ path: '/', redirect: '/cv' },
|
|
{ path: '/cv', name: 'cv', component: { template: '<div>CV</div>' } },
|
|
{ path: '/research', name: 'research', component: { template: '<div>Research</div>' } },
|
|
{ path: '/applications', name: 'applications', component: { template: '<div>Applications</div>' } },
|
|
{ path: '/applications/:id', name: 'application-detail', component: { template: '<div>Detail</div>' } }
|
|
]
|
|
})
|
|
}
|
|
|
|
describe('Router tabs', () => {
|
|
it('renders all three tab links', async () => {
|
|
setActivePinia(createPinia())
|
|
const router = makeRouter()
|
|
await router.push('/cv')
|
|
await router.isReady()
|
|
const wrapper = mount(App, { global: { plugins: [router] } })
|
|
const links = wrapper.findAll('nav a')
|
|
expect(links).toHaveLength(3)
|
|
expect(links[0].text()).toBe('CV')
|
|
expect(links[1].text()).toBe('Research')
|
|
expect(links[2].text()).toBe('Applications')
|
|
})
|
|
}) |