feat: add google oauth

src/components/__tests__/App.test.tsx

@@ -0,0 +1,112 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import App from '../../App';
+
+const { useAuthMock } = vi.hoisted(() => ({
+  useAuthMock: vi.fn(),
+}));
+
+vi.mock('../../contexts/AuthContext', () => ({
+  useAuth: () => useAuthMock(),
+}));
+
+vi.mock('../../contexts/LanguageContext', () => ({
+  useLanguage: () => ({
+    t: {
+      common: { loading: '加载中', processing: '处理中' },
+      alerts: {
+        taskTimeout: '超时',
+        networkError: '网络错误',
+        uploadFailed: '上传失败',
+      },
+    },
+  }),
+}));
+
+vi.mock('../../lib/uploadService', () => ({
+  uploadService: {
+    getTaskList: vi.fn().mockResolvedValue({ task_list: [], total: 0 }),
+    getTaskResult: vi.fn(),
+    calculateMD5: vi.fn(),
+    uploadFile: vi.fn(),
+    createRecognitionTask: vi.fn(),
+  },
+}));
+
+vi.mock('../../components/Navbar', () => ({
+  default: () => <div>navbar</div>,
+}));
+
+vi.mock('../../components/LeftSidebar', () => ({
+  default: ({
+    onUploadClick,
+    onRequireAuth,
+    canUploadAnonymously,
+  }: {
+    onUploadClick: () => void;
+    onRequireAuth: () => void;
+    canUploadAnonymously: boolean;
+  }) => (
+    <div>
+      <button onClick={onUploadClick}>open-upload</button>
+      <button onClick={onRequireAuth}>open-auth</button>
+      <span>{canUploadAnonymously ? 'guest-allowed' : 'guest-blocked'}</span>
+    </div>
+  ),
+}));
+
+vi.mock('../../components/FilePreview', () => ({
+  default: () => <div>preview</div>,
+}));
+
+vi.mock('../../components/ResultPanel', () => ({
+  default: () => <div>result</div>,
+}));
+
+vi.mock('../../components/UploadModal', () => ({
+  default: () => <div>upload-modal</div>,
+}));
+
+vi.mock('../../components/UserGuide', () => ({
+  default: () => null,
+}));
+
+vi.mock('../../components/AuthModal', () => ({
+  default: () => <div>auth-modal</div>,
+}));
+
+describe('App anonymous usage limit', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    localStorage.clear();
+    localStorage.setItem('hasSeenGuide', 'true');
+    useAuthMock.mockReturnValue({
+      user: null,
+      initializing: false,
+    });
+  });
+
+  it('allows anonymous upload before the limit', () => {
+    localStorage.setItem('texpixel_guest_usage_count', '2');
+
+    render(<App />);
+
+    expect(screen.getByText('guest-allowed')).toBeInTheDocument();
+    fireEvent.click(screen.getByText('open-upload'));
+
+    expect(screen.getByText('upload-modal')).toBeInTheDocument();
+  });
+
+  it('forces login after three anonymous uses', () => {
+    localStorage.setItem('texpixel_guest_usage_count', '3');
+
+    render(<App />);
+
+    expect(screen.getByText('guest-blocked')).toBeInTheDocument();
+    fireEvent.click(screen.getByText('open-upload'));
+
+    expect(screen.getByText('auth-modal')).toBeInTheDocument();
+    expect(screen.queryByText('upload-modal')).not.toBeInTheDocument();
+  });
+});