[#10] 랜딩페이지 작업

.eslintrc.json

@@ -1,7 +1,8 @@
 {
 	"env": {
 		"browser": true,
-		"es6": true
+		"es6": true,
+		"jest": true
 	},
 	"extends": [
 		"eslint:recommended",
@@ -16,6 +17,8 @@
 		"ecmaVersion": "latest",
 		"sourceType": "module"
 	},
-	"plugins": ["react"],
-	"rules": {}
+	"plugins": ["react", "prettier", "react-hooks", "import", "jsx-a11y"],
+	"rules": {
+		"react/function-component-definition": 0
+	}
 }

__test__/pagesTest/Errorpage.test.jsx

@@ -0,0 +1,26 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import { BrowserRouter } from "react-router-dom";
+import ErrorPage from "../../src/pages/ErrorPage";
+
+// 에러 페이지 랜더링 테스트
+test("renders ErrorPage component", () => {
+	render(
+		<BrowserRouter>
+			<ErrorPage />
+		</BrowserRouter>,
+	);
+
+	const titleElement = screen.getByText(/404/i);
+	expect(titleElement).toBeInTheDocument();
+
+	const descriptionElement = screen.getByText(/Page not found/i);
+	expect(descriptionElement).toBeInTheDocument();
+
+	const buttonElement = screen.getByText(/Go to home page/i);
+	expect(buttonElement).toBeInTheDocument();
+});

__test__/pagesTest/LandingPage.test.jsx

@@ -0,0 +1,42 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import { BrowserRouter } from "react-router-dom";
+import Landing from "../../src/components/Home/Landing";
+import LandingHeader from "../../src/components/Header/LandingHeader";
+
+jest.mock("../../src/utils/links.js", () => ({
+	links: [
+		{ route: "/test1", name: "Test1" },
+		{ route: "/test2", name: "Test2" },
+	],
+}));
+
+describe("Landing", () => {
+	test("renders without crashing", () => {
+		render(
+			<BrowserRouter>
+				<Landing />
+			</BrowserRouter>,
+		);
+
+		expect(screen.getByText("시작하기")).toBeInTheDocument();
+
+		expect(screen.getByRole("img")).toBeInTheDocument();
+	});
+
+	test("renders without crashing", () => {
+		render(
+			<BrowserRouter>
+				<LandingHeader />
+			</BrowserRouter>,
+		);
+
+		// 텍스트 존재 확인
+		expect(screen.getByText("Selody")).toBeInTheDocument();
+		expect(screen.getByText("Login")).toBeInTheDocument();
+
+		expect(screen.getByText("Test1")).toBeInTheDocument();
+		expect(screen.getByText("Test2")).toBeInTheDocument();
+	});
+});

__test__/pagesTest/LoginPage.test.jsx

@@ -0,0 +1,43 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import { Provider } from "react-redux";
+import { BrowserRouter } from "react-router-dom";
+import { GoogleOAuthProvider } from "@react-oauth/google";
+import { store } from "../../src/store/store";
+import LoginPage from "../../src/pages/LoginPage";
+
+const renderWithReduxAndRouter = (component) =>
+	render(
+		<Provider store={store}>
+			<GoogleOAuthProvider clientId="379597382111-vo2ht0r8a3d0ais7v12q7777lu48al1a.apps.googleusercontent.com">
+				<BrowserRouter>{component}</BrowserRouter>
+			</GoogleOAuthProvider>
+		</Provider>,
+	);
+
+describe("LoginPage", () => {
+	// 로그인 페이지 랜더링 테스트
+	test("renders LoginPage without crashing", () => {
+		renderWithReduxAndRouter(<LoginPage />);
+		const loginHeader = screen.getByText(/LOGIN/i);
+		expect(loginHeader).toBeInTheDocument();
+	});
+
+	// 네이버로그인 버튼이 있는지 테스트
+	test("renders Google login component", () => {
+		renderWithReduxAndRouter(<LoginPage />);
+		const googleLoginElement = screen.getByTestId("google-login");
+		expect(googleLoginElement).toBeInTheDocument();
+	});
+
+	// 구글로그인 버튼이 있는지 테스트
+	test("renders Naver login component", () => {
+		renderWithReduxAndRouter(<LoginPage />);
+		const naverLoginElement = screen.getByTestId("naver-login");
+		expect(naverLoginElement).toBeInTheDocument();
+	});
+});

__test__/pagesTest/PersonalSchedulePage.test.jsx

@@ -0,0 +1,72 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from "react";
+import { render, screen, fireEvent } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Provider } from "react-redux";
+import { configureStore } from "@reduxjs/toolkit";
+import { BrowserRouter } from "react-router-dom";
+import userSlice from "../../src/store/user/user-slice";
+import PersonalSchedulePage from "../../src/pages/PersonalSchedulePage";
+
+jest.mock("@daypilot/daypilot-lite-react");
+
+const store = configureStore({
+	reducer: {
+		user: userSlice,
+	},
+});
+
+const renderWithRedux = (component) =>
+	render(
+		<Provider store={store}>
+			<BrowserRouter>{component}</BrowserRouter>
+		</Provider>,
+	);
+
+describe("PersonalSchedulePage", () => {
+	//   PersonalSchedulePage 페이지 랜더링 테스트
+	test("renders PersonalSchedulePage without crashing", () => {
+		renderWithRedux(<PersonalSchedulePage />);
+		const mainContainer = screen.getByRole("main");
+		expect(mainContainer).toBeInTheDocument();
+	});
+
+	// 캘린더 랜더링 테스트
+	test("renders Calendar component", () => {
+		renderWithRedux(<PersonalSchedulePage />);
+
+		// Check if the "월간" button is rendered
+		const monthlyButton = screen.getByText(/월간/i);
+		expect(monthlyButton).toBeInTheDocument();
+
+		// Check if the "주간" button is rendered
+		const weeklyButton = screen.getByText(/주간/i);
+		expect(weeklyButton).toBeInTheDocument();
+	});
+
+	// 헤더 랜더링 테스트
+	test("renders Header component", () => {
+		renderWithRedux(<PersonalSchedulePage />);
+		const headerElement = screen.getByRole("banner");
+		expect(headerElement).toBeInTheDocument();
+	});
+
+	//  PersonalTodoList 랜더링 테스트
+	test("renders PersonalTodoList component", () => {
+		renderWithRedux(<PersonalSchedulePage />);
+		const personalTodoListElement = screen.getByText(/오늘의 할 일/i);
+		expect(personalTodoListElement).toBeInTheDocument();
+	});
+
+	//  Modal 랜더링 테스트
+	test("renders Modal component", () => {
+		renderWithRedux(<PersonalSchedulePage />);
+		expect(screen.queryByTestId("modal")).toBeNull();
+
+		const addEventButton = screen.getByText(/일정추가/i);
+		fireEvent.click(addEventButton);
+		expect(screen.getByRole("dialog")).toBeInTheDocument();
+	});
+});