refactor: extract test code to test dir

jest.config.ts

@@ -9,7 +9,7 @@ module.exports = {
   coverageDirectory: './coverage/',
   coveragePathIgnorePatterns: [
     '/node_modules/',
-    '/test/',
+    '/test/utils',
     '/dist/',
     'src/models',
     'src/stores',
@@ -19,12 +19,12 @@ module.exports = {
   ],
   collectCoverage: true,
   moduleDirectories: ['node_modules', 'src'],
-  setupFiles: ['./test/jestSetup.ts'],
+  setupFiles: ['./test/utils/jestSetup.ts'],
   transform: {
     ...tsJestConfig.transform,
     '^.+\\.(ts|tsx)$': 'ts-jest',
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
-      '<rootDir>/test/fileTransformer.js',
+      '<rootDir>/test/utils/fileTransformer.js',
   },
   testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(js?|jsx?|ts?|tsx?)$',
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],

src/components/navigations/__tests__/SwitchNavigator.test.tsx → test/components/navigations/SwitchNavigator.test.tsx

@@ -1,10 +1,9 @@
+import React from 'react';
 import type {RenderResult} from '@testing-library/react';
+import RootProvider from '../../../src/providers';
+import SwitchNavigator from '../../../src/components/navigations/SwitchNavigator';
 import {render} from '@testing-library/react';
 
-import React from 'react';
-import RootProvider from '../../../providers/index';
-import SwitchNavigator from '../SwitchNavigator';
-
 const props = {};
 
 const component = (

src/components/pages/__tests__/Intro.test.tsx → test/components/pages/Intro.test.tsx

@@ -1,12 +1,12 @@
 import * as renderer from 'react-test-renderer';
 
-import type {RenderResult} from '@testing-library/react';
 import {act, cleanup, fireEvent, render} from '@testing-library/react';
 
-import Button from '../../uis/Button';
-import Intro from '../Intro';
+import Button from '../../../src/components/uis/Button';
+import Intro from '../../../src/components/pages/Intro';
 import React from 'react';
-import {createTestElement} from '../../../../test/testUtils';
+import type {RenderResult} from '@testing-library/react';
+import {createTestElement} from '../../utils/testUtils';
 
 const props = {};
 const component = createTestElement(<Intro {...props} />);

src/components/pages/__tests__/Temp.test.tsx → test/components/pages/Temp.test.tsx

@@ -1,12 +1,12 @@
 import type * as ReactRouterDom from 'react-router-dom';
 import * as renderer from 'react-test-renderer';
 
-import type {RenderResult} from '@testing-library/react';
 import {fireEvent, render} from '@testing-library/react';
 
 import React from 'react';
-import Temp from '../Temp';
-import {createTestElement} from '../../../../test/testUtils';
+import type {RenderResult} from '@testing-library/react';
+import Temp from '../../../src/components/pages/Temp';
+import {createTestElement} from '../../utils/testUtils';
 
 const props = {};
 const component = createTestElement(<Temp {...props} />);

src/components/uis/__tests__/Button.test.tsx → test/components/uis/Button.test.tsx

@@ -1,10 +1,9 @@
 import * as renderer from 'react-test-renderer';
 
-import type {ReactElement} from 'react';
+import Button from '../../../src/components/uis/Button';
+import {IC_FACEBOOK_W} from '../../../src/utils/Icons';
 import React from 'react';
-
-import Button from '../Button';
-import {IC_FACEBOOK_W} from '../../../utils/Icons';
+import type {ReactElement} from 'react';
 
 // test for the pure component
 describe('[Button] shared component test', () => {

src/components/uis/__tests__/UserCard.test.tsx → test/components/uis/UserCard.test.tsx

@@ -1,8 +1,8 @@
 import * as renderer from 'react-test-renderer';
 
 import React from 'react';
-import UserCard from '../UserCard';
-import {createTestElement} from '../../../../test/testUtils';
+import UserCard from '../../../src/components/uis/UserCard';
+import {createTestElement} from '../../utils/testUtils';
 
 const props = {};
 const component = createTestElement(<UserCard {...props} />);

test/jestSetup.ts → test/utils/jestSetup.ts

@@ -1,5 +1,5 @@
 import dotenv from 'dotenv';
-import { initFbt } from '../src/utils/fbt';
+import {initFbt} from '../../src/utils/fbt';
 
 dotenv.config();
 

test/testUtils.tsx → test/utils/testUtils.tsx

@@ -1,8 +1,9 @@
 import {BrowserRouter, Route, Routes} from 'react-router-dom';
-import React, {ReactElement} from 'react';
 
-import RootProvider from '../src/providers';
-import {ThemeType} from '../src/types';
+import React from 'react';
+import type {ReactElement} from 'react';
+import RootProvider from '../../src/providers';
+import type {ThemeType} from '../../src/types';
 
 export const createTestElement = (
   child: ReactElement,