mirror of
https://github.com/ruvnet/RuView
synced 2026-07-26 18:01:48 +00:00
fix: implement 14 missing API endpoints, fix WebSocket connectivity, and replace 25 placeholder mobile tests
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. Co-Authored-By: claude-flow <ruv@ruv.net>
This commit is contained in:
ruv
@@ -8,6 +8,7 @@ import { SensingTab } from './components/SensingTab.js';
|
||||
import { apiService } from './services/api.service.js';
|
||||
import { wsService } from './services/websocket.service.js';
|
||||
import { healthService } from './services/health.service.js';
|
||||
import { sensingService } from './services/sensing.service.js';
|
||||
import { backendDetector } from './utils/backend-detector.js';
|
||||
|
||||
class WiFiDensePoseApp {
|
||||
@@ -75,6 +76,10 @@ class WiFiDensePoseApp {
|
||||
console.warn('⚠️ Backend not available:', error.message);
|
||||
this.showBackendStatus('Backend unavailable — start sensing-server', 'warning');
|
||||
}
|
||||
|
||||
// Start the sensing WebSocket service early so the dashboard and
|
||||
// live-demo tabs can show the correct data-source status immediately.
|
||||
sensingService.start();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,14 @@
|
||||
const expoPreset = require('jest-expo/jest-preset');
|
||||
|
||||
module.exports = {
|
||||
preset: 'jest-expo',
|
||||
setupFiles: [
|
||||
'<rootDir>/jest.setup.pre.js',
|
||||
...(expoPreset.setupFiles || []),
|
||||
],
|
||||
setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
|
||||
testPathIgnorePatterns: ['/src/__tests__/'],
|
||||
testPathIgnorePatterns: ['/node_modules/', '/__mocks__/'],
|
||||
transformIgnorePatterns: [
|
||||
'node_modules/(?!(expo|expo-.+|react-native|@react-native|react-native-webview|react-native-reanimated|react-native-svg|react-native-safe-area-context|react-native-screens|@react-navigation|@expo|@unimodules|expo-modules-core)/)',
|
||||
'node_modules/(?!(expo|expo-.+|react-native|@react-native|react-native-webview|react-native-reanimated|react-native-svg|react-native-safe-area-context|react-native-screens|@react-navigation|@expo|@unimodules|expo-modules-core|react-native-worklets)/)',
|
||||
],
|
||||
};
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
// Pre-define globals that expo/src/winter/runtime.native.ts would lazily
|
||||
// install via require()-with-ESM-import, which jest 30 rejects.
|
||||
// By defining them upfront as non-configurable, the `install()` function
|
||||
// in installGlobal.ts will skip them with a console.error (which is harmless).
|
||||
const globalsToProtect = [
|
||||
'TextDecoder',
|
||||
'TextDecoderStream',
|
||||
'TextEncoderStream',
|
||||
'URL',
|
||||
'URLSearchParams',
|
||||
'__ExpoImportMetaRegistry',
|
||||
'structuredClone',
|
||||
];
|
||||
|
||||
for (const name of globalsToProtect) {
|
||||
if (globalThis[name] !== undefined) {
|
||||
// Already defined (e.g. Node provides URL, TextDecoder, structuredClone).
|
||||
// Make it non-configurable so expo's install() skips it.
|
||||
try {
|
||||
Object.defineProperty(globalThis, name, {
|
||||
value: globalThis[name],
|
||||
configurable: false,
|
||||
enumerable: true,
|
||||
writable: true,
|
||||
});
|
||||
} catch {
|
||||
// Already non-configurable, fine.
|
||||
}
|
||||
} else {
|
||||
// Not yet defined, set a stub value and make non-configurable.
|
||||
Object.defineProperty(globalThis, name, {
|
||||
value: name === '__ExpoImportMetaRegistry' ? { url: 'http://localhost:8081' } : undefined,
|
||||
configurable: false,
|
||||
enumerable: false,
|
||||
writable: true,
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
module.exports = {
|
||||
getBundleUrl: () => 'http://localhost:8081',
|
||||
};
|
||||
@@ -0,0 +1,7 @@
|
||||
module.exports = {
|
||||
ImportMetaRegistry: {
|
||||
get url() {
|
||||
return 'http://localhost:8081';
|
||||
},
|
||||
},
|
||||
};
|
||||
@@ -1,5 +1,36 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import React from 'react';
|
||||
import { render, screen } from '@testing-library/react-native';
|
||||
import { ConnectionBanner } from '@/components/ConnectionBanner';
|
||||
import { ThemeProvider } from '@/theme/ThemeContext';
|
||||
|
||||
const renderWithTheme = (ui: React.ReactElement) =>
|
||||
render(<ThemeProvider>{ui}</ThemeProvider>);
|
||||
|
||||
describe('ConnectionBanner', () => {
|
||||
it('renders LIVE STREAM text when connected', () => {
|
||||
renderWithTheme(<ConnectionBanner status="connected" />);
|
||||
expect(screen.getByText('LIVE STREAM')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('renders DISCONNECTED text when disconnected', () => {
|
||||
renderWithTheme(<ConnectionBanner status="disconnected" />);
|
||||
expect(screen.getByText('DISCONNECTED')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('renders SIMULATED DATA text when simulated', () => {
|
||||
renderWithTheme(<ConnectionBanner status="simulated" />);
|
||||
expect(screen.getByText('SIMULATED DATA')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('renders without crashing for each status', () => {
|
||||
const statuses: Array<'connected' | 'simulated' | 'disconnected'> = [
|
||||
'connected',
|
||||
'simulated',
|
||||
'disconnected',
|
||||
];
|
||||
for (const status of statuses) {
|
||||
const { unmount } = renderWithTheme(<ConnectionBanner status={status} />);
|
||||
unmount();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,63 @@
|
||||
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('react-native-svg', () => {
|
||||
const { View } = require('react-native');
|
||||
return {
|
||||
__esModule: true,
|
||||
default: View, // Svg
|
||||
Svg: View,
|
||||
Circle: View,
|
||||
G: View,
|
||||
Text: View,
|
||||
Rect: View,
|
||||
Line: View,
|
||||
Path: View,
|
||||
};
|
||||
});
|
||||
|
||||
// GaugeArc uses Animated.createAnimatedComponent(Circle), so we need
|
||||
// the reanimated mock (already in jest.setup.ts) and SVG mock above.
|
||||
import { GaugeArc } from '@/components/GaugeArc';
|
||||
|
||||
const renderWithTheme = (ui: React.ReactElement) =>
|
||||
render(<ThemeProvider>{ui}</ThemeProvider>);
|
||||
|
||||
describe('GaugeArc', () => {
|
||||
it('renders without crashing', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<GaugeArc value={50} max={100} label="BPM" unit="bpm" color="#00FF00" />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with min and max values', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<GaugeArc value={0} min={0} max={200} label="Test" unit="x" color="#FF0000" />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with colorTo gradient', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<GaugeArc
|
||||
value={75}
|
||||
max={100}
|
||||
label="HR"
|
||||
unit="bpm"
|
||||
color="#00FF00"
|
||||
colorTo="#FF0000"
|
||||
size={200}
|
||||
/>,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with custom size', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<GaugeArc value={30} max={60} label="BR" unit="brpm" color="#0088FF" size={80} />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,16 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
// HudOverlay.tsx is an empty file (0 bytes). This test verifies that importing
|
||||
// it does not throw and that the module exists.
|
||||
|
||||
describe('HudOverlay', () => {
|
||||
it('module can be imported without error', () => {
|
||||
expect(() => {
|
||||
require('@/components/HudOverlay');
|
||||
}).not.toThrow();
|
||||
});
|
||||
|
||||
it('module exports are defined (may be empty)', () => {
|
||||
const mod = require('@/components/HudOverlay');
|
||||
// The module is empty, so it should be an object (possibly with no exports)
|
||||
expect(typeof mod).toBe('object');
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,62 @@
|
||||
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('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,
|
||||
};
|
||||
});
|
||||
|
||||
import { OccupancyGrid } from '@/components/OccupancyGrid';
|
||||
|
||||
const renderWithTheme = (ui: React.ReactElement) =>
|
||||
render(<ThemeProvider>{ui}</ThemeProvider>);
|
||||
|
||||
describe('OccupancyGrid', () => {
|
||||
it('renders without crashing with empty values', () => {
|
||||
const { toJSON } = renderWithTheme(<OccupancyGrid values={[]} />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with a full 400-element values array', () => {
|
||||
const values = new Array(400).fill(0.5);
|
||||
const { toJSON } = renderWithTheme(<OccupancyGrid values={values} />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with person positions', () => {
|
||||
const values = new Array(400).fill(0.3);
|
||||
const positions = [
|
||||
{ x: 5, y: 5 },
|
||||
{ x: 15, y: 10 },
|
||||
];
|
||||
const { toJSON } = renderWithTheme(
|
||||
<OccupancyGrid values={values} personPositions={positions} />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with custom size', () => {
|
||||
const values = new Array(400).fill(0);
|
||||
const { toJSON } = renderWithTheme(
|
||||
<OccupancyGrid values={values} size={200} />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('handles values outside 0-1 range by clamping', () => {
|
||||
const values = [-0.5, 0, 0.5, 1.5, NaN, 2, ...new Array(394).fill(0)];
|
||||
const { toJSON } = renderWithTheme(<OccupancyGrid values={values} />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,46 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import React from 'react';
|
||||
import { render, screen } from '@testing-library/react-native';
|
||||
import { SignalBar } from '@/components/SignalBar';
|
||||
import { ThemeProvider } from '@/theme/ThemeContext';
|
||||
|
||||
const renderWithTheme = (ui: React.ReactElement) =>
|
||||
render(<ThemeProvider>{ui}</ThemeProvider>);
|
||||
|
||||
describe('SignalBar', () => {
|
||||
it('renders the label text', () => {
|
||||
renderWithTheme(<SignalBar value={0.5} label="Signal Strength" />);
|
||||
expect(screen.getByText('Signal Strength')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('renders the percentage text', () => {
|
||||
renderWithTheme(<SignalBar value={0.75} label="Test" />);
|
||||
expect(screen.getByText('75%')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('clamps value at 0 for negative input', () => {
|
||||
renderWithTheme(<SignalBar value={-0.5} label="Low" />);
|
||||
expect(screen.getByText('0%')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('clamps value at 100 for input above 1', () => {
|
||||
renderWithTheme(<SignalBar value={1.5} label="High" />);
|
||||
expect(screen.getByText('100%')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('renders without crashing with custom color', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<SignalBar value={0.5} label="Custom" color="#FF0000" />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders 0% for zero value', () => {
|
||||
renderWithTheme(<SignalBar value={0} label="Zero" />);
|
||||
expect(screen.getByText('0%')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('renders 100% for value of 1', () => {
|
||||
renderWithTheme(<SignalBar value={1} label="Full" />);
|
||||
expect(screen.getByText('100%')).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,54 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import React from 'react';
|
||||
import { render } from '@testing-library/react-native';
|
||||
import { SparklineChart } from '@/components/SparklineChart';
|
||||
import { ThemeProvider } from '@/theme/ThemeContext';
|
||||
|
||||
const renderWithTheme = (ui: React.ReactElement) =>
|
||||
render(<ThemeProvider>{ui}</ThemeProvider>);
|
||||
|
||||
describe('SparklineChart', () => {
|
||||
it('renders without crashing with data points', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<SparklineChart data={[-50, -45, -48, -42, -47]} />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with empty data array', () => {
|
||||
const { toJSON } = renderWithTheme(<SparklineChart data={[]} />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with single data point', () => {
|
||||
const { toJSON } = renderWithTheme(<SparklineChart data={[42]} />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with custom color', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<SparklineChart data={[1, 2, 3]} color="#FF0000" />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with custom height', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<SparklineChart data={[1, 2, 3]} height={100} />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('has an image accessibility role', () => {
|
||||
const { getByRole } = renderWithTheme(
|
||||
<SparklineChart data={[1, 2, 3]} />,
|
||||
);
|
||||
expect(getByRole('image')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('renders with all identical values', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<SparklineChart data={[5, 5, 5, 5, 5]} />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,49 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import React from 'react';
|
||||
import { render } from '@testing-library/react-native';
|
||||
import { StatusDot } from '@/components/StatusDot';
|
||||
import { ThemeProvider } from '@/theme/ThemeContext';
|
||||
|
||||
const renderWithTheme = (ui: React.ReactElement) =>
|
||||
render(<ThemeProvider>{ui}</ThemeProvider>);
|
||||
|
||||
describe('StatusDot', () => {
|
||||
it('renders without crashing for connected status', () => {
|
||||
const { toJSON } = renderWithTheme(<StatusDot status="connected" />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders without crashing for disconnected status', () => {
|
||||
const { toJSON } = renderWithTheme(<StatusDot status="disconnected" />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders without crashing for simulated status', () => {
|
||||
const { toJSON } = renderWithTheme(<StatusDot status="simulated" />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders without crashing for connecting status', () => {
|
||||
const { toJSON } = renderWithTheme(<StatusDot status="connecting" />);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders with custom size', () => {
|
||||
const { toJSON } = renderWithTheme(
|
||||
<StatusDot status="connected" size={20} />,
|
||||
);
|
||||
expect(toJSON()).not.toBeNull();
|
||||
});
|
||||
|
||||
it('renders all statuses without error', () => {
|
||||
const statuses: Array<'connected' | 'simulated' | 'disconnected' | 'connecting'> = [
|
||||
'connected',
|
||||
'simulated',
|
||||
'disconnected',
|
||||
'connecting',
|
||||
];
|
||||
for (const status of statuses) {
|
||||
const { unmount } = renderWithTheme(<StatusDot status={status} />);
|
||||
unmount();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,45 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
// usePoseStream is a React hook that uses useEffect, zustand stores, and wsService.
|
||||
// We test its interface shape and the module export.
|
||||
|
||||
jest.mock('@/services/ws.service', () => ({
|
||||
wsService: {
|
||||
subscribe: jest.fn(() => jest.fn()),
|
||||
connect: jest.fn(),
|
||||
disconnect: jest.fn(),
|
||||
getStatus: jest.fn(() => 'disconnected'),
|
||||
},
|
||||
}));
|
||||
|
||||
import { usePoseStore } from '@/stores/poseStore';
|
||||
|
||||
describe('usePoseStream', () => {
|
||||
beforeEach(() => {
|
||||
usePoseStore.getState().reset();
|
||||
});
|
||||
|
||||
it('module exports usePoseStream function', () => {
|
||||
const mod = require('@/hooks/usePoseStream');
|
||||
expect(typeof mod.usePoseStream).toBe('function');
|
||||
});
|
||||
|
||||
it('exports UsePoseStreamResult interface (module shape)', () => {
|
||||
// Verify the module has the expected named exports
|
||||
const mod = require('@/hooks/usePoseStream');
|
||||
expect(mod).toHaveProperty('usePoseStream');
|
||||
});
|
||||
|
||||
it('usePoseStream has the expected return type shape', () => {
|
||||
// We cannot call hooks outside of React components, but we can verify
|
||||
// the store provides the data the hook returns.
|
||||
const state = usePoseStore.getState();
|
||||
expect(state).toHaveProperty('connectionStatus');
|
||||
expect(state).toHaveProperty('lastFrame');
|
||||
expect(state).toHaveProperty('isSimulated');
|
||||
});
|
||||
|
||||
it('wsService.subscribe is callable', () => {
|
||||
const { wsService } = require('@/services/ws.service');
|
||||
const unsub = wsService.subscribe(jest.fn());
|
||||
expect(typeof unsub).toBe('function');
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,43 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
// useRssiScanner is a React hook that depends on zustand store and rssiService.
|
||||
// We test the module export shape and underlying service interaction.
|
||||
|
||||
jest.mock('@/services/rssi.service', () => ({
|
||||
rssiService: {
|
||||
subscribe: jest.fn(() => jest.fn()),
|
||||
startScanning: jest.fn(),
|
||||
stopScanning: jest.fn(),
|
||||
},
|
||||
}));
|
||||
|
||||
import { useSettingsStore } from '@/stores/settingsStore';
|
||||
|
||||
describe('useRssiScanner', () => {
|
||||
beforeEach(() => {
|
||||
useSettingsStore.setState({ rssiScanEnabled: false });
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
|
||||
it('module exports useRssiScanner function', () => {
|
||||
const mod = require('@/hooks/useRssiScanner');
|
||||
expect(typeof mod.useRssiScanner).toBe('function');
|
||||
});
|
||||
|
||||
it('hook depends on rssiScanEnabled from settings store', () => {
|
||||
// Verify the store field the hook reads
|
||||
expect(useSettingsStore.getState()).toHaveProperty('rssiScanEnabled');
|
||||
});
|
||||
|
||||
it('rssiService has the required methods', () => {
|
||||
const { rssiService } = require('@/services/rssi.service');
|
||||
expect(typeof rssiService.subscribe).toBe('function');
|
||||
expect(typeof rssiService.startScanning).toBe('function');
|
||||
expect(typeof rssiService.stopScanning).toBe('function');
|
||||
});
|
||||
|
||||
it('hook return type includes networks and isScanning', () => {
|
||||
// The hook returns { networks: WifiNetwork[], isScanning: boolean }
|
||||
// We verify this via the module signature
|
||||
const mod = require('@/hooks/useRssiScanner');
|
||||
expect(mod.useRssiScanner).toBeDefined();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,42 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
// useServerReachability calls apiService.getStatus() and tracks reachability.
|
||||
// We test the module export shape and the underlying API service interaction.
|
||||
|
||||
jest.mock('@/services/api.service', () => ({
|
||||
apiService: {
|
||||
getStatus: jest.fn(),
|
||||
setBaseUrl: jest.fn(),
|
||||
get: jest.fn(),
|
||||
post: jest.fn(),
|
||||
},
|
||||
}));
|
||||
|
||||
describe('useServerReachability', () => {
|
||||
it('module exports useServerReachability function', () => {
|
||||
const mod = require('@/hooks/useServerReachability');
|
||||
expect(typeof mod.useServerReachability).toBe('function');
|
||||
});
|
||||
|
||||
it('apiService.getStatus is the underlying method used', () => {
|
||||
const { apiService } = require('@/services/api.service');
|
||||
expect(typeof apiService.getStatus).toBe('function');
|
||||
});
|
||||
|
||||
it('hook return type includes reachable and latencyMs', () => {
|
||||
// The hook returns { reachable: boolean, latencyMs: number | null }
|
||||
// We verify the module exists and exports correctly
|
||||
const mod = require('@/hooks/useServerReachability');
|
||||
expect(mod.useServerReachability).toBeDefined();
|
||||
});
|
||||
|
||||
it('apiService.getStatus can resolve (reachable case)', async () => {
|
||||
const { apiService } = require('@/services/api.service');
|
||||
(apiService.getStatus as jest.Mock).mockResolvedValueOnce({ status: 'ok' });
|
||||
await expect(apiService.getStatus()).resolves.toEqual({ status: 'ok' });
|
||||
});
|
||||
|
||||
it('apiService.getStatus can reject (unreachable case)', async () => {
|
||||
const { apiService } = require('@/services/api.service');
|
||||
(apiService.getStatus as jest.Mock).mockRejectedValueOnce(new Error('timeout'));
|
||||
await expect(apiService.getStatus()).rejects.toThrow('timeout');
|
||||
});
|
||||
});
|
||||
|
||||
@@ -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();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -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();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -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();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -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();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -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();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,185 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import axios from 'axios';
|
||||
|
||||
jest.mock('axios', () => {
|
||||
const mockAxiosInstance = {
|
||||
request: jest.fn(),
|
||||
};
|
||||
const mockAxios = {
|
||||
create: jest.fn(() => mockAxiosInstance),
|
||||
isAxiosError: jest.fn(),
|
||||
__mockInstance: mockAxiosInstance,
|
||||
};
|
||||
return {
|
||||
__esModule: true,
|
||||
default: mockAxios,
|
||||
...mockAxios,
|
||||
};
|
||||
});
|
||||
|
||||
// Import after mocking so the mock takes effect
|
||||
const { apiService } = require('@/services/api.service');
|
||||
const mockAxios = axios as jest.Mocked<typeof axios> & { __mockInstance: { request: jest.Mock } };
|
||||
|
||||
describe('ApiService', () => {
|
||||
const mockRequest = mockAxios.__mockInstance.request;
|
||||
|
||||
beforeEach(() => {
|
||||
jest.clearAllMocks();
|
||||
apiService.setBaseUrl('');
|
||||
});
|
||||
|
||||
describe('setBaseUrl', () => {
|
||||
it('stores the base URL', () => {
|
||||
apiService.setBaseUrl('http://10.0.0.1:3000');
|
||||
mockRequest.mockResolvedValueOnce({ data: { ok: true } });
|
||||
apiService.get('/test');
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ url: 'http://10.0.0.1:3000/test' }),
|
||||
);
|
||||
});
|
||||
|
||||
it('handles null by falling back to empty string', () => {
|
||||
apiService.setBaseUrl(null as unknown as string);
|
||||
mockRequest.mockResolvedValueOnce({ data: {} });
|
||||
apiService.get('/api/status');
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ url: '/api/status' }),
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('buildUrl (via get)', () => {
|
||||
it('concatenates baseUrl and path', () => {
|
||||
apiService.setBaseUrl('http://example.com');
|
||||
mockRequest.mockResolvedValueOnce({ data: {} });
|
||||
apiService.get('/api/v1/status');
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ url: 'http://example.com/api/v1/status' }),
|
||||
);
|
||||
});
|
||||
|
||||
it('removes trailing slash from baseUrl', () => {
|
||||
apiService.setBaseUrl('http://example.com/');
|
||||
mockRequest.mockResolvedValueOnce({ data: {} });
|
||||
apiService.get('/test');
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ url: 'http://example.com/test' }),
|
||||
);
|
||||
});
|
||||
|
||||
it('uses path as-is when baseUrl is empty', () => {
|
||||
apiService.setBaseUrl('');
|
||||
mockRequest.mockResolvedValueOnce({ data: {} });
|
||||
apiService.get('/standalone');
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ url: '/standalone' }),
|
||||
);
|
||||
});
|
||||
|
||||
it('uses the full URL path if path starts with http', () => {
|
||||
apiService.setBaseUrl('http://base.com');
|
||||
mockRequest.mockResolvedValueOnce({ data: {} });
|
||||
apiService.get('https://other.com/endpoint');
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ url: 'https://other.com/endpoint' }),
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('get', () => {
|
||||
it('returns response data on success', async () => {
|
||||
apiService.setBaseUrl('http://localhost:3000');
|
||||
mockRequest.mockResolvedValueOnce({ data: { status: 'ok' } });
|
||||
const result = await apiService.get('/api/v1/pose/status');
|
||||
expect(result).toEqual({ status: 'ok' });
|
||||
});
|
||||
|
||||
it('uses GET method', () => {
|
||||
mockRequest.mockResolvedValueOnce({ data: {} });
|
||||
apiService.get('/test');
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ method: 'GET' }),
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('post', () => {
|
||||
it('sends body data', () => {
|
||||
apiService.setBaseUrl('http://localhost:3000');
|
||||
mockRequest.mockResolvedValueOnce({ data: { id: 1 } });
|
||||
apiService.post('/api/events', { name: 'test' });
|
||||
expect(mockRequest).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
method: 'POST',
|
||||
data: { name: 'test' },
|
||||
}),
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('error normalization', () => {
|
||||
it('normalizes axios error with response data message', async () => {
|
||||
const axiosError = {
|
||||
message: 'Request failed with status code 400',
|
||||
response: {
|
||||
status: 400,
|
||||
data: { message: 'Bad request body' },
|
||||
},
|
||||
code: 'ERR_BAD_REQUEST',
|
||||
isAxiosError: true,
|
||||
};
|
||||
mockRequest.mockRejectedValue(axiosError);
|
||||
(mockAxios.isAxiosError as jest.Mock).mockReturnValue(true);
|
||||
|
||||
await expect(apiService.get('/test')).rejects.toEqual(
|
||||
expect.objectContaining({
|
||||
message: 'Bad request body',
|
||||
status: 400,
|
||||
code: 'ERR_BAD_REQUEST',
|
||||
}),
|
||||
);
|
||||
});
|
||||
|
||||
it('normalizes generic Error', async () => {
|
||||
mockRequest.mockRejectedValue(new Error('network timeout'));
|
||||
(mockAxios.isAxiosError as jest.Mock).mockReturnValue(false);
|
||||
|
||||
await expect(apiService.get('/test')).rejects.toEqual(
|
||||
expect.objectContaining({ message: 'network timeout' }),
|
||||
);
|
||||
});
|
||||
|
||||
it('normalizes unknown error', async () => {
|
||||
mockRequest.mockRejectedValue('string error');
|
||||
(mockAxios.isAxiosError as jest.Mock).mockReturnValue(false);
|
||||
|
||||
await expect(apiService.get('/test')).rejects.toEqual(
|
||||
expect.objectContaining({ message: 'Unknown error' }),
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('retry logic', () => {
|
||||
it('retries up to 2 times on failure then throws', async () => {
|
||||
const error = new Error('fail');
|
||||
mockRequest.mockRejectedValue(error);
|
||||
(mockAxios.isAxiosError as jest.Mock).mockReturnValue(false);
|
||||
|
||||
await expect(apiService.get('/flaky')).rejects.toEqual(
|
||||
expect.objectContaining({ message: 'fail' }),
|
||||
);
|
||||
// 1 initial + 2 retries = 3 total calls
|
||||
expect(mockRequest).toHaveBeenCalledTimes(3);
|
||||
});
|
||||
|
||||
it('succeeds on second attempt without throwing', async () => {
|
||||
mockRequest
|
||||
.mockRejectedValueOnce(new Error('transient'))
|
||||
.mockResolvedValueOnce({ data: { recovered: true } });
|
||||
|
||||
const result = await apiService.get('/flaky');
|
||||
expect(result).toEqual({ recovered: true });
|
||||
expect(mockRequest).toHaveBeenCalledTimes(2);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,96 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
// In the Jest environment (jsdom/node), Platform.OS defaults to a value that
|
||||
// causes rssi.service.ts to load the web implementation. We test the web
|
||||
// version which provides synthetic data.
|
||||
|
||||
jest.mock('react-native', () => {
|
||||
const RN = jest.requireActual('react-native');
|
||||
return {
|
||||
...RN,
|
||||
Platform: { ...RN.Platform, OS: 'web' },
|
||||
};
|
||||
});
|
||||
|
||||
describe('RssiService (web)', () => {
|
||||
let rssiService: any;
|
||||
|
||||
beforeEach(() => {
|
||||
jest.useFakeTimers();
|
||||
jest.isolateModules(() => {
|
||||
rssiService = require('@/services/rssi.service').rssiService;
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
rssiService?.stopScanning();
|
||||
jest.useRealTimers();
|
||||
});
|
||||
|
||||
describe('subscribe / unsubscribe', () => {
|
||||
it('subscribe returns an unsubscribe function', () => {
|
||||
const listener = jest.fn();
|
||||
const unsub = rssiService.subscribe(listener);
|
||||
expect(typeof unsub).toBe('function');
|
||||
unsub();
|
||||
});
|
||||
|
||||
it('listener is not called without scanning', () => {
|
||||
const listener = jest.fn();
|
||||
rssiService.subscribe(listener);
|
||||
jest.advanceTimersByTime(5000);
|
||||
// Without startScanning, the listener should not be called
|
||||
// (unless the service sends an initial broadcast, which web does on start)
|
||||
expect(listener).not.toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('startScanning / stopScanning', () => {
|
||||
it('startScanning delivers network data to subscribers', () => {
|
||||
const listener = jest.fn();
|
||||
rssiService.subscribe(listener);
|
||||
rssiService.startScanning(1000);
|
||||
|
||||
// The web service immediately broadcasts once and sets up interval
|
||||
expect(listener).toHaveBeenCalled();
|
||||
const networks = listener.mock.calls[0][0];
|
||||
expect(Array.isArray(networks)).toBe(true);
|
||||
expect(networks.length).toBeGreaterThan(0);
|
||||
expect(networks[0]).toHaveProperty('ssid');
|
||||
expect(networks[0]).toHaveProperty('level');
|
||||
});
|
||||
|
||||
it('stopScanning stops delivering data', () => {
|
||||
const listener = jest.fn();
|
||||
rssiService.subscribe(listener);
|
||||
rssiService.startScanning(1000);
|
||||
const callCount = listener.mock.calls.length;
|
||||
|
||||
rssiService.stopScanning();
|
||||
jest.advanceTimersByTime(5000);
|
||||
|
||||
// No new calls after stopping
|
||||
expect(listener.mock.calls.length).toBe(callCount);
|
||||
});
|
||||
|
||||
it('unsubscribed listener does not receive scan results', () => {
|
||||
const listener = jest.fn();
|
||||
const unsub = rssiService.subscribe(listener);
|
||||
unsub();
|
||||
|
||||
rssiService.startScanning(1000);
|
||||
jest.advanceTimersByTime(3000);
|
||||
|
||||
expect(listener).not.toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('getLatestScan equivalent behavior', () => {
|
||||
it('returns empty networks initially when no scan has run', () => {
|
||||
// The web rssi service does not have a getLatestScan method,
|
||||
// but we verify that without scanning no data is emitted.
|
||||
const listener = jest.fn();
|
||||
rssiService.subscribe(listener);
|
||||
// No startScanning called
|
||||
expect(listener).not.toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,88 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import { generateSimulatedData } from '@/services/simulation.service';
|
||||
|
||||
describe('generateSimulatedData', () => {
|
||||
it('returns a valid SensingFrame shape', () => {
|
||||
const frame = generateSimulatedData();
|
||||
expect(frame).toHaveProperty('type', 'sensing_update');
|
||||
expect(frame).toHaveProperty('timestamp');
|
||||
expect(frame).toHaveProperty('source', 'simulated');
|
||||
expect(typeof frame.tick).toBe('number');
|
||||
});
|
||||
|
||||
it('has a nodes array with at least one node', () => {
|
||||
const frame = generateSimulatedData();
|
||||
expect(Array.isArray(frame.nodes)).toBe(true);
|
||||
expect(frame.nodes.length).toBeGreaterThanOrEqual(1);
|
||||
|
||||
const node = frame.nodes[0];
|
||||
expect(typeof node.node_id).toBe('number');
|
||||
expect(typeof node.rssi_dbm).toBe('number');
|
||||
expect(Array.isArray(node.position)).toBe(true);
|
||||
expect(node.position).toHaveLength(3);
|
||||
});
|
||||
|
||||
it('has features object with expected numeric fields', () => {
|
||||
const frame = generateSimulatedData();
|
||||
const { features } = frame;
|
||||
expect(typeof features.mean_rssi).toBe('number');
|
||||
expect(typeof features.variance).toBe('number');
|
||||
expect(typeof features.motion_band_power).toBe('number');
|
||||
expect(typeof features.breathing_band_power).toBe('number');
|
||||
expect(typeof features.spectral_entropy).toBe('number');
|
||||
expect(typeof features.std).toBe('number');
|
||||
expect(typeof features.dominant_freq_hz).toBe('number');
|
||||
});
|
||||
|
||||
it('has classification with valid motion_level', () => {
|
||||
const frame = generateSimulatedData();
|
||||
const { classification } = frame;
|
||||
expect(['absent', 'present_still', 'active']).toContain(classification.motion_level);
|
||||
expect(typeof classification.presence).toBe('boolean');
|
||||
expect(typeof classification.confidence).toBe('number');
|
||||
expect(classification.confidence).toBeGreaterThanOrEqual(0);
|
||||
expect(classification.confidence).toBeLessThanOrEqual(1);
|
||||
});
|
||||
|
||||
it('has signal_field with correct grid_size', () => {
|
||||
const frame = generateSimulatedData();
|
||||
const { signal_field } = frame;
|
||||
expect(signal_field.grid_size).toEqual([20, 1, 20]);
|
||||
expect(Array.isArray(signal_field.values)).toBe(true);
|
||||
expect(signal_field.values.length).toBe(20 * 20);
|
||||
});
|
||||
|
||||
it('has signal_field values clamped between 0 and 1', () => {
|
||||
const frame = generateSimulatedData();
|
||||
for (const v of frame.signal_field.values) {
|
||||
expect(v).toBeGreaterThanOrEqual(0);
|
||||
expect(v).toBeLessThanOrEqual(1);
|
||||
}
|
||||
});
|
||||
|
||||
it('has vital_signs present', () => {
|
||||
const frame = generateSimulatedData();
|
||||
expect(frame.vital_signs).toBeDefined();
|
||||
expect(typeof frame.vital_signs!.breathing_bpm).toBe('number');
|
||||
expect(typeof frame.vital_signs!.hr_proxy_bpm).toBe('number');
|
||||
expect(typeof frame.vital_signs!.confidence).toBe('number');
|
||||
});
|
||||
|
||||
it('has estimated_persons field', () => {
|
||||
const frame = generateSimulatedData();
|
||||
expect(typeof frame.estimated_persons).toBe('number');
|
||||
expect(frame.estimated_persons).toBeGreaterThanOrEqual(0);
|
||||
});
|
||||
|
||||
it('produces different data for different timestamps', () => {
|
||||
const frame1 = generateSimulatedData(1000);
|
||||
const frame2 = generateSimulatedData(5000);
|
||||
// The RSSI values should differ since the simulation is time-based
|
||||
expect(frame1.features.mean_rssi).not.toBe(frame2.features.mean_rssi);
|
||||
});
|
||||
|
||||
it('accepts a custom timeMs parameter', () => {
|
||||
const t = 1700000000000;
|
||||
const frame = generateSimulatedData(t);
|
||||
expect(frame.timestamp).toBe(t);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,169 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
// We test the WsService class by importing a fresh instance.
|
||||
// We need to mock the poseStore to prevent side effects.
|
||||
jest.mock('@/stores/poseStore', () => ({
|
||||
usePoseStore: {
|
||||
getState: jest.fn(() => ({
|
||||
setConnectionStatus: jest.fn(),
|
||||
})),
|
||||
},
|
||||
}));
|
||||
|
||||
jest.mock('@/services/simulation.service', () => ({
|
||||
generateSimulatedData: jest.fn(() => ({
|
||||
type: 'sensing_update',
|
||||
timestamp: Date.now(),
|
||||
source: 'simulated',
|
||||
nodes: [],
|
||||
features: { mean_rssi: -45, variance: 1 },
|
||||
classification: { motion_level: 'absent', presence: false, confidence: 0.5 },
|
||||
signal_field: { grid_size: [20, 1, 20], values: [] },
|
||||
})),
|
||||
}));
|
||||
|
||||
// Create a fresh WsService for each test to avoid shared state
|
||||
function createWsService() {
|
||||
// Use jest.isolateModules to get a fresh module instance
|
||||
let service: any;
|
||||
jest.isolateModules(() => {
|
||||
service = require('@/services/ws.service').wsService;
|
||||
});
|
||||
return service;
|
||||
}
|
||||
|
||||
describe('WsService', () => {
|
||||
beforeEach(() => {
|
||||
jest.useFakeTimers();
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
jest.useRealTimers();
|
||||
});
|
||||
|
||||
describe('buildWsUrl', () => {
|
||||
it('uses the same port as the HTTP URL, not a hardcoded port', () => {
|
||||
// This is the critical bug-fix verification.
|
||||
// buildWsUrl is private, so we test it indirectly via connect().
|
||||
// We mock WebSocket to capture the URL it is called with.
|
||||
const capturedUrls: string[] = [];
|
||||
const OrigWebSocket = globalThis.WebSocket;
|
||||
|
||||
class MockWebSocket {
|
||||
static OPEN = 1;
|
||||
static CONNECTING = 0;
|
||||
readyState = 0;
|
||||
onopen: (() => void) | null = null;
|
||||
onclose: (() => void) | null = null;
|
||||
onerror: (() => void) | null = null;
|
||||
onmessage: (() => void) | null = null;
|
||||
close() {}
|
||||
constructor(url: string) {
|
||||
capturedUrls.push(url);
|
||||
}
|
||||
}
|
||||
|
||||
globalThis.WebSocket = MockWebSocket as any;
|
||||
|
||||
try {
|
||||
const ws = createWsService();
|
||||
|
||||
// Test with port 3000
|
||||
ws.connect('http://192.168.1.10:3000');
|
||||
expect(capturedUrls[capturedUrls.length - 1]).toBe('ws://192.168.1.10:3000/ws/sensing');
|
||||
|
||||
// Clean up, create another service
|
||||
ws.disconnect();
|
||||
const ws2 = createWsService();
|
||||
|
||||
// Test with port 8080
|
||||
ws2.connect('http://myserver.local:8080');
|
||||
expect(capturedUrls[capturedUrls.length - 1]).toBe('ws://myserver.local:8080/ws/sensing');
|
||||
ws2.disconnect();
|
||||
|
||||
// Test HTTPS -> WSS upgrade (port 443 is default for HTTPS so host drops it)
|
||||
const ws3 = createWsService();
|
||||
ws3.connect('https://secure.example.com:443');
|
||||
expect(capturedUrls[capturedUrls.length - 1]).toBe('wss://secure.example.com/ws/sensing');
|
||||
ws3.disconnect();
|
||||
|
||||
// Test WSS input
|
||||
const ws4 = createWsService();
|
||||
ws4.connect('wss://secure.example.com');
|
||||
expect(capturedUrls[capturedUrls.length - 1]).toBe('wss://secure.example.com/ws/sensing');
|
||||
ws4.disconnect();
|
||||
|
||||
// Verify port 3001 is NOT hardcoded anywhere
|
||||
for (const url of capturedUrls) {
|
||||
expect(url).not.toContain(':3001');
|
||||
}
|
||||
} finally {
|
||||
globalThis.WebSocket = OrigWebSocket;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('connect with empty URL', () => {
|
||||
it('falls back to simulation mode when URL is empty', () => {
|
||||
const ws = createWsService();
|
||||
ws.connect('');
|
||||
expect(ws.getStatus()).toBe('simulated');
|
||||
ws.disconnect();
|
||||
});
|
||||
});
|
||||
|
||||
describe('subscribe and unsubscribe', () => {
|
||||
it('adds a listener and returns an unsubscribe function', () => {
|
||||
const ws = createWsService();
|
||||
const listener = jest.fn();
|
||||
const unsub = ws.subscribe(listener);
|
||||
expect(typeof unsub).toBe('function');
|
||||
unsub();
|
||||
ws.disconnect();
|
||||
});
|
||||
|
||||
it('listener receives simulated frames', () => {
|
||||
const ws = createWsService();
|
||||
const listener = jest.fn();
|
||||
ws.subscribe(listener);
|
||||
ws.connect('');
|
||||
|
||||
// Advance timer to trigger simulation
|
||||
jest.advanceTimersByTime(600);
|
||||
|
||||
expect(listener).toHaveBeenCalled();
|
||||
const frame = listener.mock.calls[0][0];
|
||||
expect(frame).toHaveProperty('type', 'sensing_update');
|
||||
ws.disconnect();
|
||||
});
|
||||
|
||||
it('unsubscribed listener does not receive frames', () => {
|
||||
const ws = createWsService();
|
||||
const listener = jest.fn();
|
||||
const unsub = ws.subscribe(listener);
|
||||
unsub();
|
||||
ws.connect('');
|
||||
|
||||
jest.advanceTimersByTime(600);
|
||||
|
||||
expect(listener).not.toHaveBeenCalled();
|
||||
ws.disconnect();
|
||||
});
|
||||
});
|
||||
|
||||
describe('disconnect', () => {
|
||||
it('clears state and sets status to disconnected', () => {
|
||||
const ws = createWsService();
|
||||
ws.connect('');
|
||||
expect(ws.getStatus()).toBe('simulated');
|
||||
ws.disconnect();
|
||||
expect(ws.getStatus()).toBe('disconnected');
|
||||
});
|
||||
});
|
||||
|
||||
describe('getStatus', () => {
|
||||
it('returns disconnected initially', () => {
|
||||
const ws = createWsService();
|
||||
expect(ws.getStatus()).toBe('disconnected');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,198 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import { useMatStore } from '@/stores/matStore';
|
||||
import { AlertPriority, TriageStatus, ZoneStatus } from '@/types/mat';
|
||||
import type { Alert, DisasterEvent, ScanZone, Survivor } from '@/types/mat';
|
||||
|
||||
const makeEvent = (overrides: Partial<DisasterEvent> = {}): DisasterEvent => ({
|
||||
event_id: 'evt-1',
|
||||
disaster_type: 1,
|
||||
latitude: 37.77,
|
||||
longitude: -122.41,
|
||||
description: 'Earthquake in SF',
|
||||
...overrides,
|
||||
});
|
||||
|
||||
const makeZone = (overrides: Partial<ScanZone> = {}): ScanZone => ({
|
||||
id: 'zone-1',
|
||||
name: 'Zone A',
|
||||
zone_type: 'rectangle',
|
||||
status: ZoneStatus.Active,
|
||||
scan_count: 0,
|
||||
detection_count: 0,
|
||||
bounds_json: '{}',
|
||||
...overrides,
|
||||
} as ScanZone);
|
||||
|
||||
const makeSurvivor = (overrides: Partial<Survivor> = {}): Survivor => ({
|
||||
id: 'surv-1',
|
||||
zone_id: 'zone-1',
|
||||
x: 100,
|
||||
y: 150,
|
||||
depth: 2.5,
|
||||
triage_status: TriageStatus.Immediate,
|
||||
triage_color: '#FF0000',
|
||||
confidence: 0.9,
|
||||
breathing_rate: 16,
|
||||
heart_rate: 80,
|
||||
first_detected: '2024-01-01T00:00:00Z',
|
||||
last_updated: '2024-01-01T00:01:00Z',
|
||||
is_deteriorating: false,
|
||||
...overrides,
|
||||
});
|
||||
|
||||
const makeAlert = (overrides: Partial<Alert> = {}): Alert => ({
|
||||
id: 'alert-1',
|
||||
survivor_id: 'surv-1',
|
||||
priority: AlertPriority.Critical,
|
||||
title: 'Critical survivor',
|
||||
message: 'Breathing rate dropping',
|
||||
recommended_action: 'Immediate extraction',
|
||||
triage_status: TriageStatus.Immediate,
|
||||
location_x: 100,
|
||||
location_y: 150,
|
||||
created_at: '2024-01-01T00:01:00Z',
|
||||
priority_color: '#FF0000',
|
||||
...overrides,
|
||||
});
|
||||
|
||||
describe('useMatStore', () => {
|
||||
beforeEach(() => {
|
||||
useMatStore.setState({
|
||||
events: [],
|
||||
zones: [],
|
||||
survivors: [],
|
||||
alerts: [],
|
||||
selectedEventId: null,
|
||||
});
|
||||
});
|
||||
|
||||
describe('initial state', () => {
|
||||
it('has empty events array', () => {
|
||||
expect(useMatStore.getState().events).toEqual([]);
|
||||
});
|
||||
|
||||
it('has empty zones array', () => {
|
||||
expect(useMatStore.getState().zones).toEqual([]);
|
||||
});
|
||||
|
||||
it('has empty survivors array', () => {
|
||||
expect(useMatStore.getState().survivors).toEqual([]);
|
||||
});
|
||||
|
||||
it('has empty alerts array', () => {
|
||||
expect(useMatStore.getState().alerts).toEqual([]);
|
||||
});
|
||||
|
||||
it('has null selectedEventId', () => {
|
||||
expect(useMatStore.getState().selectedEventId).toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
describe('upsertEvent', () => {
|
||||
it('adds a new event', () => {
|
||||
const event = makeEvent();
|
||||
useMatStore.getState().upsertEvent(event);
|
||||
expect(useMatStore.getState().events).toEqual([event]);
|
||||
});
|
||||
|
||||
it('updates an existing event by event_id', () => {
|
||||
const event = makeEvent();
|
||||
useMatStore.getState().upsertEvent(event);
|
||||
|
||||
const updated = makeEvent({ description: 'Updated description' });
|
||||
useMatStore.getState().upsertEvent(updated);
|
||||
|
||||
const events = useMatStore.getState().events;
|
||||
expect(events).toHaveLength(1);
|
||||
expect(events[0].description).toBe('Updated description');
|
||||
});
|
||||
|
||||
it('adds a second event with different event_id', () => {
|
||||
useMatStore.getState().upsertEvent(makeEvent({ event_id: 'evt-1' }));
|
||||
useMatStore.getState().upsertEvent(makeEvent({ event_id: 'evt-2' }));
|
||||
expect(useMatStore.getState().events).toHaveLength(2);
|
||||
});
|
||||
});
|
||||
|
||||
describe('addZone', () => {
|
||||
it('adds a new zone', () => {
|
||||
const zone = makeZone();
|
||||
useMatStore.getState().addZone(zone);
|
||||
expect(useMatStore.getState().zones).toEqual([zone]);
|
||||
});
|
||||
|
||||
it('updates an existing zone by id', () => {
|
||||
const zone = makeZone();
|
||||
useMatStore.getState().addZone(zone);
|
||||
|
||||
const updated = makeZone({ name: 'Zone A Updated', scan_count: 5 });
|
||||
useMatStore.getState().addZone(updated);
|
||||
|
||||
const zones = useMatStore.getState().zones;
|
||||
expect(zones).toHaveLength(1);
|
||||
expect(zones[0].name).toBe('Zone A Updated');
|
||||
expect(zones[0].scan_count).toBe(5);
|
||||
});
|
||||
|
||||
it('adds multiple distinct zones', () => {
|
||||
useMatStore.getState().addZone(makeZone({ id: 'zone-1' }));
|
||||
useMatStore.getState().addZone(makeZone({ id: 'zone-2' }));
|
||||
expect(useMatStore.getState().zones).toHaveLength(2);
|
||||
});
|
||||
});
|
||||
|
||||
describe('upsertSurvivor', () => {
|
||||
it('adds a new survivor', () => {
|
||||
const survivor = makeSurvivor();
|
||||
useMatStore.getState().upsertSurvivor(survivor);
|
||||
expect(useMatStore.getState().survivors).toEqual([survivor]);
|
||||
});
|
||||
|
||||
it('updates an existing survivor by id', () => {
|
||||
useMatStore.getState().upsertSurvivor(makeSurvivor());
|
||||
const updated = makeSurvivor({ confidence: 0.95, is_deteriorating: true });
|
||||
useMatStore.getState().upsertSurvivor(updated);
|
||||
|
||||
const survivors = useMatStore.getState().survivors;
|
||||
expect(survivors).toHaveLength(1);
|
||||
expect(survivors[0].confidence).toBe(0.95);
|
||||
expect(survivors[0].is_deteriorating).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe('addAlert', () => {
|
||||
it('adds a new alert', () => {
|
||||
const alert = makeAlert();
|
||||
useMatStore.getState().addAlert(alert);
|
||||
expect(useMatStore.getState().alerts).toEqual([alert]);
|
||||
});
|
||||
|
||||
it('updates an existing alert by id', () => {
|
||||
useMatStore.getState().addAlert(makeAlert());
|
||||
const updated = makeAlert({ message: 'Updated message' });
|
||||
useMatStore.getState().addAlert(updated);
|
||||
|
||||
const alerts = useMatStore.getState().alerts;
|
||||
expect(alerts).toHaveLength(1);
|
||||
expect(alerts[0].message).toBe('Updated message');
|
||||
});
|
||||
|
||||
it('adds multiple distinct alerts', () => {
|
||||
useMatStore.getState().addAlert(makeAlert({ id: 'alert-1' }));
|
||||
useMatStore.getState().addAlert(makeAlert({ id: 'alert-2' }));
|
||||
expect(useMatStore.getState().alerts).toHaveLength(2);
|
||||
});
|
||||
});
|
||||
|
||||
describe('setSelectedEvent', () => {
|
||||
it('sets the selected event id', () => {
|
||||
useMatStore.getState().setSelectedEvent('evt-1');
|
||||
expect(useMatStore.getState().selectedEventId).toBe('evt-1');
|
||||
});
|
||||
|
||||
it('clears the selection with null', () => {
|
||||
useMatStore.getState().setSelectedEvent('evt-1');
|
||||
useMatStore.getState().setSelectedEvent(null);
|
||||
expect(useMatStore.getState().selectedEventId).toBeNull();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,168 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import { usePoseStore } from '@/stores/poseStore';
|
||||
import type { SensingFrame } from '@/types/sensing';
|
||||
|
||||
const makeFrame = (overrides: Partial<SensingFrame> = {}): SensingFrame => ({
|
||||
type: 'sensing_update',
|
||||
timestamp: Date.now(),
|
||||
source: 'simulated',
|
||||
nodes: [{ node_id: 1, rssi_dbm: -45, position: [0, 0, 0] }],
|
||||
features: {
|
||||
mean_rssi: -45,
|
||||
variance: 1.5,
|
||||
motion_band_power: 0.1,
|
||||
breathing_band_power: 0.05,
|
||||
spectral_entropy: 0.8,
|
||||
},
|
||||
classification: {
|
||||
motion_level: 'present_still',
|
||||
presence: true,
|
||||
confidence: 0.85,
|
||||
},
|
||||
signal_field: {
|
||||
grid_size: [20, 1, 20],
|
||||
values: new Array(400).fill(0.5),
|
||||
},
|
||||
...overrides,
|
||||
});
|
||||
|
||||
describe('usePoseStore', () => {
|
||||
beforeEach(() => {
|
||||
usePoseStore.getState().reset();
|
||||
});
|
||||
|
||||
describe('initial state', () => {
|
||||
it('has disconnected connectionStatus', () => {
|
||||
expect(usePoseStore.getState().connectionStatus).toBe('disconnected');
|
||||
});
|
||||
|
||||
it('has isSimulated false', () => {
|
||||
expect(usePoseStore.getState().isSimulated).toBe(false);
|
||||
});
|
||||
|
||||
it('has null lastFrame', () => {
|
||||
expect(usePoseStore.getState().lastFrame).toBeNull();
|
||||
});
|
||||
|
||||
it('has empty rssiHistory', () => {
|
||||
expect(usePoseStore.getState().rssiHistory).toEqual([]);
|
||||
});
|
||||
|
||||
it('has null features', () => {
|
||||
expect(usePoseStore.getState().features).toBeNull();
|
||||
});
|
||||
|
||||
it('has null classification', () => {
|
||||
expect(usePoseStore.getState().classification).toBeNull();
|
||||
});
|
||||
|
||||
it('has null signalField', () => {
|
||||
expect(usePoseStore.getState().signalField).toBeNull();
|
||||
});
|
||||
|
||||
it('has zero messageCount', () => {
|
||||
expect(usePoseStore.getState().messageCount).toBe(0);
|
||||
});
|
||||
|
||||
it('has null uptimeStart', () => {
|
||||
expect(usePoseStore.getState().uptimeStart).toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
describe('handleFrame', () => {
|
||||
it('updates features from frame', () => {
|
||||
const frame = makeFrame();
|
||||
usePoseStore.getState().handleFrame(frame);
|
||||
expect(usePoseStore.getState().features).toEqual(frame.features);
|
||||
});
|
||||
|
||||
it('updates classification from frame', () => {
|
||||
const frame = makeFrame();
|
||||
usePoseStore.getState().handleFrame(frame);
|
||||
expect(usePoseStore.getState().classification).toEqual(frame.classification);
|
||||
});
|
||||
|
||||
it('updates signalField from frame', () => {
|
||||
const frame = makeFrame();
|
||||
usePoseStore.getState().handleFrame(frame);
|
||||
expect(usePoseStore.getState().signalField).toEqual(frame.signal_field);
|
||||
});
|
||||
|
||||
it('increments messageCount', () => {
|
||||
usePoseStore.getState().handleFrame(makeFrame());
|
||||
usePoseStore.getState().handleFrame(makeFrame());
|
||||
usePoseStore.getState().handleFrame(makeFrame());
|
||||
expect(usePoseStore.getState().messageCount).toBe(3);
|
||||
});
|
||||
|
||||
it('tracks RSSI history from mean_rssi', () => {
|
||||
usePoseStore.getState().handleFrame(
|
||||
makeFrame({ features: { mean_rssi: -40, variance: 1, motion_band_power: 0.1, breathing_band_power: 0.05, spectral_entropy: 0.8 } }),
|
||||
);
|
||||
usePoseStore.getState().handleFrame(
|
||||
makeFrame({ features: { mean_rssi: -50, variance: 1, motion_band_power: 0.1, breathing_band_power: 0.05, spectral_entropy: 0.8 } }),
|
||||
);
|
||||
const history = usePoseStore.getState().rssiHistory;
|
||||
expect(history).toEqual([-40, -50]);
|
||||
});
|
||||
|
||||
it('sets uptimeStart on first frame only', () => {
|
||||
usePoseStore.getState().handleFrame(makeFrame());
|
||||
const firstUptime = usePoseStore.getState().uptimeStart;
|
||||
expect(firstUptime).not.toBeNull();
|
||||
|
||||
usePoseStore.getState().handleFrame(makeFrame());
|
||||
expect(usePoseStore.getState().uptimeStart).toBe(firstUptime);
|
||||
});
|
||||
|
||||
it('stores lastFrame', () => {
|
||||
const frame = makeFrame();
|
||||
usePoseStore.getState().handleFrame(frame);
|
||||
expect(usePoseStore.getState().lastFrame).toBe(frame);
|
||||
});
|
||||
});
|
||||
|
||||
describe('setConnectionStatus', () => {
|
||||
it('updates connectionStatus', () => {
|
||||
usePoseStore.getState().setConnectionStatus('connected');
|
||||
expect(usePoseStore.getState().connectionStatus).toBe('connected');
|
||||
});
|
||||
|
||||
it('sets isSimulated true for simulated status', () => {
|
||||
usePoseStore.getState().setConnectionStatus('simulated');
|
||||
expect(usePoseStore.getState().isSimulated).toBe(true);
|
||||
});
|
||||
|
||||
it('sets isSimulated false for connected status', () => {
|
||||
usePoseStore.getState().setConnectionStatus('simulated');
|
||||
usePoseStore.getState().setConnectionStatus('connected');
|
||||
expect(usePoseStore.getState().isSimulated).toBe(false);
|
||||
});
|
||||
|
||||
it('sets isSimulated false for disconnected status', () => {
|
||||
usePoseStore.getState().setConnectionStatus('simulated');
|
||||
usePoseStore.getState().setConnectionStatus('disconnected');
|
||||
expect(usePoseStore.getState().isSimulated).toBe(false);
|
||||
});
|
||||
});
|
||||
|
||||
describe('reset', () => {
|
||||
it('clears everything back to initial state', () => {
|
||||
usePoseStore.getState().setConnectionStatus('connected');
|
||||
usePoseStore.getState().handleFrame(makeFrame());
|
||||
usePoseStore.getState().handleFrame(makeFrame());
|
||||
|
||||
usePoseStore.getState().reset();
|
||||
|
||||
const state = usePoseStore.getState();
|
||||
expect(state.connectionStatus).toBe('disconnected');
|
||||
expect(state.isSimulated).toBe(false);
|
||||
expect(state.lastFrame).toBeNull();
|
||||
expect(state.rssiHistory).toEqual([]);
|
||||
expect(state.features).toBeNull();
|
||||
expect(state.classification).toBeNull();
|
||||
expect(state.signalField).toBeNull();
|
||||
expect(state.messageCount).toBe(0);
|
||||
expect(state.uptimeStart).toBeNull();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,87 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import { useSettingsStore } from '@/stores/settingsStore';
|
||||
|
||||
describe('useSettingsStore', () => {
|
||||
beforeEach(() => {
|
||||
// Reset to defaults by manually setting all values
|
||||
useSettingsStore.setState({
|
||||
serverUrl: 'http://localhost:3000',
|
||||
rssiScanEnabled: false,
|
||||
theme: 'system',
|
||||
alertSoundEnabled: true,
|
||||
});
|
||||
});
|
||||
|
||||
describe('default values', () => {
|
||||
it('has default serverUrl as http://localhost:3000', () => {
|
||||
expect(useSettingsStore.getState().serverUrl).toBe('http://localhost:3000');
|
||||
});
|
||||
|
||||
it('has rssiScanEnabled false by default', () => {
|
||||
expect(useSettingsStore.getState().rssiScanEnabled).toBe(false);
|
||||
});
|
||||
|
||||
it('has theme as system by default', () => {
|
||||
expect(useSettingsStore.getState().theme).toBe('system');
|
||||
});
|
||||
|
||||
it('has alertSoundEnabled true by default', () => {
|
||||
expect(useSettingsStore.getState().alertSoundEnabled).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe('setServerUrl', () => {
|
||||
it('updates the server URL', () => {
|
||||
useSettingsStore.getState().setServerUrl('http://10.0.0.1:8080');
|
||||
expect(useSettingsStore.getState().serverUrl).toBe('http://10.0.0.1:8080');
|
||||
});
|
||||
|
||||
it('handles empty string', () => {
|
||||
useSettingsStore.getState().setServerUrl('');
|
||||
expect(useSettingsStore.getState().serverUrl).toBe('');
|
||||
});
|
||||
});
|
||||
|
||||
describe('setRssiScanEnabled', () => {
|
||||
it('toggles to true', () => {
|
||||
useSettingsStore.getState().setRssiScanEnabled(true);
|
||||
expect(useSettingsStore.getState().rssiScanEnabled).toBe(true);
|
||||
});
|
||||
|
||||
it('toggles back to false', () => {
|
||||
useSettingsStore.getState().setRssiScanEnabled(true);
|
||||
useSettingsStore.getState().setRssiScanEnabled(false);
|
||||
expect(useSettingsStore.getState().rssiScanEnabled).toBe(false);
|
||||
});
|
||||
});
|
||||
|
||||
describe('setTheme', () => {
|
||||
it('sets theme to dark', () => {
|
||||
useSettingsStore.getState().setTheme('dark');
|
||||
expect(useSettingsStore.getState().theme).toBe('dark');
|
||||
});
|
||||
|
||||
it('sets theme to light', () => {
|
||||
useSettingsStore.getState().setTheme('light');
|
||||
expect(useSettingsStore.getState().theme).toBe('light');
|
||||
});
|
||||
|
||||
it('sets theme back to system', () => {
|
||||
useSettingsStore.getState().setTheme('dark');
|
||||
useSettingsStore.getState().setTheme('system');
|
||||
expect(useSettingsStore.getState().theme).toBe('system');
|
||||
});
|
||||
});
|
||||
|
||||
describe('setAlertSoundEnabled', () => {
|
||||
it('disables alert sound', () => {
|
||||
useSettingsStore.getState().setAlertSoundEnabled(false);
|
||||
expect(useSettingsStore.getState().alertSoundEnabled).toBe(false);
|
||||
});
|
||||
|
||||
it('re-enables alert sound', () => {
|
||||
useSettingsStore.getState().setAlertSoundEnabled(false);
|
||||
useSettingsStore.getState().setAlertSoundEnabled(true);
|
||||
expect(useSettingsStore.getState().alertSoundEnabled).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,71 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import { valueToColor } from '@/utils/colorMap';
|
||||
|
||||
describe('valueToColor', () => {
|
||||
it('returns blue at 0', () => {
|
||||
const [r, g, b] = valueToColor(0);
|
||||
expect(r).toBe(0);
|
||||
expect(g).toBe(0);
|
||||
expect(b).toBe(1);
|
||||
});
|
||||
|
||||
it('returns green at 0.5', () => {
|
||||
const [r, g, b] = valueToColor(0.5);
|
||||
expect(r).toBe(0);
|
||||
expect(g).toBe(1);
|
||||
expect(b).toBe(0);
|
||||
});
|
||||
|
||||
it('returns red at 1', () => {
|
||||
const [r, g, b] = valueToColor(1);
|
||||
expect(r).toBe(1);
|
||||
expect(g).toBe(0);
|
||||
expect(b).toBe(0);
|
||||
});
|
||||
|
||||
it('clamps values below 0 to the same as 0', () => {
|
||||
const [r, g, b] = valueToColor(-0.5);
|
||||
const [r0, g0, b0] = valueToColor(0);
|
||||
expect(r).toBe(r0);
|
||||
expect(g).toBe(g0);
|
||||
expect(b).toBe(b0);
|
||||
});
|
||||
|
||||
it('clamps values above 1 to the same as 1', () => {
|
||||
const [r, g, b] = valueToColor(1.5);
|
||||
const [r1, g1, b1] = valueToColor(1);
|
||||
expect(r).toBe(r1);
|
||||
expect(g).toBe(g1);
|
||||
expect(b).toBe(b1);
|
||||
});
|
||||
|
||||
it('interpolates between blue and green for 0.25', () => {
|
||||
const [r, g, b] = valueToColor(0.25);
|
||||
expect(r).toBe(0);
|
||||
expect(g).toBeCloseTo(0.5);
|
||||
expect(b).toBeCloseTo(0.5);
|
||||
});
|
||||
|
||||
it('interpolates between green and red for 0.75', () => {
|
||||
const [r, g, b] = valueToColor(0.75);
|
||||
expect(r).toBeCloseTo(0.5);
|
||||
expect(g).toBeCloseTo(0.5);
|
||||
expect(b).toBe(0);
|
||||
});
|
||||
|
||||
it('returns a 3-element tuple', () => {
|
||||
const result = valueToColor(0.5);
|
||||
expect(result).toHaveLength(3);
|
||||
});
|
||||
|
||||
it('all channels are in [0, 1] range for edge values', () => {
|
||||
for (const v of [-1, 0, 0.1, 0.5, 0.9, 1, 2]) {
|
||||
const [r, g, b] = valueToColor(v);
|
||||
expect(r).toBeGreaterThanOrEqual(0);
|
||||
expect(r).toBeLessThanOrEqual(1);
|
||||
expect(g).toBeGreaterThanOrEqual(0);
|
||||
expect(g).toBeLessThanOrEqual(1);
|
||||
expect(b).toBeGreaterThanOrEqual(0);
|
||||
expect(b).toBeLessThanOrEqual(1);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,147 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import { RingBuffer } from '@/utils/ringBuffer';
|
||||
|
||||
describe('RingBuffer', () => {
|
||||
describe('constructor', () => {
|
||||
it('creates a buffer with the given capacity', () => {
|
||||
const buf = new RingBuffer<number>(5);
|
||||
expect(buf.toArray()).toEqual([]);
|
||||
});
|
||||
|
||||
it('floors fractional capacity', () => {
|
||||
const buf = new RingBuffer<number>(3.9);
|
||||
buf.push(1);
|
||||
buf.push(2);
|
||||
buf.push(3);
|
||||
buf.push(4);
|
||||
// capacity is 3 (floored), so oldest is evicted
|
||||
expect(buf.toArray()).toEqual([2, 3, 4]);
|
||||
});
|
||||
|
||||
it('throws on zero capacity', () => {
|
||||
expect(() => new RingBuffer<number>(0)).toThrow('capacity must be greater than 0');
|
||||
});
|
||||
|
||||
it('throws on negative capacity', () => {
|
||||
expect(() => new RingBuffer<number>(-1)).toThrow('capacity must be greater than 0');
|
||||
});
|
||||
|
||||
it('throws on NaN capacity', () => {
|
||||
expect(() => new RingBuffer<number>(NaN)).toThrow('capacity must be greater than 0');
|
||||
});
|
||||
|
||||
it('throws on Infinity capacity', () => {
|
||||
expect(() => new RingBuffer<number>(Infinity)).toThrow('capacity must be greater than 0');
|
||||
});
|
||||
});
|
||||
|
||||
describe('push', () => {
|
||||
it('adds values in order', () => {
|
||||
const buf = new RingBuffer<number>(5);
|
||||
buf.push(10);
|
||||
buf.push(20);
|
||||
buf.push(30);
|
||||
expect(buf.toArray()).toEqual([10, 20, 30]);
|
||||
});
|
||||
|
||||
it('evicts oldest when capacity is exceeded', () => {
|
||||
const buf = new RingBuffer<number>(3);
|
||||
buf.push(1);
|
||||
buf.push(2);
|
||||
buf.push(3);
|
||||
buf.push(4);
|
||||
expect(buf.toArray()).toEqual([2, 3, 4]);
|
||||
});
|
||||
|
||||
it('evicts multiple oldest values over time', () => {
|
||||
const buf = new RingBuffer<number>(2);
|
||||
buf.push(1);
|
||||
buf.push(2);
|
||||
buf.push(3);
|
||||
buf.push(4);
|
||||
buf.push(5);
|
||||
expect(buf.toArray()).toEqual([4, 5]);
|
||||
});
|
||||
});
|
||||
|
||||
describe('toArray', () => {
|
||||
it('returns a copy of the internal array', () => {
|
||||
const buf = new RingBuffer<number>(5);
|
||||
buf.push(1);
|
||||
buf.push(2);
|
||||
const arr = buf.toArray();
|
||||
arr.push(99);
|
||||
expect(buf.toArray()).toEqual([1, 2]);
|
||||
});
|
||||
|
||||
it('returns an empty array when buffer is empty', () => {
|
||||
const buf = new RingBuffer<number>(5);
|
||||
expect(buf.toArray()).toEqual([]);
|
||||
});
|
||||
});
|
||||
|
||||
describe('clear', () => {
|
||||
it('empties the buffer', () => {
|
||||
const buf = new RingBuffer<number>(5);
|
||||
buf.push(1);
|
||||
buf.push(2);
|
||||
buf.clear();
|
||||
expect(buf.toArray()).toEqual([]);
|
||||
});
|
||||
});
|
||||
|
||||
describe('max', () => {
|
||||
it('returns null on empty buffer', () => {
|
||||
const buf = new RingBuffer<number>(5, (a, b) => a - b);
|
||||
expect(buf.max).toBeNull();
|
||||
});
|
||||
|
||||
it('throws without comparator', () => {
|
||||
const buf = new RingBuffer<number>(5);
|
||||
buf.push(1);
|
||||
expect(() => buf.max).toThrow('Comparator required for max()');
|
||||
});
|
||||
|
||||
it('returns the maximum value', () => {
|
||||
const buf = new RingBuffer<number>(5, (a, b) => a - b);
|
||||
buf.push(3);
|
||||
buf.push(1);
|
||||
buf.push(5);
|
||||
buf.push(2);
|
||||
expect(buf.max).toBe(5);
|
||||
});
|
||||
|
||||
it('returns the maximum with a single element', () => {
|
||||
const buf = new RingBuffer<number>(5, (a, b) => a - b);
|
||||
buf.push(42);
|
||||
expect(buf.max).toBe(42);
|
||||
});
|
||||
});
|
||||
|
||||
describe('min', () => {
|
||||
it('returns null on empty buffer', () => {
|
||||
const buf = new RingBuffer<number>(5, (a, b) => a - b);
|
||||
expect(buf.min).toBeNull();
|
||||
});
|
||||
|
||||
it('throws without comparator', () => {
|
||||
const buf = new RingBuffer<number>(5);
|
||||
buf.push(1);
|
||||
expect(() => buf.min).toThrow('Comparator required for min()');
|
||||
});
|
||||
|
||||
it('returns the minimum value', () => {
|
||||
const buf = new RingBuffer<number>(5, (a, b) => a - b);
|
||||
buf.push(3);
|
||||
buf.push(1);
|
||||
buf.push(5);
|
||||
buf.push(2);
|
||||
expect(buf.min).toBe(1);
|
||||
});
|
||||
|
||||
it('returns the minimum with a single element', () => {
|
||||
const buf = new RingBuffer<number>(5, (a, b) => a - b);
|
||||
buf.push(42);
|
||||
expect(buf.min).toBe(42);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,76 @@
|
||||
describe('placeholder', () => {
|
||||
it('passes', () => {
|
||||
expect(true).toBe(true);
|
||||
import { validateServerUrl } from '@/utils/urlValidator';
|
||||
|
||||
describe('validateServerUrl', () => {
|
||||
it('accepts valid http URL', () => {
|
||||
const result = validateServerUrl('http://localhost:3000');
|
||||
expect(result.valid).toBe(true);
|
||||
expect(result.error).toBeUndefined();
|
||||
});
|
||||
|
||||
it('accepts valid https URL', () => {
|
||||
const result = validateServerUrl('https://example.com');
|
||||
expect(result.valid).toBe(true);
|
||||
});
|
||||
|
||||
it('accepts valid ws URL', () => {
|
||||
const result = validateServerUrl('ws://192.168.1.1:8080');
|
||||
expect(result.valid).toBe(true);
|
||||
});
|
||||
|
||||
it('accepts valid wss URL', () => {
|
||||
const result = validateServerUrl('wss://example.com/ws');
|
||||
expect(result.valid).toBe(true);
|
||||
});
|
||||
|
||||
it('rejects empty string', () => {
|
||||
const result = validateServerUrl('');
|
||||
expect(result.valid).toBe(false);
|
||||
expect(result.error).toBe('URL must be a non-empty string.');
|
||||
});
|
||||
|
||||
it('rejects whitespace-only string', () => {
|
||||
const result = validateServerUrl(' ');
|
||||
expect(result.valid).toBe(false);
|
||||
expect(result.error).toBe('URL must be a non-empty string.');
|
||||
});
|
||||
|
||||
it('rejects null input', () => {
|
||||
const result = validateServerUrl(null as unknown as string);
|
||||
expect(result.valid).toBe(false);
|
||||
expect(result.error).toBe('URL must be a non-empty string.');
|
||||
});
|
||||
|
||||
it('rejects undefined input', () => {
|
||||
const result = validateServerUrl(undefined as unknown as string);
|
||||
expect(result.valid).toBe(false);
|
||||
expect(result.error).toBe('URL must be a non-empty string.');
|
||||
});
|
||||
|
||||
it('rejects numeric input', () => {
|
||||
const result = validateServerUrl(123 as unknown as string);
|
||||
expect(result.valid).toBe(false);
|
||||
expect(result.error).toBe('URL must be a non-empty string.');
|
||||
});
|
||||
|
||||
it('rejects ftp protocol', () => {
|
||||
const result = validateServerUrl('ftp://files.example.com');
|
||||
expect(result.valid).toBe(false);
|
||||
expect(result.error).toBe('URL must use http, https, ws, or wss.');
|
||||
});
|
||||
|
||||
it('rejects file protocol', () => {
|
||||
const result = validateServerUrl('file:///etc/passwd');
|
||||
expect(result.valid).toBe(false);
|
||||
});
|
||||
|
||||
it('rejects malformed URL', () => {
|
||||
const result = validateServerUrl('not-a-url');
|
||||
expect(result.valid).toBe(false);
|
||||
expect(result.error).toBe('Invalid URL format.');
|
||||
});
|
||||
|
||||
it('rejects URL with no host', () => {
|
||||
const result = validateServerUrl('http://');
|
||||
expect(result.valid).toBe(false);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -100,13 +100,8 @@ class WsService {
|
||||
private buildWsUrl(rawUrl: string): string {
|
||||
const parsed = new URL(rawUrl);
|
||||
const proto = parsed.protocol === 'https:' || parsed.protocol === 'wss:' ? 'wss:' : 'ws:';
|
||||
// Sensing server runs WS on port 3001 at /ws/sensing
|
||||
// If the HTTP server is on port 3000, connect WS to 3001
|
||||
const wsHost = parsed.port === '3000'
|
||||
? `${parsed.hostname}:3001`
|
||||
: parsed.host;
|
||||
const wsPath = parsed.port === '3000' ? '/ws/sensing' : WS_PATH;
|
||||
return `${proto}//${wsHost}${wsPath}`;
|
||||
// The /ws/sensing endpoint is served on the same HTTP port (no separate WS port needed).
|
||||
return `${proto}//${parsed.host}/ws/sensing`;
|
||||
}
|
||||
|
||||
private handleStatusChange(status: ConnectionStatus): void {
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
* emit simulated frames so the UI can clearly distinguish live vs. fallback data.
|
||||
*/
|
||||
|
||||
// Derive WebSocket URL from the page origin so it works on any port
|
||||
// (Docker :3000, native :8080, etc.)
|
||||
// Derive WebSocket URL from the page origin so it works on any port.
|
||||
// The /ws/sensing endpoint is available on the same HTTP port (3000).
|
||||
const _wsProto = (typeof window !== 'undefined' && window.location.protocol === 'https:') ? 'wss:' : 'ws:';
|
||||
const _wsHost = (typeof window !== 'undefined' && window.location.host) ? window.location.host : 'localhost:3000';
|
||||
const SENSING_WS_URL = `${_wsProto}//${_wsHost}/ws/sensing`;
|
||||
|
||||
Reference in New Issue
Block a user