tolaria/src/components/NoteItem.test.tsx

import { render, screen } from '@testing-library/react'
import { describe, it, expect, vi } from 'vitest'
import { NoteItem } from './NoteItem'
import type { VaultEntry } from '../types'

vi.mock('../mock-tauri', () => ({ isTauri: () => false, mockInvoke: vi.fn() }))

function makeEntry(overrides: Partial<VaultEntry> = {}): VaultEntry {
  return {
    path: '/vault/test.md', filename: 'test.md', title: 'Test Note',
    isA: 'Movie', aliases: [], belongsTo: [], relatedTo: [],
    status: null, archived: false, trashed: false, trashedAt: null,
    modifiedAt: 1700000000, createdAt: null, fileSize: 100,
    snippet: 'A snippet', wordCount: 50,
    relationships: {}, icon: null, color: null, order: null,
    sidebarLabel: null, template: null, sort: null, view: null,
    visible: null, favorite: false, favoriteIndex: null,
    outgoingLinks: [], properties: {},
    listPropertiesDisplay: [],
    ...overrides,
  }
}

function makeTypeEntry(overrides: Partial<VaultEntry> = {}): VaultEntry {
  return makeEntry({
    path: '/vault/movie.md', filename: 'movie.md', title: 'Movie',
    isA: 'Type', listPropertiesDisplay: [],
    ...overrides,
  })
}

const noop = vi.fn()

describe('NoteItem property chips', () => {
  it('renders property chips when type has listPropertiesDisplay', () => {
    const entry = makeEntry({
      properties: { rating: 4, genre: 'Drama' },
    })
    const typeEntry = makeTypeEntry({ listPropertiesDisplay: ['rating', 'genre'] })

    render(
      <NoteItem entry={entry} isSelected={false} noteStatus="clean"
        typeEntryMap={{ Movie: typeEntry }} onClickNote={noop} />
    )

    expect(screen.getByTestId('property-chips')).toBeInTheDocument()
    expect(screen.getByText('4')).toBeInTheDocument()
    expect(screen.getByText('Drama')).toBeInTheDocument()
  })

  it('does not render chips when listPropertiesDisplay is empty', () => {
    const entry = makeEntry({ properties: { rating: 4 } })
    const typeEntry = makeTypeEntry({ listPropertiesDisplay: [] })

    render(
      <NoteItem entry={entry} isSelected={false} noteStatus="clean"
        typeEntryMap={{ Movie: typeEntry }} onClickNote={noop} />
    )

    expect(screen.queryByTestId('property-chips')).not.toBeInTheDocument()
  })

  it('skips chips for missing properties', () => {
    const entry = makeEntry({ properties: { rating: 4 } })
    const typeEntry = makeTypeEntry({ listPropertiesDisplay: ['rating', 'genre'] })

    render(
      <NoteItem entry={entry} isSelected={false} noteStatus="clean"
        typeEntryMap={{ Movie: typeEntry }} onClickNote={noop} />
    )

    expect(screen.getByText('4')).toBeInTheDocument()
    expect(screen.queryByText('genre')).not.toBeInTheDocument()
  })

  it('renders relationship values as display labels', () => {
    const entry = makeEntry({
      relationships: { Director: ['[[spielberg|Steven Spielberg]]'] },
    })
    const typeEntry = makeTypeEntry({ listPropertiesDisplay: ['Director'] })

    render(
      <NoteItem entry={entry} isSelected={false} noteStatus="clean"
        typeEntryMap={{ Movie: typeEntry }} onClickNote={noop} />
    )

    expect(screen.getByText('Steven Spielberg')).toBeInTheDocument()
  })

  it('shows hostname for URL properties', () => {
    const entry = makeEntry({
      properties: { url: 'https://www.example.com/page/123' },
    })
    const typeEntry = makeTypeEntry({ listPropertiesDisplay: ['url'] })

    render(
      <NoteItem entry={entry} isSelected={false} noteStatus="clean"
        typeEntryMap={{ Movie: typeEntry }} onClickNote={noop} />
    )

    expect(screen.getByText('www.example.com')).toBeInTheDocument()
  })

  it('does not render chips for binary files', () => {
    const entry = makeEntry({
      fileKind: 'binary',
      properties: { rating: 4 },
    })
    const typeEntry = makeTypeEntry({ listPropertiesDisplay: ['rating'] })

    render(
      <NoteItem entry={entry} isSelected={false} noteStatus="clean"
        typeEntryMap={{ Movie: typeEntry }} onClickNote={noop} />
    )

    expect(screen.queryByTestId('property-chips')).not.toBeInTheDocument()
  })
})