create-appraisejs 0.3.1-alpha.0 → 0.3.1-alpha.1

package/templates/blank/src/app/(base)/template-test-cases/template-test-case-table-columns.tsx

@@ -1,76 +1,76 @@
-'use client'
-
-import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'
-import { TemplateTestCase, TemplateTestCaseStep } from '@prisma/client'
-import { ColumnDef } from '@tanstack/react-table'
-
-import { Checkbox } from '@/components/ui/checkbox'
-import TableActions from '@/components/table/table-actions'
-import { deleteTemplateTestCaseAction } from '@/actions/template-test-case/template-test-case-actions'
-import { formatDateTime } from '@/lib/utils'
-
-export const templateTestCaseTableCols: ColumnDef<TemplateTestCase & { steps: TemplateTestCaseStep[] }>[] = [
-  {
-    id: 'select',
-    header: ({ table }) => (
-      <Checkbox
-        checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate')}
-        onCheckedChange={value => table.toggleAllPageRowsSelected(!!value)}
-        aria-label="Select all"
-        className="mr-2"
-      />
-    ),
-    cell: ({ row }) => (
-      <Checkbox
-        checked={row.getIsSelected()}
-        onCheckedChange={value => row.toggleSelected(!!value)}
-        aria-label="Select row"
-        className="mr-2"
-      />
-    ),
-    enableSorting: false,
-    enableHiding: false,
-  },
-  {
-    accessorKey: 'name',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Name" />,
-  },
-  {
-    accessorKey: 'description',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Description" />,
-  },
-  {
-    accessorKey: 'steps',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Steps" />,
-    cell: ({ row }) => {
-      const templateTestCase = row.original
-      return <div>{templateTestCase.steps.length}</div>
-    },
-  },
-  {
-    accessorKey: 'createdAt',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Created At" />,
-    cell: ({ row }) => {
-      return formatDateTime(row.original.createdAt)
-    },
-  },
-  {
-    accessorKey: 'updatedAt',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Updated At" />,
-    cell: ({ row }) => {
-      return formatDateTime(row.original.updatedAt)
-    },
-  },
-  {
-    id: 'actions',
-    cell: ({ row }) => {
-      const templateTestCase = row.original
-      return (
-        <TableActions
-          modifyLink={`/template-test-cases/modify/${templateTestCase.id}`}
-          deleteHandler={() => deleteTemplateTestCaseAction([templateTestCase.id])}
-        />
-      )
-    },
-  },
-]
+'use client'
+
+import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'
+import { TemplateTestCase, TemplateTestCaseStep } from '@prisma/client'
+import { ColumnDef } from '@tanstack/react-table'
+
+import { Checkbox } from '@/components/ui/checkbox'
+import TableActions from '@/components/table/table-actions'
+import { deleteTemplateTestCaseAction } from '@/actions/template-test-case/template-test-case-actions'
+import { formatDateTime } from '@/lib/utils'
+
+export const templateTestCaseTableCols: ColumnDef<TemplateTestCase & { steps: TemplateTestCaseStep[] }>[] = [
+  {
+    id: 'select',
+    header: ({ table }) => (
+      <Checkbox
+        checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate')}
+        onCheckedChange={value => table.toggleAllPageRowsSelected(!!value)}
+        aria-label="Select all"
+        className="mr-2"
+      />
+    ),
+    cell: ({ row }) => (
+      <Checkbox
+        checked={row.getIsSelected()}
+        onCheckedChange={value => row.toggleSelected(!!value)}
+        aria-label="Select row"
+        className="mr-2"
+      />
+    ),
+    enableSorting: false,
+    enableHiding: false,
+  },
+  {
+    accessorKey: 'name',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Name" />,
+  },
+  {
+    accessorKey: 'description',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Description" />,
+  },
+  {
+    accessorKey: 'steps',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Steps" />,
+    cell: ({ row }) => {
+      const templateTestCase = row.original
+      return <div>{templateTestCase.steps.length}</div>
+    },
+  },
+  {
+    accessorKey: 'createdAt',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Created At" />,
+    cell: ({ row }) => {
+      return formatDateTime(row.original.createdAt)
+    },
+  },
+  {
+    accessorKey: 'updatedAt',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Updated At" />,
+    cell: ({ row }) => {
+      return formatDateTime(row.original.updatedAt)
+    },
+  },
+  {
+    id: 'actions',
+    cell: ({ row }) => {
+      const templateTestCase = row.original
+      return (
+        <TableActions
+          modifyLink={`/template-test-cases/modify/${templateTestCase.id}`}
+          deleteHandler={() => deleteTemplateTestCaseAction([templateTestCase.id])}
+        />
+      )
+    },
+  },
+]

package/templates/blank/src/app/(base)/template-test-cases/template-test-case-table.tsx

@@ -1,32 +1,32 @@
-import { DataTable } from '@/components/ui/data-table'
-import React from 'react'
-import { templateTestCaseTableCols } from './template-test-case-table-columns'
-import {
-  getAllTemplateTestCasesAction,
-  deleteTemplateTestCaseAction,
-} from '@/actions/template-test-case/template-test-case-actions'
-import { TemplateTestCase, TemplateTestCaseStep } from '@prisma/client'
-
-type TemplateTestCaseWithSteps = TemplateTestCase & {
-  steps: TemplateTestCaseStep[]
-}
-
-const TemplateTestCaseTable = async () => {
-  const { data: templateTestCases } = await getAllTemplateTestCasesAction()
-
-  return (
-    <>
-      <DataTable
-        columns={templateTestCaseTableCols}
-        data={templateTestCases as TemplateTestCaseWithSteps[]}
-        filterColumn="name"
-        filterPlaceholder="Filter by name..."
-        createLink="/template-test-cases/create"
-        modifyLink="/template-test-cases/modify"
-        deleteAction={deleteTemplateTestCaseAction}
-      />
-    </>
-  )
-}
-
-export default TemplateTestCaseTable
+import { DataTable } from '@/components/ui/data-table'
+import React from 'react'
+import { templateTestCaseTableCols } from './template-test-case-table-columns'
+import {
+  getAllTemplateTestCasesAction,
+  deleteTemplateTestCaseAction,
+} from '@/actions/template-test-case/template-test-case-actions'
+import { TemplateTestCase, TemplateTestCaseStep } from '@prisma/client'
+
+type TemplateTestCaseWithSteps = TemplateTestCase & {
+  steps: TemplateTestCaseStep[]
+}
+
+const TemplateTestCaseTable = async () => {
+  const { data: templateTestCases } = await getAllTemplateTestCasesAction()
+
+  return (
+    <>
+      <DataTable
+        columns={templateTestCaseTableCols}
+        data={templateTestCases as TemplateTestCaseWithSteps[]}
+        filterColumn="name"
+        filterPlaceholder="Filter by name..."
+        createLink="/template-test-cases/create"
+        modifyLink="/template-test-cases/modify"
+        deleteAction={deleteTemplateTestCaseAction}
+      />
+    </>
+  )
+}
+
+export default TemplateTestCaseTable

package/templates/blank/src/app/(base)/test-cases/create/page.tsx

@@ -67,11 +67,7 @@ const CreateTestCase = async () => {
     environmentsResponse.error
 
   if (loadError) {
-    return (
-      <div>
-        Error: {loadError}
-      </div>
-    )
+    return <div>Error: {loadError}</div>
   }
 
   const templateStepParams = getTemplateStepParamRows(templateStepParamsResponse.data)

package/templates/blank/src/app/(base)/test-cases/create-from-template/create-from-template-selection-helpers.ts

@@ -47,10 +47,7 @@ function isTemplateTestCaseStepRow(value: unknown) {
 
 function isTemplateTestCaseWithSteps(value: unknown): value is TemplateTestCaseWithSteps {
   return (
-    isNamedRow(value) &&
-    'steps' in value &&
-    Array.isArray(value.steps) &&
-    value.steps.every(isTemplateTestCaseStepRow)
+    isNamedRow(value) && 'steps' in value && Array.isArray(value.steps) && value.steps.every(isTemplateTestCaseStepRow)
   )
 }
 

package/templates/blank/src/app/(base)/test-cases/create-from-template/page.test.tsx

@@ -80,6 +80,8 @@ vi.mock('../test-case-form', () => ({
   default: testCaseFormSpy,
 }))
 
+import CreateTestCaseFromTemplate from './page'
+
 describe('Create Test Case From Template page', () => {
   it('passes template options and the selected template defaults into the shared test case form', async () => {
     getAllTemplateTestCasesAction.mockResolvedValue({
@@ -120,8 +122,6 @@ describe('Create Test Case From Template page', () => {
     getAllModulesAction.mockResolvedValue({ data: [{ id: 'module-1', name: 'Auth' }] })
     getAllEnvironmentsAction.mockResolvedValue({ data: [{ id: 'env-1', name: 'Staging' }] })
 
-    const { default: CreateTestCaseFromTemplate } = await import('./page')
-
     render(
       await CreateTestCaseFromTemplate({
         searchParams: Promise.resolve({ templateTestCaseId: 'template-1' }),

package/templates/blank/src/app/(base)/test-cases/inline-tag-creation-dialog.tsx

@@ -2,13 +2,7 @@
 
 import TagForm from '@/app/(base)/tags/tag-form'
 import type { TagFormSubmitAction } from '@/app/(base)/tags/tag-form-helpers'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import type { Tag } from '@prisma/client'
 
 type InlineTagCreationDialogProps = {

package/templates/blank/src/app/(base)/test-cases/inline-test-suite-creation-dialog.tsx

@@ -2,13 +2,7 @@
 
 import { TestSuiteForm } from '@/app/(base)/test-suites/test-suite-form'
 import type { TestSuiteFormSubmitAction } from '@/app/(base)/test-suites/test-suite-helpers'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import type { TestCasePickerRow } from '@/types/test-case-picker'
 import type { Module, Tag, TestSuite } from '@prisma/client'
 

package/templates/blank/src/app/(base)/test-cases/modify/[id]/page.tsx

@@ -77,11 +77,7 @@ const ModifyTestCase = async ({ params }: { params: Promise<{ id: string }> }) =
     environmentsResponse.error
 
   if (loadError) {
-    return (
-      <div>
-        Error: {loadError}
-      </div>
-    )
+    return <div>Error: {loadError}</div>
   }
 
   const testCase = getEditableTestCase(testCaseResponse.data)

package/templates/blank/src/app/(base)/test-cases/test-case-form.tsx

@@ -52,11 +52,7 @@ import { testCaseSchema } from '@/constants/form-opts/test-case-form-opts'
 import { toast } from '@/hooks/use-toast'
 import { cn } from '@/lib/utils'
 import type { ActionResponse } from '@/types/form/actionHandler'
-import {
-  createTestCaseFormState,
-  testCaseFormReducer,
-  type TestCaseFormErrors,
-} from './test-case-form-reducer'
+import { createTestCaseFormState, testCaseFormReducer, type TestCaseFormErrors } from './test-case-form-reducer'
 
 type TestCaseFormProps = {
   defaultNodesOrder: NodeOrderMap
@@ -296,53 +292,53 @@ function FlowPanel({
 }: FlowPanelProps) {
   return (
     <LazyMotion features={domAnimation} strict>
-    <motion.div
-      layout
-      layoutId="test-case-flow-panel"
-      className={cn(
-        'flex min-h-0 w-full flex-col overflow-hidden rounded-xl border border-zinc-700 text-card-foreground shadow-sm will-change-transform',
-        className,
-      )}
-      transition={{ layout: { duration: 0.3, ease: 'easeInOut' } }}
-    >
-      <CardHeader className="shrink-0">
-        <div className="flex items-start justify-between gap-3">
-          <div className="space-y-1">
-            <CardTitle className="text-xl font-bold text-primary">Test Case Flow</CardTitle>
-            <CardDescription>Build your test scenario step by step visually</CardDescription>
+      <motion.div
+        layout
+        layoutId="test-case-flow-panel"
+        className={cn(
+          'flex min-h-0 w-full flex-col overflow-hidden rounded-xl border border-zinc-700 text-card-foreground shadow-sm will-change-transform',
+          className,
+        )}
+        transition={{ layout: { duration: 0.3, ease: 'easeInOut' } }}
+      >
+        <CardHeader className="shrink-0">
+          <div className="flex items-start justify-between gap-3">
+            <div className="space-y-1">
+              <CardTitle className="text-xl font-bold text-primary">Test Case Flow</CardTitle>
+              <CardDescription>Build your test scenario step by step visually</CardDescription>
+            </div>
+            <Button
+              type="button"
+              variant="outline"
+              size="icon"
+              className="size-9 shrink-0"
+              onClick={onToggleImmersive}
+              aria-label={isFlowImmersive ? 'Exit immersive flow editing' : 'Enter immersive flow editing'}
+            >
+              {isFlowImmersive ? <Minimize2 className="size-4" /> : <Maximize2 className="size-4" />}
+            </Button>
           </div>
-          <Button
-            type="button"
-            variant="outline"
-            size="icon"
-            className="size-9 shrink-0"
-            onClick={onToggleImmersive}
-            aria-label={isFlowImmersive ? 'Exit immersive flow editing' : 'Enter immersive flow editing'}
-          >
-            {isFlowImmersive ? <Minimize2 className="size-4" /> : <Maximize2 className="size-4" />}
-          </Button>
-        </div>
-      </CardHeader>
-      <CardContent className="flex min-h-0 flex-1 flex-col">
-        <div className="flex min-h-0 flex-1 flex-col gap-2">
-          <div className="min-h-0 flex-1">
-            <TestCaseFlow
-              initialNodesOrder={nodesOrder}
-              templateStepParams={templateStepParams}
-              templateSteps={templateSteps}
-              onNodeOrderChange={onNodeOrderChange}
-              locators={locators}
-              locatorGroups={locatorGroups}
-              environments={environments}
-              modules={moduleList}
-              flowBlocks={flowBlocks}
-              layoutRefreshKey={isFlowImmersive}
-              onFlowBlocksChange={onFlowBlocksChange}
-            />
+        </CardHeader>
+        <CardContent className="flex min-h-0 flex-1 flex-col">
+          <div className="flex min-h-0 flex-1 flex-col gap-2">
+            <div className="min-h-0 flex-1">
+              <TestCaseFlow
+                initialNodesOrder={nodesOrder}
+                templateStepParams={templateStepParams}
+                templateSteps={templateSteps}
+                onNodeOrderChange={onNodeOrderChange}
+                locators={locators}
+                locatorGroups={locatorGroups}
+                environments={environments}
+                modules={moduleList}
+                flowBlocks={flowBlocks}
+                layoutRefreshKey={isFlowImmersive}
+                onFlowBlocksChange={onFlowBlocksChange}
+              />
+            </div>
           </div>
-        </div>
-      </CardContent>
-    </motion.div>
+        </CardContent>
+      </motion.div>
     </LazyMotion>
   )
 }
@@ -774,16 +770,16 @@ function FlowStep({
   return (
     <div className="flex flex-col gap-4">
       <LazyMotion features={domAnimation} strict>
-      <LayoutGroup id="test-case-flow-panel-layout">
-        <div className="w-full min-w-0 overflow-x-hidden">
-          {isFlowImmersive ? (
-            <div className="fixed inset-0 z-40 bg-background p-3 sm:p-4">{immersiveFlowPanel}</div>
-          ) : (
-            flowPanel
-          )}
-          <TestCaseFormFieldError message={errors.steps} />
-        </div>
-      </LayoutGroup>
+        <LayoutGroup id="test-case-flow-panel-layout">
+          <div className="w-full min-w-0 overflow-x-hidden">
+            {isFlowImmersive ? (
+              <div className="fixed inset-0 z-40 bg-background p-3 sm:p-4">{immersiveFlowPanel}</div>
+            ) : (
+              flowPanel
+            )}
+            <TestCaseFormFieldError message={errors.steps} />
+          </div>
+        </LayoutGroup>
       </LazyMotion>
       {!isFlowImmersive && (
         <div className="flex flex-col gap-4">
@@ -857,14 +853,7 @@ type WizardStepContentProps = {
   errors: TestCaseFormErrors
 }
 
-function WizardStepContent({
-  actions,
-  details,
-  errors,
-  flow,
-  navigation,
-  template,
-}: WizardStepContentProps) {
+function WizardStepContent({ actions, details, errors, flow, navigation, template }: WizardStepContentProps) {
   const { currentStep, detailsStepIndex, hasTemplateSelectionStep } = navigation
 
   if (hasTemplateSelectionStep && currentStep === 0) {
@@ -1142,7 +1131,10 @@ function useBodyScrollLock(isLocked: boolean) {
   }, [isLocked])
 }
 
-function useWizardStepClick(currentStep: number, dispatch: React.Dispatch<import('./test-case-form-reducer').TestCaseFormAction>) {
+function useWizardStepClick(
+  currentStep: number,
+  dispatch: React.Dispatch<import('./test-case-form-reducer').TestCaseFormAction>,
+) {
   return useCallback(
     (stepIndex: number) => {
       if (stepIndex <= currentStep) {
@@ -1194,11 +1186,7 @@ const TestCaseForm = ({
       defaultTestSuiteIds,
       defaultTagIds,
       defaultTemplateTestCaseId,
-      initialWizardStep: getInitialWizardStep(
-        hasTemplateSelectionStep,
-        defaultTemplateTestCaseId,
-        detailsStepIndex,
-      ),
+      initialWizardStep: getInitialWizardStep(hasTemplateSelectionStep, defaultTemplateTestCaseId, detailsStepIndex),
     },
     createTestCaseFormState,
   )
@@ -1357,10 +1345,7 @@ const TestCaseForm = ({
     flow: {
       isFlowImmersive,
       flowPanel: (
-        <FlowPanel
-          {...flowPanelProps}
-          className="relative h-[max(22rem,calc(100dvh-12rem))] bg-zinc-500/10"
-        />
+        <FlowPanel {...flowPanelProps} className="relative h-[max(22rem,calc(100dvh-12rem))] bg-zinc-500/10" />
       ),
       immersiveFlowPanel: <FlowPanel {...flowPanelProps} className="h-full bg-background" />,
       scenarioPreview,

package/templates/blank/src/app/(base)/test-cases/test-case-route-helpers.test.ts

@@ -1,13 +1,8 @@
 import { StepParameterType, TemplateStepIcon } from '@prisma/client'
 import { describe, expect, it } from 'vitest'
 
-import {
-  buildNodeOrderFromTestCaseSteps,
-  getEditableTestCase,
-} from './editable-test-case-helpers'
-import {
-  getTestCaseRows,
-} from './test-case-row-helpers'
+import { buildNodeOrderFromTestCaseSteps, getEditableTestCase } from './editable-test-case-helpers'
+import { getTestCaseRows } from './test-case-row-helpers'
 
 describe('test-case route helpers', () => {
   it('narrows test case list rows from action data', () => {

package/templates/blank/src/app/(base)/test-suites/editable-test-suite-helpers.ts

@@ -4,12 +4,7 @@ import { isTagRow, isTestSuiteTableRow } from './test-suite-row-guards'
 import type { EditableTestSuite } from './test-suite-types'
 
 function isEditableTestSuite(value: unknown): value is EditableTestSuite {
-  return (
-    isTestSuiteTableRow(value) &&
-    'tags' in value &&
-    Array.isArray(value.tags) &&
-    value.tags.every(isTagRow)
-  )
+  return isTestSuiteTableRow(value) && 'tags' in value && Array.isArray(value.tags) && value.tags.every(isTagRow)
 }
 
 export function getEditableTestSuite(data: ActionResponseData | undefined) {

package/templates/blank/src/app/(base)/test-suites/test-suite-form.test.tsx

@@ -23,11 +23,7 @@ vi.mock('@/hooks/use-toast', () => ({
 
 vi.mock('@/components/test-case/test-case-picker', () => ({
   __esModule: true,
-  default: ({
-    onSave,
-  }: {
-    onSave: (value: string[]) => void
-  }) => (
+  default: ({ onSave }: { onSave: (value: string[]) => void }) => (
     <button type="button" onClick={() => onSave(['case-1'])}>
       Select Cases
     </button>
@@ -36,11 +32,7 @@ vi.mock('@/components/test-case/test-case-picker', () => ({
 
 vi.mock('@/components/ui/multi-select-with-preview', () => ({
   __esModule: true,
-  default: ({
-    onSelectChange,
-  }: {
-    onSelectChange: (value: string[]) => void
-  }) => (
+  default: ({ onSelectChange }: { onSelectChange: (value: string[]) => void }) => (
     <button type="button" onClick={() => onSelectChange(['tag-1'])}>
       Select Tags
     </button>

package/templates/blank/src/app/(dashboard-components)/data-card-grid.tsx

@@ -1,13 +1,13 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 
 export const DataCardGrid = ({ children }: { children: React.ReactNode }) => {
-    return <Card className="border-zinc-600/10 bg-zinc-600/10 w-fit">
-        <CardHeader>
-            <CardTitle className="text-primary">States</CardTitle>
-            <CardDescription>Overview of entity states</CardDescription>
-        </CardHeader>
-        <CardContent className="grid grid-cols-2 gap-4">
-            {children}
-        </CardContent>
+  return (
+    <Card className="w-fit border-zinc-600/10 bg-zinc-600/10">
+      <CardHeader>
+        <CardTitle className="text-primary">States</CardTitle>
+        <CardDescription>Overview of entity states</CardDescription>
+      </CardHeader>
+      <CardContent className="grid grid-cols-2 gap-4">{children}</CardContent>
     </Card>
-}
+  )
+}

package/templates/blank/src/app/api/test-runs/[runId]/download/route.ts

@@ -12,10 +12,7 @@ type Archive = ReturnType<typeof archiver>
 type ArtifactFile = { absolutePath: string; archivePath: string }
 type DownloadTestRun = NonNullable<Awaited<ReturnType<typeof getDownloadTestRun>>>
 
-async function collectRunArtifactFiles(
-  dir: string,
-  baseDir = dir,
-): Promise<ArtifactFile[]> {
+async function collectRunArtifactFiles(dir: string, baseDir = dir): Promise<ArtifactFile[]> {
   try {
     const entries = await fs.readdir(dir, { withFileTypes: true })
     const files: ArtifactFile[] = []

package/templates/blank/src/app/api/test-runs/[runId]/trace/[testCaseId]/route.test.ts

@@ -86,9 +86,12 @@ describe('trace route', () => {
       testCases: [{ id: 'trtc-1', tracePath: null }],
     })
 
-    const response = await POST(new NextRequest('http://localhost/api/test-runs/run-1/trace/trtc-1', { method: 'POST' }), {
-      params: Promise.resolve({ runId: 'run-1', testCaseId: 'trtc-1' }),
-    })
+    const response = await POST(
+      new NextRequest('http://localhost/api/test-runs/run-1/trace/trtc-1', { method: 'POST' }),
+      {
+        params: Promise.resolve({ runId: 'run-1', testCaseId: 'trtc-1' }),
+      },
+    )
 
     expect(response.status).toBe(400)
     await expect(response.json()).resolves.toEqual({ error: 'No trace path available for this test case' })
@@ -100,9 +103,12 @@ describe('trace route', () => {
     })
     mockAccess.mockRejectedValue(new Error('missing'))
 
-    const response = await POST(new NextRequest('http://localhost/api/test-runs/run-1/trace/trtc-1', { method: 'POST' }), {
-      params: Promise.resolve({ runId: 'run-1', testCaseId: 'trtc-1' }),
-    })
+    const response = await POST(
+      new NextRequest('http://localhost/api/test-runs/run-1/trace/trtc-1', { method: 'POST' }),
+      {
+        params: Promise.resolve({ runId: 'run-1', testCaseId: 'trtc-1' }),
+      },
+    )
 
     expect(response.status).toBe(404)
     await expect(response.json()).resolves.toEqual({ error: 'Trace file not found at path: trace.zip' })
@@ -115,9 +121,12 @@ describe('trace route', () => {
     mockAccess.mockResolvedValue(undefined)
     mockSpawn.mockResolvedValue({ name: 'trace-viewer-trtc-1' })
 
-    const response = await POST(new NextRequest('http://localhost/api/test-runs/run-1/trace/trtc-1', { method: 'POST' }), {
-      params: Promise.resolve({ runId: 'run-1', testCaseId: 'trtc-1' }),
-    })
+    const response = await POST(
+      new NextRequest('http://localhost/api/test-runs/run-1/trace/trtc-1', { method: 'POST' }),
+      {
+        params: Promise.resolve({ runId: 'run-1', testCaseId: 'trtc-1' }),
+      },
+    )
 
     expect(mockSpawn).toHaveBeenCalledWith('npx', ['playwright', 'show-trace', '/resolved/trace.zip'], {
       streamLogs: true,