fix: complete sensing server API, WebSocket connectivity, and mobile tests (#125)

The web UI had persistent 404 errors on model, recording, and training
endpoints, and the sensing WebSocket never connected on Dashboard/Live
Demo tabs because sensingService.start() was only called lazily on
Sensing tab visit.

Server (main.rs):
- Add 14 fully-functional Axum handlers: model CRUD (7), recording
  lifecycle (4), training control (3)
- Scan data/models/ and data/recordings/ at startup
- Recording writes CSI frames to .jsonl via tokio background task
- Model load/unload lifecycle with state tracking

Web UI (app.js):
- Import and start sensingService early in initializeServices() so
  Dashboard and Live Demo tabs connect to /ws/sensing immediately

Mobile (ws.service.ts):
- Fix WebSocket URL builder to use same-origin port instead of
  hardcoded port 3001

Mobile (jest.config.js):
- Fix testPathIgnorePatterns that was ignoring the entire test directory

Mobile (25 test files):
- Replace all it.todo() placeholder tests with real implementations
  covering components, services, stores, hooks, screens, and utils

ADR-043 documents all changes.

ui/mobile/src/__tests__/screens/LiveScreen.test.tsx

@@ -1,5 +1,60 @@
-describe('placeholder', () => {
-  it('passes', () => {
-    expect(true).toBe(true);
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider } from '@/theme/ThemeContext';
+
+jest.mock('@/hooks/usePoseStream', () => ({
+  usePoseStream: () => ({
+    connectionStatus: 'simulated' as const,
+    lastFrame: null,
+    isSimulated: true,
+  }),
+}));
+
+jest.mock('react-native-svg', () => {
+  const { View } = require('react-native');
+  return {
+    __esModule: true,
+    default: View,
+    Svg: View,
+    Circle: View,
+    G: View,
+    Text: View,
+    Rect: View,
+    Line: View,
+    Path: View,
+  };
+});
+
+describe('LiveScreen', () => {
+  it('module exports LiveScreen component', () => {
+    const mod = require('@/screens/LiveScreen');
+    expect(mod.LiveScreen).toBeDefined();
+    expect(typeof mod.LiveScreen).toBe('function');
+  });
+
+  it('default export is also available', () => {
+    const mod = require('@/screens/LiveScreen');
+    expect(mod.default).toBeDefined();
+  });
+
+  it('renders without crashing', () => {
+    const { LiveScreen } = require('@/screens/LiveScreen');
+    const { toJSON } = render(
+      <ThemeProvider>
+        <LiveScreen />
+      </ThemeProvider>,
+    );
+    expect(toJSON()).not.toBeNull();
+  });
+
+  it('renders loading state when not ready', () => {
+    const { LiveScreen } = require('@/screens/LiveScreen');
+    const { getByText } = render(
+      <ThemeProvider>
+        <LiveScreen />
+      </ThemeProvider>,
+    );
+    // The screen shows "Loading live renderer" when not ready
+    expect(getByText('Loading live renderer')).toBeTruthy();
   });
 });

ui/mobile/src/__tests__/screens/MATScreen.test.tsx

@@ -1,5 +1,79 @@
-describe('placeholder', () => {
-  it('passes', () => {
-    expect(true).toBe(true);
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider } from '@/theme/ThemeContext';
+
+jest.mock('@/hooks/usePoseStream', () => ({
+  usePoseStream: () => ({
+    connectionStatus: 'simulated' as const,
+    lastFrame: null,
+    isSimulated: true,
+  }),
+}));
+
+jest.mock('react-native-svg', () => {
+  const { View } = require('react-native');
+  return {
+    __esModule: true,
+    default: View,
+    Svg: View,
+    Circle: View,
+    G: View,
+    Text: View,
+    Rect: View,
+    Line: View,
+    Path: View,
+  };
+});
+
+// Mock the MatWebView which uses react-native-webview
+jest.mock('@/screens/MATScreen/MatWebView', () => {
+  const { View } = require('react-native');
+  return {
+    MatWebView: (props: any) => require('react').createElement(View, { testID: 'mat-webview', ...props }),
+  };
+});
+
+// Mock the useMatBridge hook
+jest.mock('@/screens/MATScreen/useMatBridge', () => ({
+  useMatBridge: () => ({
+    webViewRef: { current: null },
+    ready: false,
+    onMessage: jest.fn(),
+    sendFrameUpdate: jest.fn(),
+    postEvent: jest.fn(() => jest.fn()),
+  }),
+}));
+
+describe('MATScreen', () => {
+  it('module exports MATScreen component', () => {
+    const mod = require('@/screens/MATScreen');
+    expect(mod.MATScreen).toBeDefined();
+    expect(typeof mod.MATScreen).toBe('function');
+  });
+
+  it('default export is also available', () => {
+    const mod = require('@/screens/MATScreen');
+    expect(mod.default).toBeDefined();
+  });
+
+  it('renders without crashing', () => {
+    const { MATScreen } = require('@/screens/MATScreen');
+    const { toJSON } = render(
+      <ThemeProvider>
+        <MATScreen />
+      </ThemeProvider>,
+    );
+    expect(toJSON()).not.toBeNull();
+  });
+
+  it('renders the connection banner', () => {
+    const { MATScreen } = require('@/screens/MATScreen');
+    const { getByText } = render(
+      <ThemeProvider>
+        <MATScreen />
+      </ThemeProvider>,
+    );
+    // Simulated status maps to 'simulated' banner -> "SIMULATED DATA"
+    expect(getByText('SIMULATED DATA')).toBeTruthy();
   });
 });

ui/mobile/src/__tests__/screens/SettingsScreen.test.tsx

@@ -1,5 +1,85 @@
-describe('placeholder', () => {
-  it('passes', () => {
-    expect(true).toBe(true);
+import React from 'react';
+import { render, screen } from '@testing-library/react-native';
+import { ThemeProvider } from '@/theme/ThemeContext';
+import { useSettingsStore } from '@/stores/settingsStore';
+
+jest.mock('@/services/ws.service', () => ({
+  wsService: {
+    connect: jest.fn(),
+    disconnect: jest.fn(),
+    subscribe: jest.fn(() => jest.fn()),
+    getStatus: jest.fn(() => 'disconnected'),
+  },
+}));
+
+jest.mock('@/services/api.service', () => ({
+  apiService: {
+    setBaseUrl: jest.fn(),
+    get: jest.fn(),
+    post: jest.fn(),
+    getStatus: jest.fn(),
+  },
+}));
+
+describe('SettingsScreen', () => {
+  beforeEach(() => {
+    useSettingsStore.setState({
+      serverUrl: 'http://localhost:3000',
+      rssiScanEnabled: false,
+      theme: 'system',
+      alertSoundEnabled: true,
+    });
+  });
+
+  it('module exports SettingsScreen component', () => {
+    const mod = require('@/screens/SettingsScreen');
+    expect(mod.SettingsScreen).toBeDefined();
+    expect(typeof mod.SettingsScreen).toBe('function');
+  });
+
+  it('default export is also available', () => {
+    const mod = require('@/screens/SettingsScreen');
+    expect(mod.default).toBeDefined();
+  });
+
+  it('renders without crashing', () => {
+    const { SettingsScreen } = require('@/screens/SettingsScreen');
+    const { toJSON } = render(
+      <ThemeProvider>
+        <SettingsScreen />
+      </ThemeProvider>,
+    );
+    expect(toJSON()).not.toBeNull();
+  });
+
+  it('renders the SERVER section', () => {
+    const { SettingsScreen } = require('@/screens/SettingsScreen');
+    render(
+      <ThemeProvider>
+        <SettingsScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText('SERVER')).toBeTruthy();
+  });
+
+  it('renders the SENSING section', () => {
+    const { SettingsScreen } = require('@/screens/SettingsScreen');
+    render(
+      <ThemeProvider>
+        <SettingsScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText('SENSING')).toBeTruthy();
+  });
+
+  it('renders the ABOUT section with version', () => {
+    const { SettingsScreen } = require('@/screens/SettingsScreen');
+    render(
+      <ThemeProvider>
+        <SettingsScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText('ABOUT')).toBeTruthy();
+    expect(screen.getByText('WiFi-DensePose Mobile v1.0.0')).toBeTruthy();
   });
 });

ui/mobile/src/__tests__/screens/VitalsScreen.test.tsx

@@ -1,5 +1,75 @@
-describe('placeholder', () => {
-  it('passes', () => {
-    expect(true).toBe(true);
+import React from 'react';
+import { render, screen } from '@testing-library/react-native';
+import { ThemeProvider } from '@/theme/ThemeContext';
+
+jest.mock('@/hooks/usePoseStream', () => ({
+  usePoseStream: () => ({
+    connectionStatus: 'simulated' as const,
+    lastFrame: null,
+    isSimulated: true,
+  }),
+}));
+
+jest.mock('react-native-svg', () => {
+  const { View } = require('react-native');
+  return {
+    __esModule: true,
+    default: View,
+    Svg: View,
+    Circle: View,
+    G: View,
+    Text: View,
+    Rect: View,
+    Line: View,
+    Path: View,
+  };
+});
+
+describe('VitalsScreen', () => {
+  it('module exports VitalsScreen as default', () => {
+    const mod = require('@/screens/VitalsScreen');
+    expect(mod.default).toBeDefined();
+    expect(typeof mod.default).toBe('function');
+  });
+
+  it('renders without crashing', () => {
+    const VitalsScreen = require('@/screens/VitalsScreen').default;
+    const { toJSON } = render(
+      <ThemeProvider>
+        <VitalsScreen />
+      </ThemeProvider>,
+    );
+    expect(toJSON()).not.toBeNull();
+  });
+
+  it('renders the RSSI HISTORY section', () => {
+    const VitalsScreen = require('@/screens/VitalsScreen').default;
+    render(
+      <ThemeProvider>
+        <VitalsScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText('RSSI HISTORY')).toBeTruthy();
+  });
+
+  it('renders the classification label', () => {
+    const VitalsScreen = require('@/screens/VitalsScreen').default;
+    render(
+      <ThemeProvider>
+        <VitalsScreen />
+      </ThemeProvider>,
+    );
+    // With no data, classification defaults to 'ABSENT'
+    expect(screen.getByText('Classification: ABSENT')).toBeTruthy();
+  });
+
+  it('renders the connection banner', () => {
+    const VitalsScreen = require('@/screens/VitalsScreen').default;
+    render(
+      <ThemeProvider>
+        <VitalsScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText('SIMULATED DATA')).toBeTruthy();
   });
 });

ui/mobile/src/__tests__/screens/ZonesScreen.test.tsx

@@ -1,5 +1,98 @@
-describe('placeholder', () => {
-  it('passes', () => {
-    expect(true).toBe(true);
+import React from 'react';
+import { render, screen } from '@testing-library/react-native';
+import { ThemeProvider } from '@/theme/ThemeContext';
+import { usePoseStore } from '@/stores/poseStore';
+
+jest.mock('react-native-svg', () => {
+  const { View } = require('react-native');
+  return {
+    __esModule: true,
+    default: View,
+    Svg: View,
+    Circle: View,
+    G: View,
+    Text: View,
+    Rect: View,
+    Line: View,
+    Path: View,
+  };
+});
+
+// Mock the subcomponents that may have heavy dependencies
+jest.mock('@/screens/ZonesScreen/FloorPlanSvg', () => {
+  const { View } = require('react-native');
+  return {
+    FloorPlanSvg: (props: any) => require('react').createElement(View, { testID: 'floor-plan', ...props }),
+  };
+});
+
+jest.mock('@/screens/ZonesScreen/ZoneLegend', () => {
+  const { View } = require('react-native');
+  return {
+    ZoneLegend: () => require('react').createElement(View, { testID: 'zone-legend' }),
+  };
+});
+
+jest.mock('@/screens/ZonesScreen/useOccupancyGrid', () => ({
+  useOccupancyGrid: () => ({
+    gridValues: new Array(400).fill(0),
+    personPositions: [],
+  }),
+}));
+
+describe('ZonesScreen', () => {
+  beforeEach(() => {
+    usePoseStore.getState().reset();
+  });
+
+  it('module exports ZonesScreen component', () => {
+    const mod = require('@/screens/ZonesScreen');
+    expect(mod.ZonesScreen).toBeDefined();
+    expect(typeof mod.ZonesScreen).toBe('function');
+  });
+
+  it('default export is also available', () => {
+    const mod = require('@/screens/ZonesScreen');
+    expect(mod.default).toBeDefined();
+  });
+
+  it('renders without crashing', () => {
+    const { ZonesScreen } = require('@/screens/ZonesScreen');
+    const { toJSON } = render(
+      <ThemeProvider>
+        <ZonesScreen />
+      </ThemeProvider>,
+    );
+    expect(toJSON()).not.toBeNull();
+  });
+
+  it('renders the floor plan heading', () => {
+    const { ZonesScreen } = require('@/screens/ZonesScreen');
+    render(
+      <ThemeProvider>
+        <ZonesScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText(/Floor Plan/)).toBeTruthy();
+  });
+
+  it('renders occupancy count', () => {
+    const { ZonesScreen } = require('@/screens/ZonesScreen');
+    render(
+      <ThemeProvider>
+        <ZonesScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText(/0 persons detected/)).toBeTruthy();
+  });
+
+  it('renders last update text', () => {
+    const { ZonesScreen } = require('@/screens/ZonesScreen');
+    render(
+      <ThemeProvider>
+        <ZonesScreen />
+      </ThemeProvider>,
+    );
+    expect(screen.getByText(/Last update: N\/A/)).toBeTruthy();
   });
 });