test(front): add test suite frontend (WIP)

2026-06-21 06:11:45 +00:00 · 2026-04-07 12:31:09 +02:00
parent 96080e8a03
commit 3c31902885
97 changed files with 16973 additions and 4 deletions
@@ -0,0 +1,49 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { useTripStore } from '../../../src/store/tripStore';
+import { resetAllStores } from '../../helpers/store';
+import { buildPackingItem } from '../../helpers/factories';
+
+beforeEach(() => {
+  resetAllStores();
+});
+
+describe('remoteEventHandler > packing', () => {
+  const seedData = () => {
+    useTripStore.setState({
+      packingItems: [buildPackingItem({ id: 1, name: 'Sunscreen' })],
+    });
+  };
+
+  it('FE-WSEVT-PACK-001: packing:created adds item to packingItems', () => {
+    seedData();
+    const newItem = buildPackingItem({ id: 99, name: 'Hat' });
+    useTripStore.getState().handleRemoteEvent({ type: 'packing:created', item: newItem });
+    const { packingItems } = useTripStore.getState();
+    expect(packingItems).toHaveLength(2);
+    expect(packingItems.find(i => i.id === 99)).toBeDefined();
+  });
+
+  it('FE-WSEVT-PACK-002: packing:created is idempotent — no duplicate if same ID', () => {
+    seedData();
+    const duplicate = buildPackingItem({ id: 1, name: 'Sunscreen Duplicate' });
+    useTripStore.getState().handleRemoteEvent({ type: 'packing:created', item: duplicate });
+    const { packingItems } = useTripStore.getState();
+    expect(packingItems).toHaveLength(1);
+    expect(packingItems[0].name).toBe('Sunscreen');
+  });
+
+  it('FE-WSEVT-PACK-003: packing:updated replaces item in array', () => {
+    seedData();
+    const updated = buildPackingItem({ id: 1, name: 'SPF 50 Sunscreen' });
+    useTripStore.getState().handleRemoteEvent({ type: 'packing:updated', item: updated });
+    const { packingItems } = useTripStore.getState();
+    expect(packingItems[0].name).toBe('SPF 50 Sunscreen');
+  });
+
+  it('FE-WSEVT-PACK-004: packing:deleted removes item by ID', () => {
+    seedData();
+    useTripStore.getState().handleRemoteEvent({ type: 'packing:deleted', itemId: 1 });
+    const { packingItems } = useTripStore.getState();
+    expect(packingItems).toHaveLength(0);
+  });
+});