feat: finished phase 3

tests/renderer/components/GitDiffView.test.tsx

@@ -7,11 +7,14 @@ import { useAppStore } from '../../../src/renderer/store';
 vi.mock('@monaco-editor/react', () => ({
   __esModule: true,
   default: (_props: unknown) => null,
-  DiffEditor: (props: { original: string; modified: string; language?: string }) => (
+  DiffEditor: (props: { original: string; modified: string; language?: string; options?: Record<string, unknown> }) => (
     <div data-testid="monaco-diff-editor">
       <div>original:{props.original}</div>
       <div>modified:{props.modified}</div>
       <div>language:{props.language}</div>
+      <div>renderSideBySide:{String(props.options?.renderSideBySide)}</div>
+      <div>wordWrap:{String(props.options?.wordWrap)}</div>
+      <div>hideUnchanged:{String((props.options?.hideUnchangedRegions as { enabled?: boolean } | undefined)?.enabled)}</div>
     </div>
   ),
 }));
@@ -30,6 +33,11 @@ describe('GitDiffView', () => {
         createdAt: new Date().toISOString(),
         updatedAt: new Date().toISOString(),
       },
+      gitDiffPreferences: {
+        wordWrap: true,
+        viewStyle: 'inline',
+        hideUnchangedRegions: false,
+      },
     });
 
     (window as any).electronAPI = {
@@ -56,5 +64,8 @@ describe('GitDiffView', () => {
     expect((window as any).electronAPI.git.getDiffContent).toHaveBeenCalledWith('/repo/path', 'posts/first.md');
     expect(screen.getByText('original:# old line')).toBeInTheDocument();
     expect(screen.getByText('modified:# new line')).toBeInTheDocument();
+    expect(screen.getByText('renderSideBySide:false')).toBeInTheDocument();
+    expect(screen.getByText('wordWrap:on')).toBeInTheDocument();
+    expect(screen.getByText('hideUnchanged:false')).toBeInTheDocument();
   });
 });

tests/renderer/components/SettingsView.test.tsx

@@ -0,0 +1,69 @@
+import React from 'react';
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { SettingsView } from '../../../src/renderer/components/SettingsView/SettingsView';
+import { useAppStore } from '../../../src/renderer/store';
+
+describe('SettingsView Diff Preferences', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+
+    useAppStore.setState({
+      activeProject: {
+        id: 'project-1',
+        name: 'Test Project',
+        slug: 'test-project',
+        isActive: true,
+        createdAt: new Date().toISOString(),
+        updatedAt: new Date().toISOString(),
+      },
+      gitDiffPreferences: {
+        wordWrap: true,
+        viewStyle: 'inline',
+        hideUnchangedRegions: false,
+      },
+    });
+
+    (window as any).electronAPI = {
+      ...(window as any).electronAPI,
+      app: {
+        ...(window as any).electronAPI?.app,
+        getDefaultProjectPath: vi.fn().mockResolvedValue('/repo/path'),
+      },
+      meta: {
+        ...(window as any).electronAPI?.meta,
+        getCategories: vi.fn().mockResolvedValue(['article', 'picture', 'aside', 'page']),
+        getProjectMetadata: vi.fn().mockResolvedValue({}),
+      },
+      chat: {
+        ...(window as any).electronAPI?.chat,
+        getSystemPrompt: vi.fn().mockResolvedValue({ success: true, prompt: '' }),
+        getApiKey: vi.fn().mockResolvedValue({ hasKey: false, maskedKey: '' }),
+        getAvailableModels: vi.fn().mockResolvedValue({ success: true, models: [], selectedModel: '' }),
+      },
+      projects: {
+        ...(window as any).electronAPI?.projects,
+        update: vi.fn().mockResolvedValue(null),
+      },
+    };
+  });
+
+  it('updates git diff preferences from settings controls', async () => {
+    render(<SettingsView />);
+
+    const viewStyle = await screen.findByLabelText(/diff view style/i);
+    fireEvent.change(viewStyle, { target: { value: 'side-by-side' } });
+
+    const wrapCheckbox = screen.getByLabelText(/wrap long lines in diff/i);
+    fireEvent.click(wrapCheckbox);
+
+    const hideCheckbox = screen.getByLabelText(/hide unchanged regions/i);
+    fireEvent.click(hideCheckbox);
+
+    expect(useAppStore.getState().gitDiffPreferences).toEqual({
+      wordWrap: false,
+      viewStyle: 'side-by-side',
+      hideUnchangedRegions: true,
+    });
+  });
+});