UI-tests und fixes aus tests

public/js/test/sorting.test.js

@@ -0,0 +1,92 @@
+import { describe, it, expect, csrf } from './runner.js';
+import { state, sortedCards } from '../modules/state.js';
+
+describe('Sorting: All Modes', () => {
+    it('manual sort by position', () => {
+        state.sortMode = 'manual';
+        const cards = [
+            { position: 3, title: 'C', tags: '', created_at: '2024-01-01' },
+            { position: 1, title: 'A', tags: '', created_at: '2024-01-03' },
+            { position: 2, title: 'B', tags: '', created_at: '2024-01-02' },
+        ];
+        const sorted = sortedCards(cards);
+        expect(sorted[0].title).toBe('A');
+        expect(sorted[1].title).toBe('B');
+        expect(sorted[2].title).toBe('C');
+    });
+
+    it('alpha sort by title', () => {
+        state.sortMode = 'alpha';
+        const cards = [
+            { title: 'Banana', tags: '', created_at: '2024-01-01' },
+            { title: 'Apple', tags: '', created_at: '2024-01-01' },
+            { title: 'Cherry', tags: '', created_at: '2024-01-01' },
+        ];
+        const sorted = sortedCards(cards);
+        expect(sorted[0].title).toBe('Apple');
+        expect(sorted[1].title).toBe('Banana');
+        expect(sorted[2].title).toBe('Cherry');
+    });
+
+    it('newest sort by effective date descending', () => {
+        state.sortMode = 'newest';
+        const cards = [
+            { title: 'Old', tags: '', created_at: '2024-01-01', due_date: null },
+            { title: 'New', tags: '', created_at: '2024-06-01', due_date: null },
+            { title: 'Mid', tags: '', created_at: '2024-03-01', due_date: null },
+        ];
+        const sorted = sortedCards(cards);
+        expect(sorted[0].title).toBe('New');
+        expect(sorted[2].title).toBe('Old');
+    });
+
+    it('oldest sort by effective date ascending', () => {
+        state.sortMode = 'oldest';
+        const cards = [
+            { title: 'New', tags: '', created_at: '2024-06-01', due_date: null },
+            { title: 'Old', tags: '', created_at: '2024-01-01', due_date: null },
+        ];
+        const sorted = sortedCards(cards);
+        expect(sorted[0].title).toBe('Old');
+        expect(sorted[1].title).toBe('New');
+    });
+
+    it('due_date takes priority over created_at in date sort', () => {
+        state.sortMode = 'newest';
+        const cards = [
+            { title: 'OldCreated_NewDue', tags: '', created_at: '2020-01-01', due_date: '2099-12-31' },
+            { title: 'NewCreated_NoDue', tags: '', created_at: '2024-06-01', due_date: null },
+        ];
+        const sorted = sortedCards(cards);
+        expect(sorted[0].title).toBe('OldCreated_NewDue'); // due_date 2099 > created 2024
+    });
+
+    it('date title takes priority over created_at', () => {
+        state.sortMode = 'newest';
+        const cards = [
+            { title: '2099-06-15 Future', tags: '', created_at: '2020-01-01', due_date: null },
+            { title: 'Recent card', tags: '', created_at: '2024-06-01', due_date: null },
+        ];
+        const sorted = sortedCards(cards);
+        expect(sorted[0].title).toBe('2099-06-15 Future');
+    });
+
+    it('tag sort groups by first tag', () => {
+        state.sortMode = 'tag';
+        const cards = [
+            { title: 'C', tags: 'zebra', created_at: '2024-01-01' },
+            { title: 'A', tags: 'alpha', created_at: '2024-01-01' },
+            { title: 'B', tags: '', created_at: '2024-01-01' },
+        ];
+        const sorted = sortedCards(cards);
+        expect(sorted[0].title).toBe('A'); // alpha
+        expect(sorted[1].title).toBe('C'); // zebra
+        expect(sorted[2].title).toBe('B'); // no tag → last
+    });
+
+    // Restore
+    it('(cleanup) restore sort mode', () => {
+        state.sortMode = localStorage.getItem('hyprcrd-sort') || 'manual';
+        expect(true).toBe(true);
+    });
+});