test-setup.ts

// Provide a minimal process polyfill for browser-like test environments (e.g. Storybook + Vitest) where process may be undefined
if (typeof (globalThis as any).process === 'undefined') {
  (globalThis as any).process = { env: {} } as any;
}

import { afterEach } from 'vitest';
import { cleanup } from '@testing-library/react';
import '@testing-library/jest-dom/vitest';
// Accessibility matcher (jest-axe) is imported indirectly via test utils when used.

// Import React globally for JSX in tests
import React from 'react';

// Make React available globally for tests that don't import it explicitly
(globalThis as any).React = React;

// Import fonts to ensure they're available during testing
import './styles/fonts.css';

// Ensure jest-dom matchers are available
import { expect, vi } from 'vitest';
import * as matchers from '@testing-library/jest-dom/matchers';

expect.extend(matchers);

// Cleanup after each test case
afterEach(() => {
  cleanup();
});

// Flag to allow hydration tests to ignore known React 19 act() environment warnings
(globalThis as any).__ALLOW_ACT_WARNING__ = true;

// Enhanced DOM environment setup for CI/CD environments
// This addresses issues where jsdom may not be fully initialized
if (typeof global !== 'undefined') {
  // Ensure window and document are available
  if (typeof window === 'undefined') {
    // This should not happen with jsdom, but provides a fallback
    console.warn('Warning: window not available in test environment');
  }
  
  if (typeof document === 'undefined') {
    // This should not happen with jsdom, but provides a fallback
    console.warn('Warning: document not available in test environment');
  }

  // Ensure document is available globally for @testing-library/react
  // This fixes "document is not defined" errors in React 19 with @testing-library/react
  if (typeof globalThis !== 'undefined' && typeof document !== 'undefined') {
    globalThis.document = document;
    globalThis.window = window;
  }
}

// React 19: ensure window.event exists with minimal shape { type }
if (typeof window !== 'undefined') {
  Object.defineProperty(window, 'event', {
    get() {
      return { type: 'synthetic' } as any; // minimal object so code can read .type
    },
    configurable: true,
  });

  // Provide a lightweight ResizeObserver mock for components using it (e.g. GanttChart)
  if (!('ResizeObserver' in window)) {
    (window as any).ResizeObserver = vi.fn().mockImplementation(() => ({
      observe: vi.fn(),
      unobserve: vi.fn(),
      disconnect: vi.fn(),
    }));
  }

  // Polyfill scrollIntoView used in tab/data grid components (noop for jsdom)
  if (!HTMLElement.prototype.scrollIntoView) {
    (HTMLElement.prototype as any).scrollIntoView = function() { /* noop */ } as any;
  } else {
    // Wrap existing to swallow unexpected calls in tests
    const original = HTMLElement.prototype.scrollIntoView;
    (HTMLElement.prototype as any).scrollIntoView = function(...args: any[]) {
      try { return original.apply(this, args as any); } catch { /* ignore */ }
    };
  }

  // Polyfill HTMLFormElement.requestSubmit (jsdom not implemented)
  if (typeof (HTMLFormElement.prototype as any).requestSubmit !== 'function') {
    (HTMLFormElement.prototype as any).requestSubmit = function(submitter?: HTMLElement) {
      const evt = new Event('submit', { bubbles: true, cancelable: true });
      // If submitter provided set it on form for handlers that read it
      (this as any)._requestSubmitter = submitter;
      this.dispatchEvent(evt);
      if (!evt.defaultPrevented) {
        // Basic no-op to simulate native submission path
      }
    };
  }
}

// Provide jest global alias for tests still using jest.fn etc.
if (!(globalThis as any).jest) {
  (globalThis as any).jest = {
    fn: vi.fn.bind(vi),
    spyOn: vi.spyOn.bind(vi),
  };
}

// Mock document.fonts API for testing
if (typeof document !== 'undefined') {
  Object.defineProperty(document, 'fonts', {
    value: {
      load: vi.fn().mockResolvedValue([]),
      check: vi.fn().mockReturnValue(false), // Initially fonts are not loaded
      ready: Promise.resolve(new Set()),
    },
    writable: true,
  });

  // Mock window.getComputedStyle to better handle font fallbacks in tests
  const originalGetComputedStyle = window.getComputedStyle;
  window.getComputedStyle = function(element: Element, pseudoElement?: string | null) {
    const style = originalGetComputedStyle(element, pseudoElement);
    
    // Create a proxy to better handle font-family fallbacks
    return new Proxy(style, {
      get(target: CSSStyleDeclaration, property: string | symbol) {
        if (property === 'fontFamily') {
          const fontFamily = target.fontFamily;
          // If no inline style is set, check if Frutiger should be applied
          if (!fontFamily || fontFamily === '' || fontFamily === 'Times' || fontFamily === 'serif') {
            // Check if element has our font stack applied via inline styles
            const htmlElement = element as HTMLElement;
            if (htmlElement.style && htmlElement.style.fontFamily) {
              return htmlElement.style.fontFamily;
            }
            // In test environment, fall back to system default
            return 'arial, sans-serif';
          }
          return fontFamily;
        }
        return (target as any)[property];
      }
    });
  };
}

// Silence AriaTabsDataGrid scroll debug logs by default in test runs unless explicitly disabled
try {
  if (!(process as any).env.SILENCE_SCROLL_DEBUG) {
    (process as any).env.SILENCE_SCROLL_DEBUG = 'true';
  }
  if (!(process as any).env.CI_SILENCE_PERF_WARN) {
    (process as any).env.CI_SILENCE_PERF_WARN = 'true';
  }
} catch { /* ignore if polyfill missing */ }