frontend: fix tests

Author: ffreddow

frontend/src/pages/Tokens.tsx

@@ -312,6 +312,7 @@ export function Tokens() {
                                 className="w-auto"
                                 value={sortOption}
                                 onChange={(e) => setSortOption((e.target as HTMLSelectElement).value as SortOption)}
+                                aria-label={t("tokens.sort_label")} // needed for testing
                             >
                                 {SORT_OPTIONS.map((option) => (
                                     <option key={option.value} value={option.value}>
@@ -326,6 +327,7 @@ export function Tokens() {
                             placeholder={t("tokens.search_placeholder")}
                             value={searchQuery}
                             onChange={(e) => setSearchQuery((e.target as HTMLInputElement).value)}
+                            aria-label={t("tokens.search_label")} //needed for testing
                         />
                     </div>
                 </Card.Header>

frontend/src/test-setup.ts

@@ -396,21 +396,25 @@ vi.mock('react-feather', () => ({
 }));
 
 // Mock i18next
-vi.mock('react-i18next', () => ({
-  useTranslation: () => ({
-    t: (key: string, options?: Record<string, unknown>) => {
-      if (options && typeof options === 'object') {
-        let result = key;
-        Object.keys(options).forEach(optionKey => {
-          result = result.replace(`{{${optionKey}}}`, String(options[optionKey]));
-        });
-        return result;
-      }
-      return key;
-    },
-  }),
-  Trans: ({ children }: { children?: ComponentChildren }) => h('span', {}, children),
-}));
+vi.mock('react-i18next', () => {
+  const t = (key: string, options?: Record<string, unknown>) => {
+    if (options && typeof options === 'object') {
+      let result = key;
+      Object.keys(options).forEach(optionKey => {
+        result = result.replace(`{{${optionKey}}}`, String(options[optionKey]));
+      });
+      return result;
+    }
+    return key;
+  };
+
+  return {
+    useTranslation: () => ({
+      t,
+    }),
+    Trans: ({ children }: { children?: ComponentChildren }) => h('span', {}, children),
+  };
+});
 
 // Mock libsodium-wrappers
 vi.mock('libsodium-wrappers', () => ({