wrongmove/frontend/src/utils/__tests__/format.test.ts

151 lines
4.8 KiB
TypeScript
Raw Normal View History

wrongmove: round-3 fix sweep — scrape pipeline, BUY tab, filter URL state, render hygiene, map polish Coordinated fix across 31 bugs found in a parallel QA pass. Findings docs at /tmp/wrongmove-bugs/qa-round-3/qa{1,2,3,4}-*.md. ## Backend / scrape (Fix-1) — 8 bugs - B1 [P0] Scrape totally broken on prod: pod UID 100 vs NFS dir 1000:1000 mode 775 → PermissionError on every never-seen listing. Switched Dockerfile to explicit `useradd --uid 1000 --gid 1000`; added securityContext + chown initContainer to k8s/{api,celery-beat}-deployment.yaml. Celery worker manifest lives outside this repo — Dockerfile UID change is the load-bearing fix. - B4 [P1] Celery broker reaped every ~30s by Redis HAProxy idle timeout. Added `broker_transport_options` / `result_backend_transport_options` with `socket_keepalive=True, health_check_interval=25` in celery_app.py + same kwargs on every redis.from_url/Redis call across services/, utils/redis_lock.py, redis_repository.py. - B5 [P1] dump_listings_task never published terminal FAILURE to the task_progress pub/sub channel — UI polled forever. Wrap body in try/except that publishes FAILURE before re-raising. - B6 [P1] _process_worker had no per-listing exception handler — one bad listing killed the whole scrape via asyncio.gather. Wrap loop body in try/except Exception (re-raises CancelledError). - B20 [P2] dump_listings_task gained time_limit=3600, soft_time_limit=3500, acks_late=True. - B21 [P2] RedisRepository moved off shared db0 (was alongside paperless-ngx) to db3 via REDIS_USER_DB env var; keys prefixed `wrongmove:user:`. - B32 [P3] redis_lock now uses uuid4() owner token + Lua compare-and-delete. - B33 [P3] Slack notify in refresh_listings → asyncio.create_task (fire-and-forget). ## Frontend filter system (Fix-2) — 7 bugs - B2 [P0] BUY tab click triggered "Maximum update depth exceeded" → ErrorBoundary. Replaced the three mutually-triggering useEffects in FilterBar with a single one-way controlled-value flow (URL → parent state → form), guarded by previousListingTypeRef so price-defaults fires once per real transition. - B3 [P0] Filter values never reached the URL. Wired useFilterParams.setFilterValues into FilterBar/FilterPanel onSubmit + handleRemoveChip + new handleResetAllFilters; fed parsed filterValues into both forms' defaultValues; added URL→form sync via form.reset on browser back/forward. - B8 [P1] Chip removal now resets form state via new FilterBar onFormReady callback — More badge no longer sticks. - B12 [P2] Desktop swipe-review FAB added next to header (mobile FAB unchanged). - B17 [P2] "Reset all" affordance on chip strip. - B22 [P2] formatPrice precision: 1500 → £1.5k, 2500 → £2.5k (no longer collides with £2k/£3k defaults). - B30 [P3] last_seen_days input gained min={0}. ## Frontend render hygiene + data integrity (Fix-3) — 8 bugs - B7 [P1] streamingService bails on first non-NDJSON chunk (HTML response = backend down) and throws StreamParseError so the existing AlertError dialog surfaces a single user-visible error instead of 18× console.error spam. - B9 [P1] formatDuration widened to (null|undefined|number): returns "—" for non-finite or negative, caps implausibly large values. - B10 [P1] PropertyCard / PropertyCardCompact / SwipeCard JSX leaves render "—" for null total_price/qm/qmprice (was "£0/0 m²/£0/m²" — looked like free listings). - B13 [P2] hexgrid worker reduceAverage uses Number.isFinite filter instead of !isNaN (which incorrectly accepted null → 0, biasing per-hex averages low). - B14 [P2] ListingDetail Overview wraps agency in "Listed by" labelled block so it can't collapse to a bare agency name. - B15 [P2] Compact POIDistanceBadges iterates all three travel modes with "—" for missing, matching the detail-sheet Travel table. - B24 [P3] Drawer.Description (sr-only) added to ListingDetailSheet + MobileBottomSheet to silence Radix a11y warning. - B25 [P3] lastSeenDays clamped to ≥0 so future timestamps don't render as "-7d ago". ## Frontend map / carousel / tasks polish (Fix-4) — 8 bugs - B11 [P2] HexgridHeatmapClient destroy race: Map.tsx adds .catch() + ref guard so post-destroy promise rejections are silent no-ops. Verified by browser smoke (24 rapid Map↔List toggles → 0 pageErrors). - B16 [P2] PhotoCarousel + inner CardCarousel gained keyboard nav (Arrow keys). - B18 [P2] Default map center moved from Czech Republic to London (zoom 10). - B19+B29 [P2/P3] Mapbox token: no longer hard-coded fallback; reads env-only and shows a clear "Map unavailable — set VITE_MAPBOX_TOKEN" banner when missing. - B23 [P3] PhotoCarousel suppresses "1/1" counter for single-photo listings; added onError fallback for broken URLs. - B26 [P3] PhotoCarousel only enables loop when photos.length > 1. - B27 [P3] TaskIndicator cancel/clear-all buttons gained aria-label + data-testid. - B28 [P3] useTaskProgress strips terminal-local task IDs from the polling union — no more forever-poll on completed tasks. ## Tests 74 new vitest tests + 18 new pytest tests. Local: tsc clean, 201 vitest tests pass, 633 pytest tests pass. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-10 22:27:29 +00:00
import { describe, it, expect } from 'vitest';
import {
EM_DASH,
formatCurrency,
formatDate,
formatDuration,
formatInteger,
formatPrice,
formatPricePerSqm,
formatPricePerSqmShort,
isFiniteNumber,
} from '@/utils/format';
describe('formatCurrency', () => {
it('formats values >= 1000 in compact k notation', () => {
expect(formatCurrency(1500)).toBe('£1.5k');
expect(formatCurrency(2500)).toBe('£2.5k');
expect(formatCurrency(1000000)).toBe('£1000.0k');
});
it('formats sub-thousand values as rounded integers', () => {
expect(formatCurrency(950)).toBe('£950');
expect(formatCurrency(123.4)).toBe('£123');
});
});
describe('formatDuration', () => {
it('renders minutes for sub-hour durations', () => {
expect(formatDuration(0)).toBe('0m');
expect(formatDuration(120)).toBe('2m');
expect(formatDuration(3540)).toBe('59m');
});
it('renders hours-and-minutes for multi-hour durations', () => {
expect(formatDuration(3600)).toBe('1h');
expect(formatDuration(5400)).toBe('1h30m');
expect(formatDuration(86400)).toBe('24h');
});
// B9 regression cases
it('returns em-dash for negative seconds (was "-2m")', () => {
expect(formatDuration(-120)).toBe(EM_DASH);
expect(formatDuration(-1)).toBe(EM_DASH);
});
it('returns em-dash for null and undefined (was "0m")', () => {
expect(formatDuration(null)).toBe(EM_DASH);
expect(formatDuration(undefined)).toBe(EM_DASH);
});
it('returns em-dash for NaN (was "NaNh")', () => {
expect(formatDuration(NaN)).toBe(EM_DASH);
});
it('returns em-dash for non-finite values (Infinity)', () => {
expect(formatDuration(Infinity)).toBe(EM_DASH);
expect(formatDuration(-Infinity)).toBe(EM_DASH);
});
it('caps absurdly large values at >24h', () => {
expect(formatDuration(86401)).toBe('>24h');
expect(formatDuration(90000)).toBe('>24h');
expect(formatDuration(31536000)).toBe('>24h'); // 1 year
});
});
describe('formatDate', () => {
it('formats valid ISO dates', () => {
expect(formatDate('2025-01-03T00:00:00Z')).toContain('2025');
});
it('returns the input string for invalid dates', () => {
expect(formatDate('not-a-date')).toBe('not-a-date');
});
});
describe('formatPricePerSqm', () => {
it('returns the formatted string when both values are valid', () => {
expect(formatPricePerSqm(500000, 100)).toBe('£5,000/m²');
});
it('returns null when sqm is missing', () => {
expect(formatPricePerSqm(500000, null)).toBe(null);
expect(formatPricePerSqm(500000, undefined)).toBe(null);
expect(formatPricePerSqm(500000, 0)).toBe(null);
});
});
describe('isFiniteNumber', () => {
it('returns true for finite numbers', () => {
expect(isFiniteNumber(0)).toBe(true);
expect(isFiniteNumber(-1)).toBe(true);
expect(isFiniteNumber(1.5)).toBe(true);
});
it('returns false for non-finite, null, undefined, and other types', () => {
expect(isFiniteNumber(null)).toBe(false);
expect(isFiniteNumber(undefined)).toBe(false);
expect(isFiniteNumber(NaN)).toBe(false);
expect(isFiniteNumber(Infinity)).toBe(false);
expect(isFiniteNumber('5')).toBe(false);
});
});
describe('formatPrice', () => {
it('formats finite numbers with thousands separators', () => {
expect(formatPrice(0)).toBe('£0');
expect(formatPrice(2500)).toBe('£2,500');
expect(formatPrice(500000)).toBe('£500,000');
expect(formatPrice(1234.7)).toBe('£1,235');
});
// B10 regression: null/undefined must NOT render as "£0"
it('returns em-dash for null/undefined/non-finite', () => {
expect(formatPrice(null)).toBe(EM_DASH);
expect(formatPrice(undefined)).toBe(EM_DASH);
expect(formatPrice(NaN)).toBe(EM_DASH);
expect(formatPrice(Infinity)).toBe(EM_DASH);
});
});
describe('formatPricePerSqmShort', () => {
it('formats valid positive values', () => {
expect(formatPricePerSqmShort(38)).toBe('£38/m²');
expect(formatPricePerSqmShort(4500)).toBe('£4500/m²');
});
// B10: zero & negative are missing-data sentinels, not real values
it('returns em-dash for null/undefined/non-finite/zero/negative', () => {
expect(formatPricePerSqmShort(null)).toBe(EM_DASH);
expect(formatPricePerSqmShort(undefined)).toBe(EM_DASH);
expect(formatPricePerSqmShort(NaN)).toBe(EM_DASH);
expect(formatPricePerSqmShort(0)).toBe(EM_DASH);
expect(formatPricePerSqmShort(-5)).toBe(EM_DASH);
});
});
describe('formatInteger', () => {
it('rounds and stringifies finite numbers', () => {
expect(formatInteger(0)).toBe('0');
expect(formatInteger(3)).toBe('3');
expect(formatInteger(65.7)).toBe('66');
});
it('returns em-dash for null/undefined/non-finite', () => {
expect(formatInteger(null)).toBe(EM_DASH);
expect(formatInteger(undefined)).toBe(EM_DASH);
expect(formatInteger(NaN)).toBe(EM_DASH);
});
});