e1cdd86ab2
251 tests covering: - StatusBar: note count, vault menu interactions - CommitDialog: file count badge, submit via click/Cmd+Enter, validation - DiffView: line rendering, color coding, line numbers - QuickOpenPalette: search, sorting, fuzzy filtering, keyboard navigation - ResizeHandle: drag with rAF batching, delta accumulation, cursor reset - CreateNoteDialog: title input, submit, validation, defaultType - EditableValue: view/edit modes, Enter/Escape/blur, TagPillList CRUD - TypeCustomizePopover: resolveIcon, color/icon selection - DynamicPropertiesPanel: properties, status pills, boolean toggle, tags, add property form, value coercion, delete - InspectorPanels: relationships, backlinks, git history, navigation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
import { describe, it, expect } from 'vitest'
|
|
import { render, screen } from '@testing-library/react'
|
|
import { DiffView } from './DiffView'
|
|
|
|
describe('DiffView', () => {
|
|
it('shows "No changes to display" when diff is empty', () => {
|
|
render(<DiffView diff="" />)
|
|
expect(screen.getByText('No changes to display')).toBeInTheDocument()
|
|
})
|
|
|
|
it('renders diff lines with line numbers', () => {
|
|
const diff = 'diff --git a/test.md b/test.md\n--- a/test.md\n+++ b/test.md\n@@ -1,3 +1,3 @@\n-old line\n+new line\n context'
|
|
render(<DiffView diff={diff} />)
|
|
|
|
expect(screen.getByText('-old line')).toBeInTheDocument()
|
|
expect(screen.getByText('+new line')).toBeInTheDocument()
|
|
expect(screen.getByText('context')).toBeInTheDocument()
|
|
})
|
|
|
|
it('applies green styling to added lines', () => {
|
|
const diff = '+added line'
|
|
const { container } = render(<DiffView diff={diff} />)
|
|
const addedLine = container.querySelector('.text-\\[\\#4caf50\\]')
|
|
expect(addedLine).toBeInTheDocument()
|
|
})
|
|
|
|
it('applies red styling to removed lines', () => {
|
|
const diff = '-removed line'
|
|
const { container } = render(<DiffView diff={diff} />)
|
|
const removedLine = container.querySelector('.text-\\[\\#f44336\\]')
|
|
expect(removedLine).toBeInTheDocument()
|
|
})
|
|
|
|
it('applies hunk header styling to @@ lines', () => {
|
|
const diff = '@@ -1,3 +1,3 @@'
|
|
const { container } = render(<DiffView diff={diff} />)
|
|
const hunkLine = container.querySelector('.italic')
|
|
expect(hunkLine).toBeInTheDocument()
|
|
})
|
|
|
|
it('applies header styling to diff/index/---/+++ lines', () => {
|
|
const diff = 'diff --git a/test.md b/test.md\nindex abc123..def456\n--- a/test.md\n+++ b/test.md'
|
|
const { container } = render(<DiffView diff={diff} />)
|
|
const headerLines = container.querySelectorAll('.font-semibold')
|
|
expect(headerLines.length).toBeGreaterThanOrEqual(3) // diff, index, --- and +++ are headers
|
|
})
|
|
|
|
it('handles new file mode header', () => {
|
|
const diff = 'new file mode 100644'
|
|
const { container } = render(<DiffView diff={diff} />)
|
|
const headerLine = container.querySelector('.font-semibold')
|
|
expect(headerLine).toBeInTheDocument()
|
|
})
|
|
|
|
it('renders line numbers sequentially', () => {
|
|
const diff = 'line1\nline2\nline3'
|
|
render(<DiffView diff={diff} />)
|
|
expect(screen.getByText('1')).toBeInTheDocument()
|
|
expect(screen.getByText('2')).toBeInTheDocument()
|
|
expect(screen.getByText('3')).toBeInTheDocument()
|
|
})
|
|
})
|