test: routes.spec.tsx

.github/workflows/main.yml

@@ -15,4 +15,7 @@ jobs:
           node-version: '20.x'
           registry-url: 'https://registry.npmjs.org'
       - run: npm i
-      - run: npm run lint && npm run build && npm run publint
+      - run: npm run lint
+      - run: npm run test
+      - run: npm run build
+      - run: npm run publint

src/lib/utils/create-nested-routes.tsx

@@ -1,7 +1,7 @@
 import type { RouteProps } from '../types';
 import type { FC } from 'react';
 import { Route } from 'react-router-dom';
-import { isDefined } from '../utils';
+import { isDefined } from './index';
 
 export const createNestedRoutes = (RouteType: FC<RouteProps>, routes?: RouteProps[]) => {
   if (!isDefined(routes)) return null;

src/lib/utils/index.ts

@@ -1,4 +1,4 @@
 export * from './get-routes-config';
 export * from './assert-is-defined';
-export * from './create-nested-routes'
+export * from './create-nested-routes.tsx'
 export * from './is-defined';

src/test/__mocks__/page-a.tsx

@@ -0,0 +1,5 @@
+const pageA = () => {
+  return <div data-testid={'page_a'} />;
+};
+
+export default pageA;

src/test/__mocks__/utils.ts

@@ -0,0 +1,12 @@
+import { lazy } from 'react';
+
+export const getLazyLoadedPageA = (timeout: number) =>
+  lazy(() => {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        import('./page-a').then((module) => {
+          resolve({ default: module.default as never });
+        });
+      }, timeout);
+    });
+  });