Add tree explorer tree node test

src/components/common/__tests__/TreeExplorerTreeNode.spec.ts

@@ -0,0 +1,35 @@
+import { describe, it, expect, vi } from 'vitest'
+import { mount } from '@vue/test-utils'
+import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
+import EditableText from '@/components/common/EditableText.vue'
+import Badge from 'primevue/badge'
+import { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
+
+describe('TreeExplorerTreeNode', () => {
+  const mockNode = {
+    key: '1',
+    label: 'Test Node',
+    leaf: false,
+    totalLeaves: 3,
+    icon: 'pi pi-folder',
+    type: 'folder'
+  } as RenderedTreeExplorerNode
+
+  it('renders correctly', () => {
+    const wrapper = mount(TreeExplorerTreeNode, {
+      props: { node: mockNode },
+      global: {
+        components: { EditableText, Badge },
+        provide: { renameEditingNode: { value: null } }
+      }
+    })
+
+    expect(wrapper.find('.tree-node').exists()).toBe(true)
+    expect(wrapper.find('.tree-folder').exists()).toBe(true)
+    expect(wrapper.find('.tree-leaf').exists()).toBe(false)
+    expect(wrapper.findComponent(EditableText).props('modelValue')).toBe(
+      'Test Node'
+    )
+    expect(wrapper.findComponent(Badge).props()['value']).toBe(3)
+  })
+})

src/types/treeExplorerTypes.ts

@@ -1,8 +1,8 @@
 export interface TreeExplorerNode<T = any> {
   key: string
   label: string
-  data: T
   leaf: boolean
+  data?: T
   children?: TreeExplorerNode<T>[]
   icon?: string
   getIcon?: (node: TreeExplorerNode<T>) => string

vitest.config.ts

@@ -11,5 +11,10 @@ export default defineConfig({
     coverage: {
       reporter: ['text', 'json', 'html']
     }
+  },
+  resolve: {
+    alias: {
+      '@': '/src'
+    }
   }
 })