Extracting navigateTo

Author: homayounmmdy

tests/Router.test.tsx

@@ -1,26 +1,18 @@
-import { render, screen } from "@testing-library/react";
-import { createMemoryRouter, RouterProvider } from "react-router-dom";
-import routes from "../src/routes";
+import { screen } from "@testing-library/react";
+import { navigateTo } from "./utils";
 
 describe("Router", () => {
  it("should render the home page for /", () => {
- const router = createMemoryRouter(routes, {
- initialEntries: ["/"],
- });
+ navigateTo("/");
 
- render(<RouterProvider router={router}></RouterProvider>);
-
- expect(screen.getByRole('heading', {name : /home/i})).toBeInTheDocument();
+ expect(screen.getByRole("heading", { name: /home/i })).toBeInTheDocument();
  });
- 
- it("should render the products page for /products", () => {
- const router = createMemoryRouter(routes, {
- initialEntries: ["/products"],
- });
 
- render(<RouterProvider router={router}></RouterProvider>);
+ it("should render the products page for /products", () => {
+ navigateTo("/products");
 
- expect(screen.getByRole('heading', {name : /products/i})).toBeInTheDocument();
+ expect(
+ screen.getByRole("heading", { name: /products/i })
+ ).toBeInTheDocument();
  });
-
 });

tests/utils.ts renamed to tests/utils.tsx

@@ -1,5 +1,8 @@
 import { useAuth0, User } from "@auth0/auth0-react";
+import { render } from "@testing-library/react";
 import { delay, http, HttpResponse } from "msw";
+import { createMemoryRouter, RouterProvider } from "react-router-dom";
+import routes from "../src/routes";
 import { server } from "./mocks/server";
 
 export const simulateDelay = (endpoint: string) => {
@@ -33,3 +36,11 @@ export const mockAuthState = (authState: AuthState) => {
  handleRedirectCallback: vi.fn(),
  });
 };
+
+export const navigateTo = (path: string) => {
+ const router = createMemoryRouter(routes, {
+ initialEntries: [path],
+ });
+
+ render(<RouterProvider router={router}></RouterProvider>);
+};