From 534f905a6a5d7882a9e7fda776282d889628fcbd Mon Sep 17 00:00:00 2001
From: Dmitriy Bratchikov <yunglocokid@gmail.com>
Date: Mon, 27 May 2024 16:28:23 +0700
Subject: [PATCH 1/6] feature: added jest and rtl deps

---
 package.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/package.json b/package.json
index d3b6ce4..832af9d 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,8 @@
 	},
 	"devDependencies": {
 		"@ianvs/prettier-plugin-sort-imports": "^4.2.1",
+		"@testing-library/jest-dom": "^6.4.5",
+		"@testing-library/react": "^15.0.7",
 		"@types/node": "^20",
 		"@types/react": "^18",
 		"@types/react-dom": "^18",
@@ -31,6 +33,8 @@
 		"eslint-plugin-boundaries": "^4.2.1",
 		"eslint-plugin-react-hooks": "^4.6.2",
 		"eslint-plugin-react-refresh": "^0.4.7",
+		"jest": "^29.7.0",
+		"jest-environment-jsdom": "^29.7.0",
 		"prettier": "^3.2.5",
 		"sass": "^1.77.1",
 		"stylelint": "^16.5.0",

From 42a457cfc830991d090edfb90587eb65fe51057a Mon Sep 17 00:00:00 2001
From: Dmitriy Bratchikov <yunglocokid@gmail.com>
Date: Mon, 27 May 2024 16:35:37 +0700
Subject: [PATCH 2/6] feature: added jest config

---
 jest.config.ts | 24 +++++++++++++
 jest.setup.ts  |  1 +
 package.json   | 94 ++++++++++++++++++++++++++------------------------
 3 files changed, 73 insertions(+), 46 deletions(-)
 create mode 100644 jest.config.ts
 create mode 100644 jest.setup.ts

diff --git a/jest.config.ts b/jest.config.ts
new file mode 100644
index 0000000..549793a
--- /dev/null
+++ b/jest.config.ts
@@ -0,0 +1,24 @@
+import type { Config } from "jest"
+
+import nextJest from "next/jest.js"
+
+const createJestConfig = nextJest({
+	dir: "./",
+})
+
+const config: Config = {
+	coverageProvider: "v8",
+	testEnvironment: "jsdom",
+	setupFilesAfterEnv: ["<rootDir>/jest.setup.ts"],
+	moduleNameMapper: {
+		"@app/(.*)$": "<rootDir>/src/app/$1",
+		"@entities/(.*)$": "<rootDir>/src/entities/$1",
+		"@features/(.*)$": "<rootDir>/src/features/$1",
+		"@pagesLayer/(.*)$": "<rootDir>/src/pagesLayer/$1",
+		"@shared/(.*)$": "<rootDir>/src/shared/$1",
+		"@widgets/(.*)$": "<rootDir>/src/widgets/$1",
+		"@/(.*)$": "<rootDir>/src/$1",
+	},
+}
+
+export default createJestConfig(config)
diff --git a/jest.setup.ts b/jest.setup.ts
new file mode 100644
index 0000000..df6631e
--- /dev/null
+++ b/jest.setup.ts
@@ -0,0 +1 @@
+import "@testing-library/jest-dom"
diff --git a/package.json b/package.json
index 832af9d..595326c 100644
--- a/package.json
+++ b/package.json
@@ -1,48 +1,50 @@
 {
-	"name": "fsd-nest-template",
-	"description": "Pure Next.js FSD template with stylelint, prettier and eslint",
-	"author": {
-		"name": "@yunglocokid (Dmitriy Bratchikov)",
-		"url": "https://github.com/yunglocokid"
-	},
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"dev": "next dev",
-		"build": "next build",
-		"start": "next start",
-		"lint": "next lint",
-		"lint:prettier": "prettier . --write"
-	},
-	"dependencies": {
-		"next": "14.2.3",
-		"normalize.css": "^8.0.1",
-		"react": "^18",
-		"react-dom": "^18"
-	},
-	"devDependencies": {
-		"@ianvs/prettier-plugin-sort-imports": "^4.2.1",
-		"@testing-library/jest-dom": "^6.4.5",
-		"@testing-library/react": "^15.0.7",
-		"@types/node": "^20",
-		"@types/react": "^18",
-		"@types/react-dom": "^18",
-		"eslint": "^8",
-		"eslint-config-next": "14.2.3",
-		"eslint-import-resolver-typescript": "^3.6.1",
-		"eslint-plugin-boundaries": "^4.2.1",
-		"eslint-plugin-react-hooks": "^4.6.2",
-		"eslint-plugin-react-refresh": "^0.4.7",
-		"jest": "^29.7.0",
-		"jest-environment-jsdom": "^29.7.0",
-		"prettier": "^3.2.5",
-		"sass": "^1.77.1",
-		"stylelint": "^16.5.0",
-		"stylelint-config-standard": "^36.0.0",
-		"stylelint-config-standard-scss": "^13.1.0",
-		"stylelint-order": "^6.0.4",
-		"stylelint-order-config-standard": "^0.1.3",
-		"typescript": "^5",
-		"typescript-eslint": "^7.10.0"
-	}
+  "name": "fsd-nest-template",
+  "description": "Pure Next.js FSD template with stylelint, prettier and eslint",
+  "author": {
+    "name": "@yunglocokid (Dmitriy Bratchikov)",
+    "url": "https://github.com/yunglocokid"
+  },
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "lint:prettier": "prettier . --write",
+	"test": "jest",
+	"test:watch": "jest --watch"
+  },
+  "dependencies": {
+    "next": "14.2.3",
+    "normalize.css": "^8.0.1",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^15.0.7",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.3",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-boundaries": "^4.2.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.2.5",
+    "sass": "^1.77.1",
+    "stylelint": "^16.5.0",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-order": "^6.0.4",
+    "stylelint-order-config-standard": "^0.1.3",
+    "typescript": "^5",
+    "typescript-eslint": "^7.10.0"
+  }
 }

From 939b87a7ac2f69f71a7703117a128e1d22cbd9f5 Mon Sep 17 00:00:00 2001
From: Dmitriy Bratchikov <yunglocokid@gmail.com>
Date: Mon, 27 May 2024 16:48:59 +0700
Subject: [PATCH 3/6] feature: add test scripts

---
 package.json | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 595326c..859b26e 100644
--- a/package.json
+++ b/package.json
@@ -13,8 +13,8 @@
     "start": "next start",
     "lint": "next lint",
     "lint:prettier": "prettier . --write",
-	"test": "jest",
-	"test:watch": "jest --watch"
+    "test": "jest",
+    "test:watch": "jest --watch"
   },
   "dependencies": {
     "next": "14.2.3",
@@ -26,6 +26,7 @@
     "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
+    "@types/jest": "^29.5.12",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
@@ -44,6 +45,7 @@
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
     "stylelint-order-config-standard": "^0.1.3",
+    "ts-node": "^10.9.2",
     "typescript": "^5",
     "typescript-eslint": "^7.10.0"
   }

From 52ff264ec795d24105091af41ff1a6820358c4c7 Mon Sep 17 00:00:00 2001
From: Dmitriy Bratchikov <yunglocokid@gmail.com>
Date: Mon, 27 May 2024 16:49:10 +0700
Subject: [PATCH 4/6] feature: add test hint

---
 src/pagesLayer/HomePage/ui/HomePage.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pagesLayer/HomePage/ui/HomePage.tsx b/src/pagesLayer/HomePage/ui/HomePage.tsx
index 7402532..0903c26 100644
--- a/src/pagesLayer/HomePage/ui/HomePage.tsx
+++ b/src/pagesLayer/HomePage/ui/HomePage.tsx
@@ -15,9 +15,12 @@ const HomePage = () => {
 					yunglocokid
 				</Link>
 			</p>
-			<pre className={cls.hint}>
+			<pre className={cls.hint} data-testid="hint-code">
 				You can edit <span className={cls.path}>src/pagesLayer/HomePage</span>{" "}
-				to start {"<3"}!
+				to start {"<3"}!<br />
+				<small className={cls.testHint}>
+					You can also test your application using Jest :D. Try it!
+				</small>
 			</pre>
 		</div>
 	)

From 5e96b2e88bbec7bc9e09b5e1fcfdb9f24414acf8 Mon Sep 17 00:00:00 2001
From: Dmitriy Bratchikov <yunglocokid@gmail.com>
Date: Mon, 27 May 2024 16:49:20 +0700
Subject: [PATCH 5/6] feature: add first test

---
 src/pagesLayer/HomePage/ui/HomePage.test.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/pagesLayer/HomePage/ui/HomePage.test.tsx

diff --git a/src/pagesLayer/HomePage/ui/HomePage.test.tsx b/src/pagesLayer/HomePage/ui/HomePage.test.tsx
new file mode 100644
index 0000000..9772b8b
--- /dev/null
+++ b/src/pagesLayer/HomePage/ui/HomePage.test.tsx
@@ -0,0 +1,19 @@
+import "@testing-library/jest-dom"
+
+import { render, screen } from "@testing-library/react"
+
+import HomePage from "./HomePage"
+
+describe("Page", () => {
+	test("renders a yunglocokid", () => {
+		render(<HomePage />)
+		const yunglocokid: HTMLElement = screen.getByText("yunglocokid")
+		expect(yunglocokid).toBeInTheDocument()
+	})
+	test("renders a hint", () => {
+		render(<HomePage />)
+		screen.debug()
+		const hint: HTMLElement = screen.getByTestId("hint-code")
+		expect(hint).toBeInTheDocument()
+	})
+})

From 9bdd76a4a0fff6b4e8ffb05010797b74b26cb005 Mon Sep 17 00:00:00 2001
From: Dmitriy Bratchikov <yunglocokid@gmail.com>
Date: Mon, 27 May 2024 16:49:38 +0700
Subject: [PATCH 6/6] feature: add test hint

---
 src/pagesLayer/HomePage/ui/HomePage.module.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/pagesLayer/HomePage/ui/HomePage.module.scss b/src/pagesLayer/HomePage/ui/HomePage.module.scss
index a800136..67eab5c 100644
--- a/src/pagesLayer/HomePage/ui/HomePage.module.scss
+++ b/src/pagesLayer/HomePage/ui/HomePage.module.scss
@@ -35,6 +35,10 @@
 	font-size: 1vw;
 }
 
+.testHint {
+	margin: 0 30px;
+}
+
 .link {
 	transition: 0.3s;
 	animation: shine 4s linear infinite;