feat: add lint-staged

Author: alfirmanpahlepi

.eslintrc.json

@@ -24,6 +24,7 @@
     "jsx-a11y/accessible-emoji": "off",
     "no-duplicate-imports": "error",
     "no-multi-spaces": "warn",
+    "no-undef":"off",
     "no-unused-vars": "warn",
     "no-useless-rename": "warn",
     "react/jsx-sort-props": ["warn", { "reservedFirst": ["key"] }],

.gitignore

@@ -21,3 +21,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.eslintcache

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

package.json

@@ -22,7 +22,8 @@
     "lint": "eslint .",
     "lint:fix": "eslint --fix \"**/*.{js,jsx,ts,tsx,yml,yaml}\"",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "prepare": "husky install"
   },
   "eslintConfig": {
     "extends": [
@@ -49,11 +50,19 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
     "postcss": "^8.4.14",
     "prettier": "^2.7.0",
     "prettier-plugin-tailwindcss": "^0.1.11",
     "stylelint": "^14.9.1",
     "stylelint-config-recommended": "^8.0.0",
     "tailwindcss": "^3.1.2"
+  },
+  "lint-staged": {
+    "*.{js,jsx}": [
+      "eslint --cache --fix",
+      "prettier --write"
+    ]
   }
 }

src/__tests__/Home.test.jsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+import Home from '../pages/Home';
+
+describe('HomePage', () => {
+  it('home page content rendered properly', () => {
+    const { getByText } = render(<Home />);
+
+    expect(getByText(/Telusuri Kategori/i)).toBeInTheDocument();
+  });
+});