Fix date-range filter selections (Refs #104)

2026-10-09 20:03:08 -04:00
parent ce6dba17e6
commit 61d4c25ce6
4 changed files with 45 additions and 3 deletions
@@ -41,6 +41,27 @@ beforeEach(() => {
    vi.setSystemTime(new Date('2026-10-06T20:00:00Z'));
 });
 afterEach(() => vi.useRealTimers());
+it.each([
+    ['', '0', 'All time'],
+    ['0', '0', 'All time'],
+    ['7', '7', 'Last 7 days'],
+    ['30', '30', 'Last 30 days'],
+    ['90', '90', 'Last 90 days']
+])(
+    'selects the current date range for matchDays=%s on desktop and mobile',
+    (days, value, label) => {
+        scope(days ? `?matchDays=${days}` : '');
+        const body = render(MatchHistory, { props: { initial: report() } }).body;
+        for (const suffix of ['', '-mobile']) {
+            const select = body.match(
+                new RegExp(`<select\\b[^>]*id="match-days${suffix}"[^>]*>([\\s\\S]*?)</select>`)
+            )?.[1];
+            expect(select).toBeDefined();
+            expect(select).toContain(`<option value="${value}" selected="">${label}</option>`);
+            expect(select?.match(/\bselected=""/g)).toHaveLength(1);
+        }
+    }
+);
 it('renders one page heading, six columns, a combined identity, and compact dates', () => {
    const body = render(MatchHistoryPage, {
        props: { data: { history: report(), user: null, setupRequired: false } }