CFE-20 Merge branch 'feature/CFE-20_test_improve_middleware' into 'develop'

src/core/components/Middleware/RolePermissionComponent.jsx

@@ -0,0 +1,33 @@
+import { Button, Typography } from "@mui/material";
+import { useTranslations } from "next-intl";
+import { NextLinkComposed } from "@/core/components/LinkRouting";
+import Message from "@/core/components/Messages";
+
+const RolePermissionComponent = () => {
+    const t = useTranslations();
+
+    return (
+        <Message
+            text={
+                <Typography sx={{ textAlign: "center" }}>
+                    {t("Permission.typography_you_dont_have_access")}
+                </Typography>
+            }
+            actions={
+                <>
+                    <Button
+                        variant="contained"
+                        component={NextLinkComposed}
+                        to={{
+                            pathname: "/dashboard",
+                        }}
+                    >
+                        {t("Permission.button_back_dashboard")}
+                    </Button>
+                </>
+            }
+        />
+    );
+};
+
+export default RolePermissionComponent;

src/core/components/Middleware/WithAuthComponent.jsx

@@ -0,0 +1,36 @@
+import { Button, Typography } from "@mui/material";
+import { useRouter } from "next/router";
+import Message from "@/core/components/Messages";
+import { NextLinkComposed } from "@/core/components/LinkRouting";
+import {useTranslations} from "next-intl";
+
+const WithAuthComponent = () => {
+    const router = useRouter();
+    const t = useTranslations();
+
+    return (
+        <Message
+            text={
+                <Typography sx={{ textAlign: "center" }}>
+                    {t("Authorization.typography_your_access_to_this_page_has_expired_Please_login_again")}
+                </Typography>
+            }
+            actions={
+                <>
+                    <Button
+                        variant="contained"
+                        component={NextLinkComposed}
+                        to={{
+                            pathname: "/login-expert",
+                            query: {back_url: encodeURIComponent(router.asPath)},
+                        }}
+                    >
+                        {t("login")}
+                    </Button>
+                </>
+            }
+        />
+    );
+};
+
+export default WithAuthComponent;

src/core/components/Middleware/WithoutAuthComponent.jsx

@@ -0,0 +1,25 @@
+import {Button, Stack, Typography} from "@mui/material";
+import Message from "@/core/components/Messages";
+import {useTranslations} from "next-intl";
+const WithoutAuthComponent = ({ backUrlDecodedPath }) => {
+    const t = useTranslations();
+
+    return (
+        <Message
+            text={
+                <Stack alignItems="center" spacing={2}>
+                    <Typography sx={{ textAlign: "center" }}>
+                        {t("Authorization.typography_your_login_is_valid_and_you_do_not_need_to_login_again")}
+                    </Typography>
+                    <Typography>
+                        {t("Authorization.typography_redirect_to")}{" "}
+                        {backUrlDecodedPath
+                            ? t("Authorization.typography_routing_previuos_page")
+                            : t("Authorization.typography_routing_dashbaord_page")}
+                    </Typography>
+                </Stack>
+            }
+        />
+    );
+};
+export default WithoutAuthComponent;

src/core/components/Middleware/__test__/RolePermissionComponent.test.js

@@ -0,0 +1,23 @@
+import { render, screen } from '@testing-library/react';
+import MockAppWithProviders from "../../../../../mocks/AppWithProvider";
+import RolePermissionComponent from "@/core/components/Middleware/RolePermissionComponent";
+
+describe('RolePermissionComponent From RolePermissionComponent page', () => {
+    describe('Rendering', () => {
+        it('should render the error message when user dont have permission', () => {
+            render(<MockAppWithProviders><RolePermissionComponent /></MockAppWithProviders>);
+
+            expect(screen.queryByText('شما دسترسی لازم برای مشاهده این صفحه را ندارید!')).toBeInTheDocument();
+
+        });
+
+        it('should render the back dashboard button when user dont have permission', () => {
+            render(<MockAppWithProviders><RolePermissionComponent /></MockAppWithProviders>);
+
+            const backButton = screen.queryByText('بازگشت به صفحه اصلی');
+
+            expect(backButton).toBeInTheDocument();
+
+        });
+    });
+});

src/core/components/Middleware/__test__/WithAuthComponent.test.js

@@ -0,0 +1,39 @@
+import { render, screen, fireEvent, waitFor  } from '@testing-library/react';
+import MockAppWithProviders from "../../../../../mocks/AppWithProvider";
+import WithAuthComponent from "@/core/components/Middleware/WithAuthComponent";
+import mockRouter from 'next-router-mock';
+
+describe('WithAuthComponent From WithAuthMiddleware', () => {
+    describe('Rendering', () => {
+        it('should see expired text in render component', () => {
+            render(<MockAppWithProviders><WithAuthComponent /></MockAppWithProviders>);
+
+            const authText = screen.queryByText('دسترسی شما منقضی شده است لطفا دوباره ورود نمایید.');
+
+            expect(authText).toBeInTheDocument();
+        });
+
+        it('should see login button in render component', () => {
+            render(<MockAppWithProviders><WithAuthComponent /></MockAppWithProviders>);
+
+            const loginButton = screen.queryByText('ورود');
+
+            expect(loginButton).toBeInTheDocument();
+        });
+    });
+    describe('behavior', () => {
+        it('should see if router updated in login button', () => {
+
+            mockRouter.query.back_url = 'back_url'
+            render(<MockAppWithProviders><WithAuthComponent /></MockAppWithProviders>);
+
+            const loginButton = screen.queryByText('ورود');
+
+            fireEvent.click(loginButton);
+
+            expect(mockRouter).toMatchObject({
+                query: { back_url: "back_url" },
+            });
+        });
+    });
+});

src/core/components/Middleware/__test__/WithoutAuthComponent.test.js

@@ -0,0 +1,37 @@
+import {render, screen, waitFor} from '@testing-library/react';
+import WithoutAuthComponent from "@/core/components/Middleware/WithoutAuthComponent";
+import MockAppWithProviders from "../../../../../mocks/AppWithProvider";
+import WithoutAuthMiddleware from "@/middlewares/WithoutAuth";
+
+describe('WithoutAuthComponent From WithoutAuthMiddleware', () => {
+    describe('Rendering', () => {
+        it('should render the message with correct text when backUrlDecodedPath is not provided', async () => {
+
+            localStorage.setItem("_token", 'token');
+
+            render(<MockAppWithProviders><WithoutAuthMiddleware /></MockAppWithProviders>);
+
+            await waitFor(()=>{
+                expect(screen.queryByText('شما دسترسی لازم به این صفحه را دارید نیاز به ورود مجدد نیست.')).toBeInTheDocument();
+
+                expect(screen.queryByText('درحال رفتن به صفحه داشبورد...')).toBeInTheDocument();
+            })
+
+        });
+
+        it('should render the message with a different text when backUrlDecodedPath is provided', async() => {
+          render(<MockAppWithProviders><WithoutAuthComponent backUrlDecodedPath="/dashboard/change-password" /></MockAppWithProviders>);
+
+            localStorage.setItem("_token", 'token');
+
+            render(<MockAppWithProviders><WithoutAuthMiddleware /></MockAppWithProviders>);
+
+            await waitFor(()=>{
+
+                expect(screen.queryByText('درحال رفتن به صفحه قبل...')).toBeInTheDocument();
+            })
+
+
+        });
+    });
+});