chore: add test for apps/website (#156)

Author: fengmk2

packages/global/snap-tests/new-monorepo/snap.txt

@@ -38,6 +38,7 @@ Creating monorepo project: my-project...
 
 Next steps:
   cd my-project
+  git init
   vite run ready
   vite run dev
 

packages/global/snap-tests/new-singlerepo/snap.txt

@@ -5,5 +5,6 @@ Creating singlerepo project: my-project...
 
 Next steps:
   cd my-project
+  git init
   vite run ready
   vite run dev

packages/global/src/scaffold.ts

@@ -243,6 +243,8 @@ export async function scaffold(options: ScaffoldOptions = {}) {
   console.log(`✅ Successfully created ${projectType} project: ${projectName}`);
   console.log('\nNext steps:');
   console.log(`  cd ${projectName}`);
+  // TODO: need git init avoid oxlint scan node_modules
+  console.log('  git init');
   console.log('  vite run ready');
   console.log('  vite run dev');
 

packages/global/templates/monorepo-app/__tests__/counter.spec.ts

@@ -0,0 +1,49 @@
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { setupCounter } from '../src/counter.ts';
+
+describe('setupCounter', () => {
+  let button: HTMLButtonElement;
+
+  beforeEach(() => {
+    // Create a button element for testing
+    button = document.createElement('button');
+    button.id = 'counter';
+    document.body.appendChild(button);
+  });
+
+  afterEach(() => {
+    // Clean up the DOM after each test
+    document.body.removeChild(button);
+  });
+
+  it('should initialize counter with 0', () => {
+    setupCounter(button);
+    expect(button.innerHTML).toBe('count is 0');
+  });
+
+  it('should increment counter on click', () => {
+    setupCounter(button);
+
+    // Initial state
+    expect(button.innerHTML).toBe('count is 0');
+
+    // First click
+    button.click();
+    expect(button.innerHTML).toBe('count is 1');
+
+    // Second click
+    button.click();
+    expect(button.innerHTML).toBe('count is 2');
+  });
+
+  it('should handle multiple clicks correctly', () => {
+    setupCounter(button);
+
+    // Click 5 times
+    for (let i = 0; i < 5; i++) {
+      button.click();
+    }
+
+    expect(button.innerHTML).toBe('count is 5');
+  });
+});

packages/global/templates/monorepo-app/package.json

@@ -6,10 +6,13 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vite test"
   },
   "devDependencies": {
+    "happy-dom": "catalog:",
     "typescript": "catalog:",
-    "vite": "catalog:"
+    "vite": "catalog:",
+    "vitest": "catalog:"
   }
 }

packages/global/templates/monorepo-app/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  test: {
+    environment: 'happy-dom',
+  },
+});

packages/global/templates/monorepo/apps/website/__tests__/counter.spec.ts

@@ -0,0 +1,49 @@
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { setupCounter } from '../src/counter.ts';
+
+describe('setupCounter', () => {
+  let button: HTMLButtonElement;
+
+  beforeEach(() => {
+    // Create a button element for testing
+    button = document.createElement('button');
+    button.id = 'counter';
+    document.body.appendChild(button);
+  });
+
+  afterEach(() => {
+    // Clean up the DOM after each test
+    document.body.removeChild(button);
+  });
+
+  it('should initialize counter with 0', () => {
+    setupCounter(button);
+    expect(button.innerHTML).toBe('count is 0');
+  });
+
+  it('should increment counter on click', () => {
+    setupCounter(button);
+
+    // Initial state
+    expect(button.innerHTML).toBe('count is 0');
+
+    // First click
+    button.click();
+    expect(button.innerHTML).toBe('count is 1');
+
+    // Second click
+    button.click();
+    expect(button.innerHTML).toBe('count is 2');
+  });
+
+  it('should handle multiple clicks correctly', () => {
+    setupCounter(button);
+
+    // Click 5 times
+    for (let i = 0; i < 5; i++) {
+      button.click();
+    }
+
+    expect(button.innerHTML).toBe('count is 5');
+  });
+});

packages/global/templates/monorepo/apps/website/package.json

@@ -6,10 +6,13 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vite test"
   },
   "devDependencies": {
+    "happy-dom": "catalog:",
     "typescript": "catalog:",
-    "vite": "catalog:"
+    "vite": "catalog:",
+    "vitest": "catalog:"
   }
 }

packages/global/templates/monorepo/apps/website/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  test: {
+    environment: 'happy-dom',
+  },
+});

packages/global/templates/monorepo/package.json

@@ -7,7 +7,7 @@
     "ready": "vite run lint && vite run test && vite run prepublishOnly",
     "dev": "vite run website#dev",
     "lint": "vite lint --type-aware",
-    "test": "vite test --run",
+    "test": "vite test",
     "prepublishOnly": "vite run -r build"
   },
   "devDependencies": {