kin: KIN-130-frontend_dev

web/frontend/src/__tests__/task-detail-revising-badge.test.ts

@@ -110,7 +110,7 @@ describe('KIN-UI-017: TaskDetail — statusColor() для статуса revisin
     const header = wrapper.find('h1')
     expect(header.exists()).toBe(true)
     // Ищем Badge рядом с заголовком задачи — он должен быть orange, не gray/blue
-    const grayBadgeInHeader = wrapper.find('.text-gray-400.text-xs.rounded')
+    const _grayBadgeInHeader = wrapper.find('.text-gray-400.text-xs.rounded')
     // text-gray-400 может встречаться в других элементах, но мы проверяем наличие orange
     const orangeBadge = wrapper.find('.text-orange-400')
     expect(orangeBadge.exists()).toBe(true)

web/frontend/src/__tests__/task-tree.test.ts

@@ -253,7 +253,7 @@ describe('KIN-127: дерево задач — отступы', () => {
     // Обёртка корневой задачи
     const taskWrapper = wrapper.find('div[style*="padding-left"]')
     if (taskWrapper.exists()) {
-      expect(taskWrapper.element.style.paddingLeft).toBe('0px')
+      expect((taskWrapper.element as HTMLElement).style.paddingLeft).toBe('0px')
     } else {
       // Если стиль не задан явно для 0 — это тоже приемлемо
       expect(true).toBe(true)
@@ -278,7 +278,7 @@ describe('KIN-127: дерево задач — отступы', () => {
       w.find('a[href="/task/KIN-002"]').exists()
     )
     expect(child1Wrapper?.exists()).toBe(true)
-    expect(child1Wrapper?.element.style.paddingLeft).toBe('24px')
+    expect((child1Wrapper?.element as HTMLElement | undefined)?.style.paddingLeft).toBe('24px')
   })
 
   it('Задача второго уровня имеет paddingLeft 48px', async () => {
@@ -304,7 +304,7 @@ describe('KIN-127: дерево задач — отступы', () => {
       w.find('a[href="/task/KIN-003"]').exists()
     )
     expect(child2Wrapper?.exists()).toBe(true)
-    expect(child2Wrapper?.element.style.paddingLeft).toBe('48px')
+    expect((child2Wrapper?.element as HTMLElement | undefined)?.style.paddingLeft).toBe('48px')
   })
 })
 

web/frontend/tsconfig.json

@@ -2,6 +2,7 @@
   "files": [],
   "references": [
     { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
+    { "path": "./tsconfig.node.json" },
+    { "path": "./tsconfig.vitest.json" }
   ]
 }

web/frontend/tsconfig.vitest.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.node.json",
+  "compilerOptions": {
+    "types": ["node", "vitest/globals"],
+    "lib": ["ES2023", "DOM"],
+    "moduleResolution": "bundler",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
+  },
+  "include": [
+    "src/__tests__/**/*.ts",
+    "src/**/__tests__/**/*.ts"
+  ]
+}

web/frontend/vite.config.ts

@@ -13,5 +13,6 @@ export default defineConfig({
     environment: 'jsdom',
     globals: true,
     setupFiles: ['./src/__tests__/vitest-setup.ts'],
+    typecheck: { tsconfig: './tsconfig.vitest.json' },
   },
 })