Merge pull request #872 from Litezy/feat/accessible-color-contrast

feat(frontend): add accessible contrast to transaction filter chips

Author: leojay-net

dex_with_fiat_frontend/src/hooks/useTransactionFilters.test.ts

@@ -61,6 +61,63 @@ describe('useTransactionFilters', () => {
     });
     expect(mockPush).not.toHaveBeenCalled();
 
+    it('clears all filters through the keyboard shortcut outside editable fields', () => {
+      mockSearchParams = new URLSearchParams('status=completed');
+
+      renderHook(() => useTransactionFilters(sampleTransactions));
+
+      act(() => {
+        window.dispatchEvent(
+          new KeyboardEvent('keydown', {
+            key: 'x',
+            ctrlKey: true,
+            shiftKey: true,
+            bubbles: true,
+          }),
+        );
+      });
+
+      act(() => {
+        vi.advanceTimersByTime(150);
+      });
+
+      expect(pushMock).toHaveBeenCalledWith('/receipts', { scroll: false });
+    });
+
+    it('ignores keyboard shortcuts while typing in an input', () => {
+      mockSearchParams = new URLSearchParams('status=completed');
+
+      renderHook(() => useTransactionFilters(sampleTransactions));
+
+      const input = document.createElement('input');
+      document.body.appendChild(input);
+
+      act(() => {
+        input.dispatchEvent(
+          new KeyboardEvent('keydown', {
+            key: 'x',
+            ctrlKey: true,
+            shiftKey: true,
+            bubbles: true,
+          }),
+        );
+        vi.advanceTimersByTime(150);
+      });
+
+      expect(pushMock).not.toHaveBeenCalled();
+
+      document.body.removeChild(input);
+    });
+
+    it('exposes the same accessible chip tone resolver through the hook', () => {
+      const { result } = renderHook(() =>
+        useTransactionFilters(sampleTransactions),
+      );
+
+      expect(
+        result.current.getFilterChipTone('status', 'pending', true),
+      ).toEqual(getAccessibleFilterChipTone('status', 'pending', true));
+    })
     act(() => {
       vi.advanceTimersByTime(1);
     });
@@ -91,5 +148,6 @@ describe('useTransactionFilters', () => {
     expect(KEYBOARD_SHORTCUTS.cycleStatus.key).toBe('1');
     expect(KEYBOARD_SHORTCUTS.cycleAsset.key).toBe('2');
     expect(KEYBOARD_SHORTCUTS.cycleNetwork.key).toBe('3');
+
   });
 });