kin: auto-commit after pipeline
This commit is contained in:
Gros Frumos
parent
feb7ea71b1
commit
993a8447d2
1 changed files with 297 additions and 0 deletions
297
web/frontend/src/__tests__/kin-ui-025-fixes.test.ts
Normal file
297
web/frontend/src/__tests__/kin-ui-025-fixes.test.ts
Normal file
|
|
@ -0,0 +1,297 @@
|
|||
/**
|
||||
* KIN-UI-025: Тесты трёх исправлений ревьюера
|
||||
*
|
||||
* Fix 1: Click-outside overlay — dropdown '+ New ▾' закрывается при клике вне меню
|
||||
* Fix 2: i18n — ключ dashboard.search_placeholder присутствует в обоих локалях без second arg
|
||||
* Fix 3: Stats-bar — статусы revising/cancelled/decomposed отображаются в счётчиках
|
||||
*/
|
||||
|
||||
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||||
import { mount, flushPromises } from '@vue/test-utils'
|
||||
import { createRouter, createMemoryHistory } from 'vue-router'
|
||||
import * as fs from 'node:fs'
|
||||
import * as path from 'node:path'
|
||||
import enJson from '../locales/en.json'
|
||||
import ruJson from '../locales/ru.json'
|
||||
import ProjectView from '../views/ProjectView.vue'
|
||||
import { i18n } from '../i18n'
|
||||
|
||||
// ============================================================================
|
||||
// Fix 2: i18n — dashboard.search_placeholder
|
||||
// ============================================================================
|
||||
|
||||
describe('KIN-UI-025 Fix 2: dashboard.search_placeholder в en.json', () => {
|
||||
it('ключ dashboard.search_placeholder присутствует в en.json', () => {
|
||||
expect((enJson.dashboard as Record<string, unknown>).search_placeholder).toBeDefined()
|
||||
})
|
||||
|
||||
it('значение dashboard.search_placeholder в en.json корректно', () => {
|
||||
expect((enJson.dashboard as Record<string, unknown>).search_placeholder).toBe('Search projects...')
|
||||
})
|
||||
})
|
||||
|
||||
describe('KIN-UI-025 Fix 2: dashboard.search_placeholder в ru.json', () => {
|
||||
it('ключ dashboard.search_placeholder присутствует в ru.json', () => {
|
||||
expect((ruJson.dashboard as Record<string, unknown>).search_placeholder).toBeDefined()
|
||||
})
|
||||
|
||||
it('значение dashboard.search_placeholder в ru.json корректно', () => {
|
||||
expect((ruJson.dashboard as Record<string, unknown>).search_placeholder).toBe('Поиск проектов...')
|
||||
})
|
||||
})
|
||||
|
||||
describe('KIN-UI-025 Fix 2: Dashboard.vue использует t() без второго аргумента', () => {
|
||||
it('вызов t("dashboard.search_placeholder") без второго аргумента (нет plural-хака)', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/Dashboard.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
// Должен быть вызов без второго аргумента
|
||||
expect(source).toContain("t('dashboard.search_placeholder')")
|
||||
// Не должно быть второго аргумента типа строки (старый plural-хак)
|
||||
expect(source).not.toContain("t('dashboard.search_placeholder', '")
|
||||
expect(source).not.toContain('t("dashboard.search_placeholder", "')
|
||||
})
|
||||
})
|
||||
|
||||
// ============================================================================
|
||||
// Fix 1: Click-outside overlay в Dashboard.vue
|
||||
// ============================================================================
|
||||
|
||||
describe('KIN-UI-025 Fix 1: Click-outside overlay в Dashboard.vue', () => {
|
||||
it('шаблон содержит overlay div с fixed inset-0 и z-[5]', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/Dashboard.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
expect(source).toContain('fixed inset-0 z-[5]')
|
||||
})
|
||||
|
||||
it('overlay показывается только когда showNewMenu === true (v-if)', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/Dashboard.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
// Overlay div должен быть внутри v-if="showNewMenu"
|
||||
const overlayLineMatch = source.match(/v-if="showNewMenu"[^>]*fixed inset-0/)
|
||||
expect(overlayLineMatch).not.toBeNull()
|
||||
})
|
||||
|
||||
it('overlay закрывает меню при клике: @click="showNewMenu = false"', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/Dashboard.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
// Overlay должен иметь обработчик закрытия
|
||||
const lines = source.split('\n')
|
||||
const overlayLine = lines.find(l => l.includes('fixed inset-0 z-[5]'))
|
||||
expect(overlayLine).toBeDefined()
|
||||
expect(overlayLine).toContain('showNewMenu = false')
|
||||
})
|
||||
|
||||
it('dropdown имеет z-10 — выше overlay z-[5]', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/Dashboard.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
// Меню должно иметь z-10
|
||||
expect(source).toContain('z-10')
|
||||
// Overlay должен иметь z-[5] (ниже меню)
|
||||
expect(source).toContain('z-[5]')
|
||||
})
|
||||
})
|
||||
|
||||
// ============================================================================
|
||||
// Fix 3: Stats-bar — revising/cancelled/decomposed в ProjectView
|
||||
// ============================================================================
|
||||
|
||||
vi.mock('../api', async (importOriginal) => {
|
||||
const actual = await importOriginal<typeof import('../api')>()
|
||||
return {
|
||||
...actual,
|
||||
api: {
|
||||
project: vi.fn(),
|
||||
projects: vi.fn(),
|
||||
getPhases: vi.fn(),
|
||||
environments: vi.fn(),
|
||||
projectLinks: vi.fn(),
|
||||
patchProject: vi.fn(),
|
||||
syncObsidian: vi.fn(),
|
||||
},
|
||||
}
|
||||
})
|
||||
|
||||
import { api } from '../api'
|
||||
|
||||
const localStorageMock = (() => {
|
||||
let store: Record<string, string> = {}
|
||||
return {
|
||||
getItem: (k: string) => store[k] ?? null,
|
||||
setItem: (k: string, v: string) => { store[k] = v },
|
||||
removeItem: (k: string) => { delete store[k] },
|
||||
clear: () => { store = {} },
|
||||
}
|
||||
})()
|
||||
Object.defineProperty(globalThis, 'localStorage', { value: localStorageMock, configurable: true })
|
||||
|
||||
function makeTask(id: string, status: string) {
|
||||
return {
|
||||
id,
|
||||
project_id: 'proj-stats',
|
||||
title: `Task ${id}`,
|
||||
status,
|
||||
priority: 5,
|
||||
assigned_role: null,
|
||||
parent_task_id: null,
|
||||
brief: null,
|
||||
spec: null,
|
||||
execution_mode: null,
|
||||
blocked_reason: null,
|
||||
dangerously_skipped: null,
|
||||
category: null,
|
||||
acceptance_criteria: null,
|
||||
feedback: null,
|
||||
created_at: '2024-01-01T00:00:00',
|
||||
updated_at: '2024-01-01T00:00:00',
|
||||
completed_at: null,
|
||||
}
|
||||
}
|
||||
|
||||
const STATS_PROJECT = {
|
||||
id: 'proj-stats',
|
||||
name: 'Stats Test Project',
|
||||
path: '/projects/stats',
|
||||
status: 'active',
|
||||
priority: 5,
|
||||
tech_stack: ['python'],
|
||||
execution_mode: 'review',
|
||||
autocommit_enabled: 0,
|
||||
auto_test_enabled: 0,
|
||||
worktrees_enabled: 0,
|
||||
obsidian_vault_path: '',
|
||||
deploy_command: '',
|
||||
test_command: '',
|
||||
deploy_host: '',
|
||||
deploy_path: '',
|
||||
deploy_runtime: '',
|
||||
deploy_restart_cmd: '',
|
||||
created_at: '2024-01-01',
|
||||
total_tasks: 6,
|
||||
done_tasks: 1,
|
||||
active_tasks: 1,
|
||||
blocked_tasks: 0,
|
||||
review_tasks: 0,
|
||||
project_type: 'development',
|
||||
ssh_host: '',
|
||||
ssh_user: '',
|
||||
ssh_key_path: '',
|
||||
ssh_proxy_jump: '',
|
||||
description: null,
|
||||
tasks: [
|
||||
makeTask('T1', 'done'),
|
||||
makeTask('T2', 'in_progress'),
|
||||
makeTask('T3', 'revising'),
|
||||
makeTask('T4', 'cancelled'),
|
||||
makeTask('T5', 'decomposed'),
|
||||
makeTask('T6', 'pending'),
|
||||
],
|
||||
modules: [],
|
||||
decisions: [],
|
||||
}
|
||||
|
||||
function makeRouter() {
|
||||
return createRouter({
|
||||
history: createMemoryHistory(),
|
||||
routes: [{ path: '/project/:id', component: ProjectView, props: true }],
|
||||
})
|
||||
}
|
||||
|
||||
beforeEach(() => {
|
||||
localStorageMock.clear()
|
||||
vi.clearAllMocks()
|
||||
vi.mocked(api.project).mockResolvedValue(STATS_PROJECT as any)
|
||||
vi.mocked(api.projects).mockResolvedValue([])
|
||||
vi.mocked(api.getPhases).mockResolvedValue([])
|
||||
vi.mocked(api.environments).mockResolvedValue([])
|
||||
vi.mocked(api.projectLinks).mockResolvedValue([])
|
||||
vi.mocked(api.patchProject).mockResolvedValue(STATS_PROJECT as any)
|
||||
i18n.global.locale.value = 'en' as any
|
||||
})
|
||||
|
||||
describe('KIN-UI-025 Fix 3: Stats-бар — revising/cancelled/decomposed', () => {
|
||||
it('taskStats computed содержит поле revising', async () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/ProjectView.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
// Проверяем что в taskStats есть фильтрация по revising
|
||||
expect(source).toContain("t.status === 'revising'")
|
||||
})
|
||||
|
||||
it('taskStats computed содержит поле cancelled', async () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/ProjectView.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
expect(source).toContain("t.status === 'cancelled'")
|
||||
})
|
||||
|
||||
it('taskStats computed содержит поле decomposed', async () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/ProjectView.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
expect(source).toContain("t.status === 'decomposed'")
|
||||
})
|
||||
|
||||
it('шаблон отображает span для revising со стилем text-orange-400', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/ProjectView.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
const lines = source.split('\n')
|
||||
const revisingSpan = lines.find(l => l.includes('taskStats.revising') && l.includes('text-orange-400'))
|
||||
expect(revisingSpan).toBeDefined()
|
||||
})
|
||||
|
||||
it('шаблон отображает span для cancelled', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/ProjectView.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
expect(source).toContain('taskStats.cancelled')
|
||||
})
|
||||
|
||||
it('шаблон отображает span для decomposed', () => {
|
||||
const vuePath = path.resolve(__dirname, '../views/ProjectView.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
expect(source).toContain('taskStats.decomposed')
|
||||
})
|
||||
|
||||
it('stats-бар рендерит "revising" для задачи со статусом revising', async () => {
|
||||
const router = makeRouter()
|
||||
await router.push('/project/proj-stats')
|
||||
const wrapper = mount(ProjectView, {
|
||||
props: { id: 'proj-stats' },
|
||||
global: { plugins: [router] },
|
||||
})
|
||||
await flushPromises()
|
||||
|
||||
const statsText = wrapper.html()
|
||||
expect(statsText).toContain('revising')
|
||||
})
|
||||
|
||||
it('stats-бар рендерит "cancelled" для задачи со статусом cancelled', async () => {
|
||||
const router = makeRouter()
|
||||
await router.push('/project/proj-stats')
|
||||
const wrapper = mount(ProjectView, {
|
||||
props: { id: 'proj-stats' },
|
||||
global: { plugins: [router] },
|
||||
})
|
||||
await flushPromises()
|
||||
|
||||
const statsText = wrapper.html()
|
||||
expect(statsText).toContain('cancelled')
|
||||
})
|
||||
|
||||
it('stats-бар рендерит "decomposed" для задачи со статусом decomposed', async () => {
|
||||
const router = makeRouter()
|
||||
await router.push('/project/proj-stats')
|
||||
const wrapper = mount(ProjectView, {
|
||||
props: { id: 'proj-stats' },
|
||||
global: { plugins: [router] },
|
||||
})
|
||||
await flushPromises()
|
||||
|
||||
const statsText = wrapper.html()
|
||||
expect(statsText).toContain('decomposed')
|
||||
})
|
||||
|
||||
it('сумма всех статусов равна total (6 задач)', () => {
|
||||
// Статическая проверка: taskStats возвращает revising+cancelled+decomposed в sum
|
||||
const vuePath = path.resolve(__dirname, '../views/ProjectView.vue')
|
||||
const source = fs.readFileSync(vuePath, 'utf-8')
|
||||
// return объект должен включать все 8 статусов + total + pct
|
||||
expect(source).toContain('revising, cancelled, decomposed')
|
||||
})
|
||||
})
|
||||
Loading…
Add table
Add a link
Reference in a new issue