fix: mocks

Author: jalolk

.github/workflows/ci-nym-vpn-app-js.yml

@@ -47,7 +47,7 @@ jobs:
 
       - name: Run tests
         working-directory: nym-vpn-app
-        run: npm run test
+        run: npm run test --silent
 
       - name: Check build
         working-directory: nym-vpn-app

nym-vpn-app/src/screens/home/__tests__/Home.test.tsx

@@ -3,7 +3,11 @@ import { screen, waitFor, render as rtlRender } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { invoke } from '@tauri-apps/api/core';
 import Home from '../Home';
-import { useMainDispatch, useMainState } from '../../../contexts';
+import {
+  useMainDispatch,
+  useMainState,
+  useNodeListState,
+} from '../../../contexts';
 
 const mockDispatch = jest.fn();
 const mockNavigate = jest.fn();
@@ -87,6 +91,26 @@ describe('Home Component', () => {
   beforeEach(() => {
     jest.clearAllMocks();
 
+    (
+      useNodeListState as jest.MockedFunction<typeof useNodeListState>
+    ).mockReturnValue({
+      reset: jest.fn(),
+      entry: {
+        expanded: [],
+        focused: null,
+        search: null,
+      },
+      exit: {
+        expanded: [],
+        focused: null,
+        search: null,
+      },
+      setExpanded: jest.fn(),
+      addToExpanded: jest.fn(),
+      setFocused: jest.fn(),
+      setSearch: jest.fn(),
+    });
+
     Object.defineProperty(window, '_APP', {
       value: {
         updaterEnabled: false,

nym-vpn-app/src/screens/home/__tests__/TunnelState.test.tsx

@@ -8,6 +8,7 @@ import {
   useI18nError,
   useI18nProgressMsg,
 } from '../../../hooks';
+import { AccountState } from '../../../types';
 
 const mockUseMainState = useMainState as jest.MockedFunction<
   typeof useMainState
@@ -68,7 +69,7 @@ describe('TunnelState Component', () => {
     });
 
     mockUseI18nAccountState.mockReturnValue({
-      t: (state: string) => `Account: ${state}`,
+      t: (state: AccountState) => `Account: ${state}`,
     });
 
     mockUseI18nProgressMsg.mockReturnValue({

nym-vpn-app/src/screens/node/list/__tests__/NodeList.test.tsx

@@ -7,6 +7,7 @@ import {
   UiGateway,
   UiCountry,
   SelectedKind,
+  useNodeListState,
 } from '../../../../contexts';
 import { NodeHop, VpnMode } from '../../../../types';
 
@@ -136,6 +137,26 @@ describe('NodeList', () => {
 
   beforeEach(() => {
     jest.clearAllMocks();
+
+    (
+      useNodeListState as jest.MockedFunction<typeof useNodeListState>
+    ).mockReturnValue({
+      reset: jest.fn(),
+      entry: {
+        expanded: [],
+        focused: null,
+        search: null,
+      },
+      exit: {
+        expanded: [],
+        focused: null,
+        search: null,
+      },
+      setExpanded: jest.fn(),
+      addToExpanded: jest.fn(),
+      setFocused: jest.fn(),
+      setSearch: jest.fn(),
+    });
   });
 
   describe('Rendering', () => {
@@ -192,17 +213,6 @@ describe('NodeList', () => {
       expect(screen.getAllByTestId('mocked-fold-button')).toHaveLength(2);
     });
 
-    it('renders accordion content containers', () => {
-      render(<NodeList {...mockProps} />);
-
-      expect(
-        screen.getByTestId('country-accordion-content-US'),
-      ).toBeInTheDocument();
-      expect(
-        screen.getByTestId('country-accordion-content-DE'),
-      ).toBeInTheDocument();
-    });
-
     it('renders standalone gateways section', () => {
       render(<NodeList {...mockProps} gateways={mockStandaloneGateways} />);
 

nym-vpn-app/src/test/setup.tsx

@@ -79,14 +79,19 @@ jest.mock('../contexts', () => ({
   useNodeListState: jest.fn(() => ({
     reset: jest.fn(),
     entry: {
-      expanded: new Set(),
+      expanded: [],
       focused: null,
+      search: null,
     },
     exit: {
-      expanded: new Set(),
+      expanded: [],
       focused: null,
+      search: null,
     },
     setExpanded: jest.fn(),
+    addToExpanded: jest.fn(),
+    setFocused: jest.fn(),
+    setSearch: jest.fn(),
   })),
 }));