create-appraisejs 0.3.0 → 0.3.1-alpha.1

package/templates/blank/src/components/ui/alert-dialog.tsx

@@ -1,106 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'
-
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '@/components/ui/button'
-
-const AlertDialog = AlertDialogPrimitive.Root
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal
-
-const AlertDialogOverlay = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    className={cn(
-      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-      className,
-    )}
-    {...props}
-    ref={ref}
-  />
-))
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
-
-const AlertDialogContent = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
-        className,
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-))
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
-
-const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />
-)
-AlertDialogHeader.displayName = 'AlertDialogHeader'
-
-const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />
-)
-AlertDialogFooter.displayName = 'AlertDialogFooter'
-
-const AlertDialogTitle = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold', className)} {...props} />
-))
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
-
-const AlertDialogDescription = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />
-))
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName
-
-const AlertDialogAction = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Action>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
-))
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
-
-const AlertDialogCancel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}
-    {...props}
-  />
-))
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-}

package/templates/blank/src/components/ui/avatar.tsx

@@ -1,40 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import * as AvatarPrimitive from '@radix-ui/react-avatar'
-
-import { cn } from '@/lib/utils'
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}
-    {...props}
-  />
-))
-Avatar.displayName = AvatarPrimitive.Root.displayName
-
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image ref={ref} className={cn('aspect-square h-full w-full', className)} {...props} />
-))
-AvatarImage.displayName = AvatarPrimitive.Image.displayName
-
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn('flex h-full w-full items-center justify-center rounded-full bg-muted', className)}
-    {...props}
-  />
-))
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
-
-export { Avatar, AvatarImage, AvatarFallback }

package/templates/blank/src/components/ui/loading.tsx

@@ -1,12 +0,0 @@
-import { LoaderCircle } from 'lucide-react'
-
-export default function Loading() {
-  return (
-    <div className="flex items-center justify-center p-10">
-      <span className="mr-2 text-muted-foreground">
-        <LoaderCircle className="h-5 w-5 animate-spin" />
-      </span>
-      <span className="text-sm font-medium text-muted-foreground">Loading...</span>
-    </div>
-  )
-}

package/templates/blank/src/components/ui/navigation-menu.tsx

@@ -1,120 +0,0 @@
-import * as React from 'react'
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'
-import { cva } from 'class-variance-authority'
-import { ChevronDown } from 'lucide-react'
-
-import { cn } from '@/lib/utils'
-
-const NavigationMenu = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Root
-    ref={ref}
-    className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}
-    {...props}
-  >
-    {children}
-    <NavigationMenuViewport />
-  </NavigationMenuPrimitive.Root>
-))
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
-
-const NavigationMenuList = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.List
-    ref={ref}
-    className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}
-    {...props}
-  />
-))
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
-
-const NavigationMenuItem = NavigationMenuPrimitive.Item
-
-const navigationMenuTriggerStyle = cva(
-  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent',
-)
-
-const NavigationMenuTrigger = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Trigger
-    ref={ref}
-    className={cn(navigationMenuTriggerStyle(), 'group', className)}
-    {...props}
-  >
-    {children}{' '}
-    <ChevronDown
-      className="relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180"
-      aria-hidden="true"
-    />
-  </NavigationMenuPrimitive.Trigger>
-))
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
-
-const NavigationMenuContent = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Content
-    ref={ref}
-    className={cn(
-      'left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto',
-      className,
-    )}
-    {...props}
-  />
-))
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
-
-const NavigationMenuLink = NavigationMenuPrimitive.Link
-
-const NavigationMenuViewport = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
->(({ className, ...props }, ref) => (
-  <div className={cn('absolute left-0 top-full flex justify-center')}>
-    <NavigationMenuPrimitive.Viewport
-      className={cn(
-        'origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]',
-        className,
-      )}
-      ref={ref}
-      {...props}
-    />
-  </div>
-))
-NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName
-
-const NavigationMenuIndicator = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Indicator
-    ref={ref}
-    className={cn(
-      'top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in',
-      className,
-    )}
-    {...props}
-  >
-    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
-  </NavigationMenuPrimitive.Indicator>
-))
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName
-
-export {
-  navigationMenuTriggerStyle,
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
-  NavigationMenuIndicator,
-  NavigationMenuViewport,
-}

package/templates/blank/src/lib/template-sync-utils.js

@@ -1,50 +0,0 @@
-import { join, relative } from 'path';
-const EXCLUDED_DIRS = new Set(['node_modules', '.next', '.git', 'dist']);
-const EXCLUDED_EXTENSIONS = new Set(['.db', '.sqlite', '.sqlite3', '.tsbuildinfo']);
-const EXCLUDED_PATH_PREFIXES = ['automation/reports/'];
-const EXCLUDED_FILENAMES = new Set(['.DS_Store']);
-function toPosixPath(value) {
-    return value.replace(/\\/g, '/');
-}
-export function shouldExcludeTemplatePath(relativePath) {
-    const normalizedPath = toPosixPath(relativePath);
-    const parts = normalizedPath.split('/');
-    if (parts.some(part => EXCLUDED_DIRS.has(part)))
-        return true;
-    if (parts.some(part => EXCLUDED_FILENAMES.has(part)))
-        return true;
-    if (EXCLUDED_PATH_PREFIXES.some(prefix => normalizedPath.startsWith(prefix)))
-        return true;
-    const ext = normalizedPath.endsWith('.sqlite3')
-        ? '.sqlite3'
-        : normalizedPath.endsWith('.sqlite')
-            ? '.sqlite'
-            : normalizedPath.endsWith('.tsbuildinfo')
-                ? '.tsbuildinfo'
-                : normalizedPath.slice(normalizedPath.lastIndexOf('.'));
-    return EXCLUDED_EXTENSIONS.has(ext);
-}
-export function shouldBackfillLegacyEnvironmentConfig(targetHasEnvironmentsFile, legacyEnvironmentsDirExists) {
-    return !targetHasEnvironmentsFile && legacyEnvironmentsDirExists;
-}
-export function getAutomationFeaturesDir(baseDir) {
-    return join(baseDir, 'automation', 'features');
-}
-export function getAutomationLocatorsDir(baseDir) {
-    return join(baseDir, 'automation', 'locators');
-}
-export function getAutomationLocatorMapPath(baseDir) {
-    return join(baseDir, 'automation', 'mapping', 'locator-map.json');
-}
-export function extractModulePathFromAutomationFile(filePath, baseDir, automationSubdir) {
-    const automationBaseDir = automationSubdir === 'features' ? getAutomationFeaturesDir(baseDir) : getAutomationLocatorsDir(baseDir);
-    const normalizedBaseDir = toPosixPath(automationBaseDir).replace(/\/$/, '');
-    const normalizedFilePath = toPosixPath(filePath);
-    const relativePath = normalizedFilePath.startsWith(`${normalizedBaseDir}/`)
-        ? normalizedFilePath.slice(normalizedBaseDir.length + 1)
-        : toPosixPath(relative(automationBaseDir, filePath));
-    const pathParts = relativePath.split('/').filter(part => part && part !== '');
-    const moduleParts = pathParts.slice(0, -1);
-    return moduleParts.length > 0 ? `/${moduleParts.join('/')}` : '/';
-}
-//# sourceMappingURL=template-sync-utils.js.map

package/templates/blank/src/lib/test-run/test-run-executor.ts

@@ -1,13 +0,0 @@
-import type { TestRunExecutionRequest, TestRunExecutionResult } from '@/lib/executor/types'
-import { localExecutorAdapter } from '@/lib/executor/local-executor-adapter'
-import { getAutomationRunReportPath } from '@/lib/automation/automation-path-roots'
-
-export type TestRunExecutionConfig = TestRunExecutionRequest
-
-export function generateReportPath(testRunId: string): string {
-  return getAutomationRunReportPath(testRunId)
-}
-
-export async function executeTestRun(config: TestRunExecutionConfig): Promise<TestRunExecutionResult> {
-  return localExecutorAdapter.executeTestRun(config)
-}

package/templates/blank/src/lib/utils/template-step-file-manager.ts

@@ -1,166 +0,0 @@
-import prisma from '@/config/db-config'
-import { writeTemplateStepFile, deleteTemplateStepFile, generateFileContent } from './template-step-file-generator'
-import { TemplateStepGroupType } from '@prisma/client'
-
-// TemplateStepGroupType helper - will be available from @prisma/client after migration
-type TemplateStepGroupTypeLocal = 'ACTION' | 'VALIDATION'
-
-// Type helper to safely extract type from Prisma templateStepGroup records
-type TemplateStepGroupWithType = {
-  id: string
-  name: string
-  description: string | null
-  type?: TemplateStepGroupTypeLocal
-  createdAt: Date
-  updatedAt: Date
-}
-
-function getGroupType(group: unknown): TemplateStepGroupTypeLocal {
-  const groupWithType = group as TemplateStepGroupWithType
-  const type = groupWithType.type
-  if (type === 'VALIDATION' || type === 'ACTION') {
-    return type
-  }
-  return 'ACTION' // default
-}
-
-/**
- * Regenerates the file for a specific template step group
- * This function is called whenever template steps in a group change
- */
-export async function regenerateTemplateStepGroupFile(groupId: string): Promise<void> {
-  try {
-    // Get the template step group with all its template steps
-    const group = await prisma.templateStepGroup.findUnique({
-      where: { id: groupId },
-      include: {
-        templateSteps: {
-          orderBy: {
-            // Order by creation time or any other field you prefer
-            createdAt: 'asc',
-          },
-        },
-      },
-    })
-
-    if (!group) {
-      throw new Error(`Template step group with ID ${groupId} not found`)
-    }
-
-    // Generate file content from template steps
-    const content = generateFileContent(group.templateSteps)
-
-    // Write the file
-    const type = getGroupType(group)
-    await writeTemplateStepFile(group.name, content, type)
-
-    console.log(`File regenerated for template step group: ${group.name}`)
-  } catch (error) {
-    console.error(`Failed to regenerate file for template step group ${groupId}:`, error)
-    throw new Error(`File regeneration failed: ${error}`)
-  }
-}
-
-/**
- * Creates a placeholder file for a new template step group
- * Called when a new group is created
- * @deprecated Use createTemplateStepGroupFile from template-step-file-manager-intelligent.ts instead
- */
-export async function createTemplateStepGroupFile(
-  groupName: string,
-  type: TemplateStepGroupType | string = 'ACTION',
-): Promise<void> {
-  try {
-    // Create empty placeholder content with required imports
-    const placeholderContent =
-      '// This file is generated automatically. Add template steps to this group to generate content.'
-
-    // Write the placeholder file
-    await writeTemplateStepFile(groupName, placeholderContent, type)
-
-    console.log(`Placeholder file created for template step group: ${groupName}`)
-  } catch (error) {
-    console.error(`Failed to create placeholder file for group "${groupName}":`, error)
-    throw new Error(`File creation failed: ${error}`)
-  }
-}
-
-/**
- * Deletes the file for a template step group
- * Called when a group is deleted
- * @deprecated Use removeTemplateStepGroupFile from template-step-file-manager-intelligent.ts instead
- */
-export async function removeTemplateStepGroupFile(
-  groupName: string,
-  type: TemplateStepGroupType | string = 'ACTION',
-): Promise<void> {
-  try {
-    await deleteTemplateStepFile(groupName, type)
-
-    console.log(`File deleted for template step group: ${groupName}`)
-  } catch (error) {
-    console.error(`Failed to delete file for group "${groupName}":`, error)
-    throw new Error(`File deletion failed: ${error}`)
-  }
-}
-
-/**
- * Handles file regeneration when a template step is created, updated, or deleted
- * This function determines which groups need file regeneration
- */
-export async function handleTemplateStepChange(
-  templateStepId: string,
-  operation: 'create' | 'update' | 'delete',
-): Promise<void> {
-  try {
-    let groupId: string | null = null
-
-    if (operation === 'delete') {
-      // For delete operations, we need to get the group ID before deletion
-      const step = await prisma.templateStep.findUnique({
-        where: { id: templateStepId },
-        select: { templateStepGroupId: true },
-      })
-      groupId = step?.templateStepGroupId || null
-    } else {
-      // For create/update operations, get the current group ID
-      const step = await prisma.templateStep.findUnique({
-        where: { id: templateStepId },
-        select: { templateStepGroupId: true },
-      })
-      groupId = step?.templateStepGroupId || null
-    }
-
-    if (groupId) {
-      // Regenerate the file for the affected group
-      await regenerateTemplateStepGroupFile(groupId)
-    }
-  } catch (error) {
-    console.error(`Failed to handle template step change for step ${templateStepId}:`, error)
-    throw new Error(`File update failed: ${error}`)
-  }
-}
-
-/**
- * Handles file regeneration when a template step is moved between groups
- * This is a special case that requires regenerating files for both groups
- */
-export async function handleTemplateStepGroupChange(
-  oldGroupId: string | null,
-  newGroupId: string | null,
-): Promise<void> {
-  try {
-    // Regenerate file for the old group (if it exists)
-    if (oldGroupId) {
-      await regenerateTemplateStepGroupFile(oldGroupId)
-    }
-
-    // Regenerate file for the new group (if it exists)
-    if (newGroupId) {
-      await regenerateTemplateStepGroupFile(newGroupId)
-    }
-  } catch (error) {
-    console.error(`Failed to handle template step group change:`, error)
-    throw new Error(`File update failed: ${error}`)
-  }
-}

package/templates/blank/src/services/shared/index.ts

@@ -1,7 +0,0 @@
-export { RECENT_PERIOD_DAYS } from './constants'
-export {
-  ServiceError,
-  serviceErrorToActionResponse,
-  unknownErrorToActionResponse,
-  type ServiceErrorCode,
-} from './errors'

package/templates/blank/src/types/executor/browser.type.ts

@@ -1 +0,0 @@
-export type BrowserName = 'chromium' | 'firefox' | 'webkit'

package/templates/blank/src/types/locator/locator.type.ts

@@ -1,11 +0,0 @@
-export type CSSSelector = string
-export type XPathSelector = `/${string}` | `//${string}`
-export type SelectorName = string
-export type Selector = CSSSelector | XPathSelector
-export type Locator = Record<string, Selector>
-export type LocatorMap = {
-  name: string
-  path: string
-}
-
-export type LocatorCollection = Record<string, Locator>

package/templates/blank/src/types/step/step.type.ts

@@ -1 +0,0 @@
-export type Locator = string

package/templates/blank/src/types/table/data-table.ts

@@ -1,6 +0,0 @@
-import { ColumnDef } from '@tanstack/react-table'
-
-export interface DataTableProps<TData, TValue> {
-  columns: ColumnDef<TData, TValue>[]
-  data: TData[]
-}

package/templates/starter/src/app/(base)/test-cases/create-from-template/template-selection-form.test.tsx

@@ -1,87 +0,0 @@
-// @vitest-environment jsdom
-
-import { render, screen, waitFor } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import React from 'react'
-import { describe, expect, it, vi } from 'vitest'
-
-import TemplateSelectionForm from './template-selection-form'
-
-const { push } = vi.hoisted(() => ({
-  push: vi.fn(),
-}))
-
-vi.mock('next/navigation', () => ({
-  useRouter: () => ({
-    push,
-  }),
-}))
-
-vi.mock('@/components/ui/select', async () => {
-  const ReactModule = await import('react')
-
-  const SelectContext = ReactModule.createContext<{
-    value: string
-    onValueChange: (value: string) => void
-  }>({
-    value: '',
-    onValueChange: () => {},
-  })
-
-  return {
-    Select: ({
-      value,
-      onValueChange,
-      children,
-    }: {
-      value: string
-      onValueChange: (value: string) => void
-      children: React.ReactNode
-    }) => <SelectContext.Provider value={{ value, onValueChange }}>{children}</SelectContext.Provider>,
-    SelectTrigger: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
-    SelectValue: ({ placeholder }: { placeholder?: string }) => <span>{placeholder}</span>,
-    SelectContent: ({
-      children,
-    }: {
-      children: React.ReactNode
-    }) => {
-      const { value, onValueChange } = ReactModule.useContext(SelectContext)
-
-      return (
-        <select aria-label="Template Test Case" value={value} onChange={event => onValueChange(event.target.value)}>
-          <option value="">Select a template test case</option>
-          {children}
-        </select>
-      )
-    },
-    SelectItem: ({ value, children }: { value: string; children: React.ReactNode }) => (
-      <option value={value}>{children}</option>
-    ),
-  }
-})
-
-describe('TemplateSelectionForm', () => {
-  it('navigates to the generate route after a template is selected', async () => {
-    const user = userEvent.setup()
-
-    render(<TemplateSelectionForm templateTestCases={[{ id: 'template-1', name: 'Login flow' }]} />)
-
-    await user.selectOptions(screen.getByRole('combobox', { name: 'Template Test Case' }), 'template-1')
-    await user.click(screen.getByRole('button', { name: 'Next' }))
-
-    await waitFor(() => {
-      expect(push).toHaveBeenCalledWith('/test-cases/create-from-template/generate/template-1')
-    })
-  })
-
-  it('shows validation feedback when no template is selected', async () => {
-    const user = userEvent.setup()
-
-    render(<TemplateSelectionForm templateTestCases={[{ id: 'template-1', name: 'Login flow' }]} />)
-
-    await user.click(screen.getByRole('button', { name: 'Next' }))
-
-    expect(push).not.toHaveBeenCalled()
-    expect(screen.getByText('Template test case is required')).toBeInTheDocument()
-  })
-})