Ruview/ui/mobile/src/__tests__/screens/SettingsScreen.test.tsx
rUv d4fb7d30d3
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.
2026-03-03 13:27:03 -05:00

85 lines
2.3 KiB
TypeScript

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();
});
});