fix: MEDIUM issues #31-#36 — inline text editor, image/paste persist, input validation on all routes, useEffect deps, online count fix

frontend/tests/InlineTextEditor.test.tsx

@@ -0,0 +1,55 @@
+/**
+ * InlineTextEditor Tests
+ */
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import InlineTextEditor from '../src/components/InlineTextEditor';
+
+describe('InlineTextEditor', () => {
+  it('should render with initial text', () => {
+    render(<InlineTextEditor initialText="Hello" onSubmit={() => {}} onCancel={() => {}} />);
+    const input = screen.getByDisplayValue('Hello');
+    expect(input).toBeDefined();
+  });
+
+  it('should call onSubmit with text when Enter is pressed', () => {
+    const onSubmit = vi.fn();
+    render(<InlineTextEditor initialText="Test" onSubmit={onSubmit} onCancel={() => {}} />);
+    const input = screen.getByDisplayValue('Test');
+    fireEvent.keyDown(input, { key: 'Enter' });
+    expect(onSubmit).toHaveBeenCalledWith('Test');
+  });
+
+  it('should call onCancel when Escape is pressed', () => {
+    const onCancel = vi.fn();
+    render(<InlineTextEditor initialText="Test" onSubmit={() => {}} onCancel={onCancel} />);
+    const input = screen.getByDisplayValue('Test');
+    fireEvent.keyDown(input, { key: 'Escape' });
+    expect(onCancel).toHaveBeenCalled();
+  });
+
+  it('should update text when typing', () => {
+    const onSubmit = vi.fn();
+    render(<InlineTextEditor initialText="" onSubmit={onSubmit} onCancel={() => {}} />);
+    const input = screen.getByRole('textbox') as HTMLInputElement;
+    fireEvent.change(input, { target: { value: 'New Text' } });
+    fireEvent.keyDown(input, { key: 'Enter' });
+    expect(onSubmit).toHaveBeenCalledWith('New Text');
+  });
+
+  it('should call onSubmit when confirm button is clicked', () => {
+    const onSubmit = vi.fn();
+    render(<InlineTextEditor initialText="Initial" onSubmit={onSubmit} onCancel={() => {}} />);
+    const confirmBtn = screen.getByText('Bestätigen (Enter)');
+    fireEvent.click(confirmBtn);
+    expect(onSubmit).toHaveBeenCalledWith('Initial');
+  });
+
+  it('should call onCancel when cancel button is clicked', () => {
+    const onCancel = vi.fn();
+    render(<InlineTextEditor initialText="" onSubmit={() => {}} onCancel={onCancel} />);
+    const cancelBtn = screen.getByText('Abbrechen (Esc)');
+    fireEvent.click(cancelBtn);
+    expect(onCancel).toHaveBeenCalled();
+  });
+});