refactor: split note list hotspots

src/test-utils/noteListTestUtils.tsx

@@ -0,0 +1,232 @@
+import type { ComponentProps } from 'react'
+import { render } from '@testing-library/react'
+import { vi } from 'vitest'
+import { NoteList } from '../components/NoteList'
+import type { NoteListFilter } from '../utils/noteListHelpers'
+import type { VaultEntry, SidebarSelection } from '../types'
+
+type NoteListProps = ComponentProps<typeof NoteList>
+
+export const allSelection: SidebarSelection = { kind: 'filter', filter: 'all' }
+
+export const mockEntries: VaultEntry[] = [
+  {
+    path: '/Users/luca/Laputa/project/26q1-laputa-app.md',
+    filename: '26q1-laputa-app.md',
+    title: 'Build Laputa App',
+    isA: 'Project',
+    aliases: [],
+    belongsTo: [],
+    relatedTo: ['[[topic/software-development]]'],
+    status: 'Active',
+    owner: 'Luca',
+    cadence: null,
+    archived: false,
+    modifiedAt: 1700000000,
+    createdAt: null,
+    fileSize: 1024,
+    snippet: 'Build a personal knowledge management app.',
+    wordCount: 0,
+    relationships: {
+      'Related to': ['[[topic/software-development]]'],
+    },
+    icon: null,
+    color: null,
+    order: null,
+    template: null,
+    sort: null,
+    outgoingLinks: [],
+    properties: {},
+  },
+  {
+    path: '/Users/luca/Laputa/note/facebook-ads-strategy.md',
+    filename: 'facebook-ads-strategy.md',
+    title: 'Facebook Ads Strategy',
+    isA: 'Note',
+    aliases: [],
+    belongsTo: ['[[project/26q1-laputa-app]]'],
+    relatedTo: ['[[topic/growth]]'],
+    status: null,
+    owner: null,
+    cadence: null,
+    archived: false,
+    modifiedAt: 1700000000,
+    createdAt: null,
+    fileSize: 847,
+    snippet: 'Lookalike audiences convert 3x better.',
+    wordCount: 0,
+    relationships: {
+      'Belongs to': ['[[project/26q1-laputa-app]]'],
+      'Related to': ['[[topic/growth]]'],
+    },
+    icon: null,
+    color: null,
+    order: null,
+    template: null,
+    sort: null,
+    outgoingLinks: [],
+    properties: {},
+  },
+  {
+    path: '/Users/luca/Laputa/person/matteo-cellini.md',
+    filename: 'matteo-cellini.md',
+    title: 'Matteo Cellini',
+    isA: 'Person',
+    aliases: [],
+    belongsTo: [],
+    relatedTo: [],
+    status: null,
+    owner: null,
+    cadence: null,
+    archived: false,
+    modifiedAt: 1700000000,
+    createdAt: null,
+    fileSize: 320,
+    snippet: 'Sponsorship manager.',
+    wordCount: 0,
+    relationships: {},
+    icon: null,
+    color: null,
+    order: null,
+    template: null,
+    sort: null,
+    outgoingLinks: [],
+    properties: {},
+  },
+  {
+    path: '/Users/luca/Laputa/event/2026-02-14-kickoff.md',
+    filename: '2026-02-14-kickoff.md',
+    title: 'Kickoff Meeting',
+    isA: 'Event',
+    aliases: [],
+    belongsTo: [],
+    relatedTo: [],
+    status: null,
+    owner: null,
+    cadence: null,
+    archived: false,
+    modifiedAt: 1700000000,
+    createdAt: null,
+    fileSize: 512,
+    snippet: 'Project kickoff meeting notes.',
+    wordCount: 0,
+    relationships: {},
+    icon: null,
+    color: null,
+    order: null,
+    template: null,
+    sort: null,
+    outgoingLinks: [],
+    properties: {},
+  },
+  {
+    path: '/Users/luca/Laputa/topic/software-development.md',
+    filename: 'software-development.md',
+    title: 'Software Development',
+    isA: 'Topic',
+    aliases: [],
+    belongsTo: [],
+    relatedTo: [],
+    status: null,
+    owner: null,
+    cadence: null,
+    archived: false,
+    modifiedAt: 1700000000,
+    createdAt: null,
+    fileSize: 256,
+    snippet: 'Frontend, backend, and systems programming.',
+    wordCount: 0,
+    relationships: {},
+    icon: null,
+    color: null,
+    order: null,
+    template: null,
+    sort: null,
+    outgoingLinks: [],
+    properties: {},
+  },
+]
+
+export const makeEntry = (overrides: Partial<VaultEntry> = {}): VaultEntry => ({
+  path: '/test.md',
+  filename: 'test.md',
+  title: 'Test',
+  isA: null,
+  aliases: [],
+  belongsTo: [],
+  relatedTo: [],
+  status: null,
+  archived: false,
+  modifiedAt: null,
+  createdAt: null,
+  fileSize: 100,
+  snippet: '',
+  wordCount: 0,
+  relationships: {},
+  icon: null,
+  color: null,
+  order: null,
+  sidebarLabel: null,
+  template: null,
+  sort: null,
+  view: null,
+  visible: null,
+  outgoingLinks: [],
+  properties: {},
+  ...overrides,
+})
+
+export const makeIndexedEntry = (index: number, overrides?: Partial<VaultEntry>): VaultEntry =>
+  makeEntry({
+    path: `/vault/note/note-${index}.md`,
+    filename: `note-${index}.md`,
+    title: `Note ${index}`,
+    isA: 'Note',
+    modifiedAt: 1700000000 - index * 60,
+    fileSize: 500,
+    snippet: `Content of note ${index}`,
+    ...overrides,
+  })
+
+export const makeTypeDefinition = (title: string, displayProps: string[] = []): VaultEntry =>
+  makeEntry({
+    path: `/vault/type/${title.toLowerCase()}.md`,
+    filename: `${title.toLowerCase()}.md`,
+    title,
+    isA: 'Type',
+    listPropertiesDisplay: displayProps,
+  })
+
+export function createNoteListSpies() {
+  return {
+    onSelectNote: vi.fn(),
+    onReplaceActiveTab: vi.fn(),
+    onCreateNote: vi.fn(),
+    onNoteListFilterChange: vi.fn(),
+  }
+}
+
+export function buildNoteListProps(overrides: Partial<NoteListProps> = {}) {
+  const spies = createNoteListSpies()
+  const props: NoteListProps = {
+    entries: mockEntries,
+    selection: allSelection,
+    selectedNote: null,
+    noteListFilter: 'open' as NoteListFilter,
+    onNoteListFilterChange: spies.onNoteListFilterChange,
+    onSelectNote: spies.onSelectNote,
+    onReplaceActiveTab: spies.onReplaceActiveTab,
+    onCreateNote: spies.onCreateNote,
+    ...overrides,
+  }
+
+  return { props, ...spies }
+}
+
+export function renderNoteList(overrides: Partial<NoteListProps> = {}) {
+  const built = buildNoteListProps(overrides)
+  return {
+    ...render(<NoteList {...built.props} />),
+    ...built,
+  }
+}