Merge branch 'develop' of https://github.com/real-dev-squad/tiny-site…

…-frontend into feat/landing-page

.eslintignore

@@ -1,6 +1,7 @@
 .yarn
 node_modules
 .next
+coverage
 dist
 next-env.d.ts
 yarn.lock

.eslintrc

@@ -17,6 +17,7 @@
         "quotes": ["error", "single"],
         "semi": ["error", "always"],
         "react/react-in-jsx-scope": "off",
-        "no-mixed-spaces-and-tabs": "off"
+        "no-mixed-spaces-and-tabs": "off",
+        "@typescript-eslint/no-var-requires": 0
     }
 }

.gitignore

@@ -7,6 +7,7 @@
 
 # testing
 /coverage
+/__tests__/__snapshots__
 
 # next.js
 /.next/

.prettierignore

@@ -1,6 +1,7 @@
 .yarn
 node_modules
 .next
+coverage
 dist
 next-env.d.ts
 yarn.lock

__tests__/hello.test.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Hello } from '../src/app/hello';
+
+describe('Hello', () => {
+    it('should render', () => {
+        const { container } = render(<Hello />);
+        expect(container).toHaveTextContent('Hello');
+    });
+});

jest.config.js

@@ -0,0 +1,12 @@
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({
+    dir: './',
+});
+
+const customJestConfig = {
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+    testEnvironment: 'jest-environment-jsdom',
+};
+
+module.exports = createJestConfig(customJestConfig);

jest.setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package.json

@@ -13,7 +13,8 @@
         "lint:fix": "eslint . --fix --ext js,jsx,ts,tsx, src/",
         "check:all": "yarn format:check && yarn lint:check",
         "fix:all": "yarn format:fix && yarn lint:fix",
-        "prepare": "husky install"
+        "prepare": "husky install",
+        "test": "jest --coverage"
     },
     "dependencies": {
         "autoprefixer": "10.4.15",
@@ -25,17 +26,28 @@
         "typescript": "5.2.2"
     },
     "devDependencies": {
+        "@testing-library/jest-dom": "5.17.0",
+        "@testing-library/react": "^14.0.0",
         "@types/eslint": "^8",
-        "@types/node": "20.5.9",
-        "@types/react": "18.2.21",
-        "@types/react-dom": "18.2.7",
-        "@typescript-eslint/eslint-plugin": "^6.6.0",
-        "@typescript-eslint/parser": "^6.0.0",
-        "eslint": "^8.48.0",
-        "eslint-config-prettier": "^9.0.0",
-        "eslint-plugin-prettier": "^5.0.0",
+        "@types/jest": "^29.5.3",
+        "@types/node": "20.2.5",
+        "@types/react": "18.2.7",
+        "@types/react-dom": "18.2.4",
+        "@typescript-eslint/eslint-plugin": "^5.59.7",
+        "@typescript-eslint/parser": "^5.59.7",
+        "eslint": "8.41.0",
+        "eslint-config-next": "13.4.4",
+        "eslint-config-prettier": "^8.8.0",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-next": "^0.0.0",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-react": "^7.32.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
         "husky": "^8.0.3",
-        "prettier": "^3.0.3"
+        "jest": "^29.6.2",
+        "jest-environment-jsdom": "^29.6.2",
+        "prettier": "^2.8.8",
+        "ts-jest": "^29.1.1"
     },
     "volta": {
         "node": "18.14.0",

src/app/hello.tsx

@@ -0,0 +1,3 @@
+import React from 'react';
+
+export const Hello = () => <h1>Hello</h1>;