[RM - 36]common 컴포넌트 병합 로그인,회원가입 페이지 생성

__tests__/unit/HomePage/Page.spec.tsx

@@ -48,7 +48,7 @@ describe("HomePage 테스트", () => {
     // 첫 번째 버튼 클릭
     const firstButton = screen.getByTestId("firstButton");
     fireEvent.click(firstButton);
-    expect(pushMock).toHaveBeenCalledWith("/login");
+    expect(pushMock).toHaveBeenCalledWith("/editor");
 
     // 두 번째 버튼 클릭
     const secondButton = screen.getByTestId("secondButton");

__tests__/unit/LoginPage/Page.spec.tsx

@@ -0,0 +1,19 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { MemoryRouter } from "react-router-dom";
+import React from "react";
+import "@testing-library/jest-dom";
+
+import LoginPage from "../../../src/pages/LoginPage";
+
+describe("LoginPage 테스트", () => {
+  test("LoginPage 정상적으로 렌더링되어야 함", () => {
+    render(
+      <MemoryRouter initialEntries={["/"]}>
+        <LoginPage />
+      </MemoryRouter>,
+    );
+
+    expect(screen.getByTestId("login")).toBeInTheDocument();
+  });
+});

__tests__/unit/SignupPage/Page.spec.tsx

@@ -0,0 +1,19 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { MemoryRouter } from "react-router-dom";
+import React from "react";
+import "@testing-library/jest-dom";
+
+import SignupPage from "../../../src/pages/SignupPage";
+
+describe("LoginPage 테스트", () => {
+  test("LoginPage 정상적으로 렌더링되어야 함", () => {
+    render(
+      <MemoryRouter initialEntries={["/"]}>
+        <SignupPage />
+      </MemoryRouter>,
+    );
+
+    expect(screen.getByTestId("signup")).toBeInTheDocument();
+  });
+});

src/components/Editor/SectionsContainer.tsx

@@ -1,4 +1,4 @@
-import { Tab, Tabs } from "components/Common/Tabs";
+import { Tab, Tabs } from "../../components/Common/Tabs";
 import React, { useState } from "react";
 import Auto from "./Components/Auto";
 import Builder from "./Components/Builder";

src/layout/AppLayout.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Outlet } from "react-router-dom";
-import Header from "../common/Header/Header";
+import Header from "../components/Common/Header/Header";
 
 const AppLayout = () => {
   return (

src/pages/LoginPage/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const LoginPage = () => {
+  return <div data-testid="login">로그인페이지</div>;
+};
+
+export default LoginPage;

src/pages/Routes.tsx

@@ -5,12 +5,16 @@ import HomePage from "./HomePage";
 import NotFoundPage from "./NotFoundPage/NotFoundPage";
 import ReadmeBuilder from "./builder/ReadmeBuilder";
 import MyPage from "./myPage";
+import LoginPage from "./LoginPage";
+import SignupPage from "./SignupPage";
 
 export const Routes = () => {
   return (
     <ReactRouterRoutes>
       <Route path="/" element={<AppLayout />}>
         <Route index element={<HomePage />} />
+        <Route path="/login" element={<LoginPage />} />
+        <Route path="/signup" element={<SignupPage />} />
         <Route path="editor" element={<ReadmeBuilder />} />
         <Route path="myPage" element={<MyPage />} />
       </Route>

src/pages/SignupPage/index.tsx

@@ -0,0 +1,6 @@
+import React from "react";
+function SignupPage() {
+  return <div data-testid="signup">회원가입페이지</div>;
+}
+
+export default SignupPage;

src/pages/builder/ReadmeBuilder.tsx

@@ -1,4 +1,3 @@
-import Header from "common/Header/Header";
 import React from "react";
 import EditorPreviewContainer from "../../components/Editor/EditorPreviewContainer";
 import SectionsContainer from "../../components/Editor/SectionsContainer";

src/pages/myPage/index.tsx

@@ -1,5 +1,5 @@
-import UserInfo from "components/MyPage/UserInfo";
-import UserPreviousList from "components/MyPage/UserPrevious";
+import UserInfo from "../../components/MyPage/UserInfo";
+import UserPreviousList from "../../components/MyPage/UserPrevious";
 import React, { ChangeEvent, MouseEvent, useState } from "react";
 import { TabStateProps, UserInfoProps } from "./types";