/**
 * Shared test data and constants for E2E tests
 */

export const TEST_VIEWPORTS = {
  desktop: { width: 1920, height: 1080 },
  tablet: { width: 768, height: 1024 },
  mobile: { width: 375, height: 667 },
}

export const TEST_SELECTORS = {
  // Hero section
  heroTitle: 'h1',
  heroSubtitle: 'text=Kubernetes',
  exploreMoreBtn: 'button:has-text("Explore More")',
  terminalHint: 'text=Terminal',

  // Bio modal
  bioModal: '.bg-white.dark\\:bg-gray-900.rounded-lg',
  bioTitle: 'text=Bio',
  bioCloseBtn: 'button:has-text("x")',
  bioIntro: 'text=Welcome',

  // Projects section
  projectsSection: 'text=Projects',
  projectCard: '[class*="ProjectShowcase"]',
  projectTitle: 'text=Homelab',

  // Timeline
  timelineSection: 'text=Experience',

  // Terminal
  terminalContainer: '[class*="InteractiveTerminal"]',
  terminalInput: 'input[placeholder*="terminal"]',

  // Dark mode
  themeToggle: 'button[aria-label*="theme"]',

  // Links
  watchVideoLink: 'text=Watch Video',
  readArticleLink: 'text=Read Article',
}

export const TEST_TIMEOUTS = {
  slow: 10000,
  normal: 5000,
  quick: 2000,
}

export const TEST_PROJECTS = [
  'Homelab',
  'Poimen Memory',
  'Poimen Workflow',
  'RBC',
  'AWS',
]

export const TEST_BREAKPOINTS = {
  mobile: 375,
  tablet: 768,
  desktop: 1280,
  wide: 1920,
}