eureka-init 1.0.0 → 1.0.2

package/README.md

@@ -28,9 +28,10 @@ Perintah ini akan:
 1. Membuat file `commitlint.config.js`.
 2. Membuat file `.prettierrc`.
 3. Membuat file `.eslintrc.js`.
-4. Menjalankan `npx husky install`.
-5. Membuat hook `.husky/commit-msg` dan `.husky/pre-commit`.
-6. Menambahkan script `prepare`, `lint`, dan `format` di `package.json`.
+4. Membuat file `jest.config.js` dan `jest.setup.js`.
+5. Menjalankan `npx husky install`.
+6. Membuat hook `.husky/commit-msg` dan `.husky/pre-commit`.
+7. Menambahkan script `prepare`, `lint`, `format`, dan `test` di `package.json`.
 
 ## 🧱 Format Commit
 Gunakan format: `<type>: <subject>`
@@ -53,3 +54,4 @@ Gunakan format: `<type>: <subject>`
 Setelah instalasi, Anda bisa menggunakan:
 - `npm run lint`: Menjalankan eslint.
 - `npm run format`: Menjalankan prettier untuk merapikan kode.
+- `npm run test`: Menjalankan unit test menggunakan Jest.

package/bin/eureka-init.js

@@ -29,6 +29,14 @@ function setup() {
     path.join(templateDir, '.eslintrc.js'),
     path.join(cwd, '.eslintrc.js')
   );
+  copyFile(
+    path.join(templateDir, 'jest.config.js'),
+    path.join(cwd, 'jest.config.js')
+  );
+  copyFile(
+    path.join(templateDir, 'jest.setup.js'),
+    path.join(cwd, 'jest.setup.js')
+  );
 
   // 2. Initialize Husky
   try {
@@ -76,6 +84,9 @@ function setup() {
     if (!pkg.scripts.format) {
       pkg.scripts.format = 'prettier --write .';
     }
+    if (!pkg.scripts.test) {
+      pkg.scripts.test = 'jest';
+    }
 
     fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
     console.log('✅ Updated package.json scripts');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eureka-init",
-  "version": "1.0.0",
-  "description": "Shared configuration for Husky, Commitlint, and Prettier for Eureka Group",
+  "version": "1.0.2",
+  "description": "Shared configuration for Husky, Commitlint, Prettier, ESLint, and Jest for Eureka Group",
   "main": "index.js",
   "bin": {
     "eureka-init": "bin/eureka-init.js"
@@ -24,6 +24,9 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "husky": "^9.0.11",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "identity-obj-proxy": "^3.0.0",
     "prettier": "^3.2.5"
   }
 }

package/templates/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  coverageDirectory: 'coverage',
+  moduleNameMapper: {
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+};

package/templates/jest.setup.js

@@ -0,0 +1,114 @@
+import '@testing-library/jest-dom';
+
+/**
+ * Mock window.matchMedia (Diperlukan untuk Ant Design dan responsive components)
+ */
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation((query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // deprecated
+        removeListener: jest.fn(), // deprecated
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+    })),
+});
+
+/**
+ * Mock IntersectionObserver (Biasanya digunakan untuk lazy loading image)
+ */
+global.IntersectionObserver = class IntersectionObserver {
+    constructor() { }
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+};
+
+/**
+ * Mock ResizeObserver (Dibutuhkan untuk Framer Motion dan UI responsif)
+ */
+global.ResizeObserver = class ResizeObserver {
+    constructor() { }
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+};
+
+/**
+ * Mock window.scrollTo (Penting untuk alur checkout/pembelian)
+ */
+Object.defineProperty(window, 'scrollTo', {
+    value: () => { },
+    writable: true
+});
+
+/**
+ * Mock Next.js Navigation (useRouter, usePathname, dll)
+ */
+jest.mock('next/navigation', () => ({
+    useRouter: () => ({
+        push: jest.fn(),
+        replace: jest.fn(),
+        prefetch: jest.fn(),
+        back: jest.fn(),
+    }),
+    usePathname: () => '',
+    useSearchParams: () => new URLSearchParams(),
+}));
+
+/**
+ * Mock SweetAlert2 (Sering digunakan di project Eureka)
+ */
+jest.mock('sweetalert2', () => ({
+    fire: jest.fn().mockResolvedValue({ isConfirmed: true }),
+}));
+
+/**
+ * Mock LocalStorage
+ */
+const localStorageMock = (function () {
+    let store = {};
+    return {
+        getItem: (key) => store[key] || null,
+        setItem: (key, value) => {
+            store[key] = value.toString();
+        },
+        removeItem: (key) => {
+            delete store[key];
+        },
+        clear: () => {
+            store = {};
+        },
+    };
+})();
+
+Object.defineProperty(window, 'localStorage', {
+    value: localStorageMock,
+});
+
+/**
+ * Mock Fetch API
+ */
+global.fetch = jest.fn(() =>
+    Promise.resolve({
+        json: () => Promise.resolve({}),
+    })
+);
+
+/**
+ * Mock Axios (Standar alur pembelian di Eureka Group)
+ */
+jest.mock('axios', () => ({
+    get: jest.fn(() => Promise.resolve({ data: {} })),
+    post: jest.fn(() => Promise.resolve({ data: {} })),
+    put: jest.fn(() => Promise.resolve({ data: {} })),
+    delete: jest.fn(() => Promise.resolve({ data: {} })),
+    create: jest.fn(function () { return this; }),
+    interceptors: {
+        request: { use: jest.fn(), eject: jest.fn() },
+        response: { use: jest.fn(), eject: jest.fn() },
+    },
+}));