Merge pull request #129 from shayan-deriv/shayan/test-auth-failing-issue

Shayan/checking auth failing issue + fixed test failing issue

Author: farrah-deriv

src/components/AppFooter/__tests__/AppFooter.spec.tsx

@@ -10,6 +10,20 @@ import AppFooter from '../AppFooter';
 jest.mock('@deriv-com/translations');
 jest.mock('@/hooks');
 
+Object.defineProperty(window, 'matchMedia', {
+    value: jest.fn().mockImplementation(query => ({
+        addEventListener: jest.fn(),
+        addListener: jest.fn(), // Deprecated
+        dispatchEvent: jest.fn(),
+        matches: false,
+        media: query,
+        onchange: null,
+        removeEventListener: jest.fn(),
+        removeListener: jest.fn(), // Deprecated
+    })),
+    writable: true,
+});
+
 const AppFooterComponent = () => (
     <BrowserRouter>
         <QueryParamProvider adapter={ReactRouter5Adapter}>

src/components/AppFooter/__tests__/ServerTime.spec.tsx

@@ -13,6 +13,20 @@ jest.mock('@/utils', () => ({
     epochToUTC: jest.fn(),
 }));
 
+Object.defineProperty(window, 'matchMedia', {
+    value: jest.fn().mockImplementation(query => ({
+        addEventListener: jest.fn(),
+        addListener: jest.fn(), // Deprecated
+        dispatchEvent: jest.fn(),
+        matches: false,
+        media: query,
+        onchange: null,
+        removeEventListener: jest.fn(),
+        removeListener: jest.fn(), // Deprecated
+    })),
+    writable: true,
+});
+
 describe('ServerTime component', () => {
     const mockTime = 1625074800; // Example epoch time
     const mockUTCFormat = '2021-06-30 14:00 GMT';

src/components/AppHeader/__tests__/AppHeader.spec.tsx

@@ -1,4 +1,7 @@
 import { ReactNode } from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import { QueryParamProvider } from 'use-query-params';
+import { ReactRouter5Adapter } from 'use-query-params/adapters/react-router-5';
 import { useAuthData } from '@deriv-com/api-hooks';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -81,7 +84,13 @@ describe('<AppHeader/>', () => {
     });
 
     it('should render the header and handle login when there are no P2P accounts', async () => {
-        render(<AppHeader />);
+        render(
+            <BrowserRouter>
+                <QueryParamProvider adapter={ReactRouter5Adapter}>
+                    <AppHeader />
+                </QueryParamProvider>
+            </BrowserRouter>
+        );
         await userEvent.click(screen.getByRole('button', { name: 'Log in' }));
 
         expect(window.open).toHaveBeenCalledWith(expect.any(String), '_self');
@@ -104,7 +113,13 @@ describe('<AppHeader/>', () => {
             writable: true,
         });
 
-        render(<AppHeader />);
+        render(
+            <BrowserRouter>
+                <QueryParamProvider adapter={ReactRouter5Adapter}>
+                    <AppHeader />
+                </QueryParamProvider>
+            </BrowserRouter>
+        );
         const logoutButton = screen.getByRole('button', { name: 'Logout' });
         const { logout } = mockUseAuthData();
         expect(logoutButton).toBeInTheDocument();

src/components/DerivIframe/DerivIframe.tsx

@@ -1,17 +1,5 @@
-import { URLConstants } from '@deriv-com/utils';
-
 const DerivIframe = () => {
-    const getAllowedLocalStorageOrigin = () => {
-        const hostName = window.location.hostname;
-        if (/^staging-p2p\.deriv\.com$/i.test(hostName)) {
-            return URLConstants.derivP2pStaging;
-        } else if (/^localhost$/i.test(hostName)) {
-            return window.location.origin;
-        }
-        return URLConstants.derivP2pProduction;
-    };
-
-    const origin = getAllowedLocalStorageOrigin();
+    const origin = window.location.origin;
 
     return (
         <iframe