Enhance vitest configuration

Author: adamxrodriguez

app/lib/utils.ts

@@ -12,9 +12,15 @@ export const featureFlags = {
 
 /**
  * Check if a feature is enabled
+ * Reads directly from process.env to support dynamic testing
  */
 export const isFeatureEnabled = (flag: keyof typeof featureFlags): boolean => {
-  return featureFlags[flag];
+  const envMap: Record<keyof typeof featureFlags, string> = {
+    enableExperimentalDashboard: 'ENABLE_EXPERIMENTAL_DASHBOARD',
+    enableAnalyticsPage: 'ENABLE_ANALYTICS_PAGE',
+    enableObservabilityPage: 'ENABLE_OBSERVABILITY_PAGE',
+  };
+  return process.env[envMap[flag]] === 'true';
 };
 
 

tests/components/card-skeleton.test.tsx

@@ -5,9 +5,10 @@ import { CardSkeleton } from '@/app/ui/skeletons';
 
 describe('CardSkeleton', () => {
   it('should render the skeleton card', () => {
-    render(<CardSkeleton />);
+    const { container } = render(<CardSkeleton />);
 
-    const card = screen.getByRole('generic');
+    // Check for the main card container with the shimmer class
+    const card = container.querySelector('.rounded-xl.bg-gray-100');
     expect(card).toBeInTheDocument();
   });
 

vitest.config.ts

@@ -9,6 +9,7 @@ export default defineConfig({
     environment: 'jsdom',
     globals: true,
     setupFiles: ['./tests/setup.ts'],
+    exclude: ['**/node_modules/**', '**/dist/**', '**/.next/**', '**/*.spec.ts'],
     coverage: {
       provider: 'v8',
       reporter: ['text', 'json', 'html'],