feat(tests): Add comprehensive unit tests for background and popup sc… (#5)

* feat(tests): Add comprehensive unit tests for background and popup scripts

- Implemented Chrome API mocks for testing purposes.
- Created a mock for the popup script to simulate DOM interactions.
- Developed unit tests for the background script, covering constants, error handling, and display bounds.
- Added unit tests for the popup script, including DOM initialization, language selection, and button functionality.
- Enhanced test utilities for better setup and teardown of test environments.
- Configured TypeScript for testing with specific compiler options.

* refactor(ci): Update CI configuration to focus on unit tests only

* refactor(ci): Remove caching configuration for npm dependencies

* fix(ci): Change npm ci to npm install for dependency installation

* fix(ci): Update dependency installation method and cache configuration

* refactor(tests): Optimize test environment behavior for popup and background scripts

Author: SIkebe

.github/dependabot.yml

@@ -0,0 +1,31 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "daily"
+    labels:
+      - "dependencies"
+      - "automated"
+    # Group minor and patch updates
+    groups:
+      development-dependencies:
+        dependency-type: "development"
+        patterns:
+          - "@types/*"
+          - "jest*"
+          - "typescript"
+          - "ts-jest"
+      production-dependencies:
+        dependency-type: "production"
+        exclude-patterns:
+          - "@types/*"
+
+  # GitHub Actions
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "daily"
+    labels:
+      - "github-actions"
+      - "automated"

.github/workflows/ci.yml

@@ -0,0 +1,48 @@
+name: CI/CD Pipeline
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+  workflow_dispatch:
+
+env:
+  NODE_VERSION: '22'
+  CACHE_DEPENDENCY_PATH: 'package-lock.json'
+
+jobs:
+  test:
+    name: 🧪 Unit Tests
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    
+    strategy:
+      matrix:
+        test-type: [unit]
+        
+    steps:
+      - name: 📥 Checkout code
+        uses: actions/checkout@v4
+
+      - name: 🟢 Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'npm'
+          cache-dependency-path: ${{ env.CACHE_DEPENDENCY_PATH }}
+
+      - name: 📦 Install dependencies
+        run: npm ci --prefer-offline --no-audit
+
+      - name: 🏗️ Build project
+        run: npm run build
+
+      - name: 🧪 Run ${{ matrix.test-type }} tests
+        run: npm run test:${{ matrix.test-type }}
+
+      - name: 📊 PR Test Summary
+        run: |
+          echo "## 🧪 Test Results" >> $GITHUB_STEP_SUMMARY
+          echo "✅ Build: Successful" >> $GITHUB_STEP_SUMMARY
+          echo "✅ Unit Tests: Passed" >> $GITHUB_STEP_SUMMARY

.gitignore

@@ -3,7 +3,6 @@ node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-package-lock.json
 
 # Environment files
 .env
@@ -65,6 +64,10 @@ pids/
 coverage/
 *.lcov
 
+# Test results
+test-results/
+junit.xml
+
 # Dev Container
 .devcontainer/.env
 

.npmrc

@@ -11,7 +11,6 @@ audit-level=moderate
 
 # Performance settings
 prefer-offline=false
-cache-max=86400000
 
 # Registry settings
 registry=https://registry.npmjs.org/

jest.config.js

@@ -0,0 +1,105 @@
+/** @type {import('jest').Config} */
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  
+  // Enhanced performance optimizations
+  maxWorkers: process.env.CI ? 2 : '75%', // More workers locally, fewer in CI
+  cache: true,
+  cacheDirectory: '<rootDir>/node_modules/.cache/jest',
+  
+  // Faster test discovery
+  haste: {
+    computeSha1: false,
+    throwOnModuleCollision: false,
+  },
+  
+  // Test file patterns
+  testMatch: [
+    '<rootDir>/tests/**/*.test.ts',
+    '<rootDir>/tests/**/*.spec.ts'
+  ],
+  
+  // Module path mapping
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  
+  // Setup files
+  setupFilesAfterEnv: [
+    '<rootDir>/tests/setup/jest.setup.ts'
+  ],
+  
+  // Coverage configuration (disable during development)
+  collectCoverageFrom: [
+    'src/**/*.ts',
+    '!src/**/*.d.ts',
+    '!src/**/index.ts'
+  ],
+  
+  coverageReporters: [
+    'text-summary', // Faster than full text
+    'lcov'
+  ],
+  
+  coverageDirectory: 'coverage',
+  
+  // Enhanced transform configuration with performance optimizations
+  transform: {
+    '^.+\\.ts$': ['ts-jest', {
+      tsconfig: 'tsconfig.test.json',
+      isolatedModules: true,
+      useESM: false,
+      // Skip type checking for faster compilation
+      diagnostics: false, // Completely disable diagnostics for speed
+      // Disable source maps for faster execution
+      sourcemap: false,
+      // Use faster compiler options
+      compilerOptions: {
+        skipLibCheck: true,
+        skipDefaultLibCheck: true,
+      }
+    }]
+  },
+  
+  // Transform ignore patterns
+  transformIgnorePatterns: [
+    'node_modules/(?!(some-es6-module)/)'
+  ],
+  
+  // Module file extensions
+  moduleFileExtensions: [
+    'ts',
+    'js',
+    'json'
+  ],
+  
+  // Clear mocks between tests
+  clearMocks: true,
+  
+  // Reduce verbosity for faster execution
+  verbose: false,
+  silent: false,
+  
+  // Optimized timeout settings
+  testTimeout: 5000, // Reduced from 10 seconds to 5 seconds
+  
+  // Performance settings
+  detectOpenHandles: false,
+  forceExit: true, // Enable for faster exit
+  
+  // Bail early on failures (for faster feedback during development)
+  bail: false,
+  
+  // Faster test running options
+  passWithNoTests: true,
+  errorOnDeprecated: false,
+  
+  // Optimize watch mode
+  watchPathIgnorePatterns: [
+    '/node_modules/',
+    '/dist/',
+    '/coverage/',
+    '/.git/'
+  ]
+};