Initial Commit

frontend/test/__mocks__/fileMock.js

@@ -0,0 +1,2 @@
+module.exports = 'test-file-stub';
+

frontend/test/__mocks__/styleMock.js

@@ -0,0 +1,2 @@
+module.exports = {};
+

frontend/test/fuel-logs/FuelLogForm.test.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { FuelLogForm } from '../../src/features/fuel-logs/components/FuelLogForm';
+import { UnitsProvider } from '../../src/core/units/UnitsContext';
+
+jest.mock('../../src/features/fuel-logs/hooks/useFuelLogs', () => ({
+  useFuelLogs: () => ({ createFuelLog: jest.fn().mockResolvedValue({}), isLoading: false })
+}));
+
+const qc = new QueryClient();
+
+describe('FuelLogForm', () => {
+  it('shows validation error when no distance provided', async () => {
+    render(
+      <QueryClientProvider client={qc}>
+        <UnitsProvider>
+          <FuelLogForm />
+        </UnitsProvider>
+      </QueryClientProvider>
+    );
+
+    // Attempt submit without distance
+    const submit = screen.getByRole('button', { name: /add fuel log/i });
+    fireEvent.click(submit);
+
+    expect(await screen.findByText(/Either odometer reading or trip distance is required/i)).toBeInTheDocument();
+  });
+});
+

frontend/test/fuel-logs/useFuelGrades.test.tsx

@@ -0,0 +1,20 @@
+import { renderHook, waitFor } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { useFuelGrades } from '../../src/features/fuel-logs/hooks/useFuelGrades';
+import * as api from '../../src/features/fuel-logs/api/fuel-logs.api';
+
+const qc = new QueryClient();
+
+jest.spyOn(api.fuelLogsApi, 'getFuelGrades').mockResolvedValue([
+  { value: '87', label: '87 (Regular)' },
+  { value: '91', label: '91 (Premium)' },
+]);
+
+describe('useFuelGrades', () => {
+  it('returns grades for gasoline', async () => {
+    const wrapper = ({ children }: any) => <QueryClientProvider client={qc}>{children}</QueryClientProvider>;
+    const { result } = renderHook(() => useFuelGrades('gasoline' as any), { wrapper });
+    await waitFor(() => expect(result.current.fuelGrades.length).toBeGreaterThan(0));
+  });
+});
+