Files
ruvnet--RuView/ui/mobile/src/__tests__/components/SignalBar.test.tsx
T
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

47 lines
1.5 KiB
TypeScript

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