create-appraisejs 0.1.6 → 0.1.8-alpha

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

@@ -1,90 +1,90 @@
-'use client'
-
-import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'
-import { TestCase, TestCaseStep, Tag } from '@prisma/client'
-import { ColumnDef } from '@tanstack/react-table'
-import { Checkbox } from '@/components/ui/checkbox'
-import { deleteTestCaseAction } from '@/actions/test-case/test-case-actions'
-import TableActions from '@/components/table/table-actions'
-import { formatDateTime } from '@/lib/utils'
-import { Badge } from '@/components/ui/badge'
-
-export const testCaseTableCols: ColumnDef<TestCase & { steps: TestCaseStep[]; tags?: Tag[] }>[] = [
-  {
-    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: 'title',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Title" />,
-  },
-  {
-    accessorKey: 'description',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Description" />,
-  },
-  {
-    accessorKey: 'tags',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Tags" />,
-    cell: ({ row }) => {
-      const testCase = row.original
-      const tags = testCase.tags || []
-      return (
-        <div className="flex flex-wrap gap-1">
-          {tags.length > 0 ? tags.map(tag => <Badge key={tag.id}>{tag.name}</Badge>) : '-'}
-        </div>
-      )
-    },
-  },
-  {
-    accessorKey: 'steps',
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Steps" />,
-    cell: ({ row }) => {
-      const testCase = row.original
-      return <div>{testCase.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 testCase = row.original
-
-      return (
-        <TableActions
-          modifyLink={`/test-cases/modify/${testCase.id}`}
-          deleteHandler={() => deleteTestCaseAction([testCase.id])}
-        />
-      )
-    },
-  },
-]
+'use client'
+
+import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'
+import { TestCase, TestCaseStep, Tag } from '@prisma/client'
+import { ColumnDef } from '@tanstack/react-table'
+import { Checkbox } from '@/components/ui/checkbox'
+import { deleteTestCaseAction } from '@/actions/test-case/test-case-actions'
+import TableActions from '@/components/table/table-actions'
+import { formatDateTime } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+
+export const testCaseTableCols: ColumnDef<TestCase & { steps: TestCaseStep[]; tags?: Tag[] }>[] = [
+  {
+    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: 'title',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Title" />,
+  },
+  {
+    accessorKey: 'description',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Description" />,
+  },
+  {
+    accessorKey: 'tags',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Tags" />,
+    cell: ({ row }) => {
+      const testCase = row.original
+      const tags = testCase.tags || []
+      return (
+        <div className="flex flex-wrap gap-1">
+          {tags.length > 0 ? tags.map(tag => <Badge key={tag.id}>{tag.name}</Badge>) : '-'}
+        </div>
+      )
+    },
+  },
+  {
+    accessorKey: 'steps',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Steps" />,
+    cell: ({ row }) => {
+      const testCase = row.original
+      return <div>{testCase.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 testCase = row.original
+
+      return (
+        <TableActions
+          modifyLink={`/test-cases/modify/${testCase.id}`}
+          deleteHandler={() => deleteTestCaseAction([testCase.id])}
+        />
+      )
+    },
+  },
+]

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

@@ -1,35 +1,35 @@
-import { deleteTestCaseAction, getAllTestCasesAction } from '@/actions/test-case/test-case-actions'
-import { DataTable } from '@/components/ui/data-table'
-import { TestCase, TestCaseStep } from '@prisma/client'
-import { testCaseTableCols } from './test-case-table-columns'
-import { Cog, LayoutPanelTop } from 'lucide-react'
-
-export default async function TestCaseTable() {
-  const { data: testCases } = await getAllTestCasesAction()
-
-  return (
-    <>
-      <DataTable
-        columns={testCaseTableCols}
-        data={testCases as (TestCase & { steps: TestCaseStep[] })[]}
-        filterColumn="title"
-        filterPlaceholder="Filter by title..."
-        modifyLink="/test-cases/modify"
-        deleteAction={deleteTestCaseAction}
-        multiOptionCreateButton={true}
-        createButtonOptions={[
-          {
-            label: 'From Scratch',
-            link: '/test-cases/create',
-            icon: <Cog className="h-4 w-4" />,
-          },
-          {
-            label: 'From Template',
-            link: '/test-cases/create-from-template',
-            icon: <LayoutPanelTop className="h-4 w-4" />,
-          },
-        ]}
-      />
-    </>
-  )
-}
+import { deleteTestCaseAction, getAllTestCasesAction } from '@/actions/test-case/test-case-actions'
+import { DataTable } from '@/components/ui/data-table'
+import { TestCase, TestCaseStep } from '@prisma/client'
+import { testCaseTableCols } from './test-case-table-columns'
+import { Cog, LayoutPanelTop } from 'lucide-react'
+
+export default async function TestCaseTable() {
+  const { data: testCases } = await getAllTestCasesAction()
+
+  return (
+    <>
+      <DataTable
+        columns={testCaseTableCols}
+        data={testCases as (TestCase & { steps: TestCaseStep[] })[]}
+        filterColumn="title"
+        filterPlaceholder="Filter by title..."
+        modifyLink="/test-cases/modify"
+        deleteAction={deleteTestCaseAction}
+        multiOptionCreateButton={true}
+        createButtonOptions={[
+          {
+            label: 'From Scratch',
+            link: '/test-cases/create',
+            icon: <Cog className="h-4 w-4" />,
+          },
+          {
+            label: 'From Template',
+            link: '/test-cases/create-from-template',
+            icon: <LayoutPanelTop className="h-4 w-4" />,
+          },
+        ]}
+      />
+    </>
+  )
+}

package/templates/default/src/app/(base)/test-runs/[id]/page.tsx

@@ -1,56 +1,56 @@
-import { getTestRunByIdAction } from '@/actions/test-run/test-run-actions'
-import { TestRunDetails } from '@/components/test-run/test-run-details'
-import { TestRunHeader } from '@/components/test-run/test-run-header'
-import { LogViewer } from '@/components/test-run/log-viewer'
-import { Separator } from '@/components/ui/separator'
-import { TestRun, TestRunTestCase, Tag, Environment, Report } from '@prisma/client'
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Appraise | Test Run Details',
-  description: 'View test run execution details and live logs',
-}
-
-interface TestRunDetailPageProps {
-  params: Promise<{ id: string }>
-}
-
-export default async function TestRunDetailPage({ params }: TestRunDetailPageProps) {
-  const { id } = await params
-  const response = await getTestRunByIdAction(id)
-
-  if (response.error || !response.data) {
-    return (
-      <div className="flex items-center justify-center p-8">
-        <div className="text-center">
-          <h2 className="text-2xl font-bold">Test Run Not Found</h2>
-          <p className="mt-2 text-muted-foreground">
-            {response.error || 'The test run you are looking for does not exist.'}
-          </p>
-        </div>
-      </div>
-    )
-  }
-
-  // TypeScript now knows response.data is defined
-  const testRun = response.data as TestRun & {
-    testCases: (TestRunTestCase & { testCase: { title: string; description: string } })[]
-    tags: Tag[]
-    environment: Environment
-    reports: Report[]
-  }
-
-  return (
-    <>
-      <TestRunHeader initialTestRun={testRun} />
-
-      <div className="space-y-6">
-        <TestRunDetails testRun={testRun} />
-
-        <Separator />
-
-        <LogViewer testRunId={testRun.runId} status={testRun.status} />
-      </div>
-    </>
-  )
-}
+import { getTestRunByIdAction } from '@/actions/test-run/test-run-actions'
+import { TestRunDetails } from '@/components/test-run/test-run-details'
+import { TestRunHeader } from '@/components/test-run/test-run-header'
+import { LogViewer } from '@/components/test-run/log-viewer'
+import { Separator } from '@/components/ui/separator'
+import { TestRun, TestRunTestCase, Tag, Environment, Report } from '@prisma/client'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Appraise | Test Run Details',
+  description: 'View test run execution details and live logs',
+}
+
+interface TestRunDetailPageProps {
+  params: Promise<{ id: string }>
+}
+
+export default async function TestRunDetailPage({ params }: TestRunDetailPageProps) {
+  const { id } = await params
+  const response = await getTestRunByIdAction(id)
+
+  if (response.error || !response.data) {
+    return (
+      <div className="flex items-center justify-center p-8">
+        <div className="text-center">
+          <h2 className="text-2xl font-bold">Test Run Not Found</h2>
+          <p className="mt-2 text-muted-foreground">
+            {response.error || 'The test run you are looking for does not exist.'}
+          </p>
+        </div>
+      </div>
+    )
+  }
+
+  // TypeScript now knows response.data is defined
+  const testRun = response.data as TestRun & {
+    testCases: (TestRunTestCase & { testCase: { title: string; description: string } })[]
+    tags: Tag[]
+    environment: Environment
+    reports: Report[]
+  }
+
+  return (
+    <>
+      <TestRunHeader initialTestRun={testRun} />
+
+      <div className="space-y-6">
+        <TestRunDetails testRun={testRun} />
+
+        <Separator />
+
+        <LogViewer testRunId={testRun.runId} status={testRun.status} />
+      </div>
+    </>
+  )
+}

package/templates/default/src/app/(base)/test-runs/create/page.tsx

@@ -1,47 +1,47 @@
-import { createTestRunAction, getAllTestSuiteTestCasesAction } from '@/actions/test-run/test-run-actions'
-import PageHeader from '@/components/typography/page-header'
-import HeaderSubtitle from '@/components/typography/page-header-subtitle'
-import { Environment, Tag, TestCase, TestSuite } from '@prisma/client'
-import React from 'react'
-import TestRunForm from '../test-run-form'
-import { getAllEnvironmentsAction } from '@/actions/environments/environment-actions'
-import { getAllTagsAction } from '@/actions/tags/tag-actions'
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Appraise | Create Test Run',
-  description: 'Create a new test run to execute your test cases',
-}
-
-const CreateTestRun = async () => {
-  const { data: testSuiteTestCases, error: testSuiteTestCasesError } = await getAllTestSuiteTestCasesAction()
-  const { data: environments, error: environmentsError } = await getAllEnvironmentsAction()
-  const { data: tags, error: tagsError } = await getAllTagsAction()
-
-  if (testSuiteTestCasesError || environmentsError || tagsError) {
-    return <div>Error: {testSuiteTestCasesError || environmentsError || tagsError}</div>
-  }
-
-  const testSuiteTestCasesData = testSuiteTestCases as (TestSuite & { testCases: TestCase[] })[]
-  const environmentsData = environments as Environment[]
-  const tagsData = tags as Tag[]
-
-  return (
-    <>
-      <div className="mb-8">
-        <PageHeader>Create Test Run</PageHeader>
-        <HeaderSubtitle>Create a new test run to execute your test cases</HeaderSubtitle>
-      </div>
-      <TestRunForm
-        testSuiteTestCases={testSuiteTestCasesData}
-        environments={environmentsData}
-        tags={tagsData}
-        onSubmitAction={createTestRunAction}
-        successTitle="Test Run Created"
-        successMessage="The test run has been created successfully"
-      />
-    </>
-  )
-}
-
-export default CreateTestRun
+import { createTestRunAction, getAllTestSuiteTestCasesAction } from '@/actions/test-run/test-run-actions'
+import PageHeader from '@/components/typography/page-header'
+import HeaderSubtitle from '@/components/typography/page-header-subtitle'
+import { Environment, Tag, TestCase, TestSuite } from '@prisma/client'
+import React from 'react'
+import TestRunForm from '../test-run-form'
+import { getAllEnvironmentsAction } from '@/actions/environments/environment-actions'
+import { getAllTagsAction } from '@/actions/tags/tag-actions'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Appraise | Create Test Run',
+  description: 'Create a new test run to execute your test cases',
+}
+
+const CreateTestRun = async () => {
+  const { data: testSuiteTestCases, error: testSuiteTestCasesError } = await getAllTestSuiteTestCasesAction()
+  const { data: environments, error: environmentsError } = await getAllEnvironmentsAction()
+  const { data: tags, error: tagsError } = await getAllTagsAction()
+
+  if (testSuiteTestCasesError || environmentsError || tagsError) {
+    return <div>Error: {testSuiteTestCasesError || environmentsError || tagsError}</div>
+  }
+
+  const testSuiteTestCasesData = testSuiteTestCases as (TestSuite & { testCases: TestCase[] })[]
+  const environmentsData = environments as Environment[]
+  const tagsData = tags as Tag[]
+
+  return (
+    <>
+      <div className="mb-8">
+        <PageHeader>Create Test Run</PageHeader>
+        <HeaderSubtitle>Create a new test run to execute your test cases</HeaderSubtitle>
+      </div>
+      <TestRunForm
+        testSuiteTestCases={testSuiteTestCasesData}
+        environments={environmentsData}
+        tags={tagsData}
+        onSubmitAction={createTestRunAction}
+        successTitle="Test Run Created"
+        successMessage="The test run has been created successfully"
+      />
+    </>
+  )
+}
+
+export default CreateTestRun

package/templates/default/src/app/(base)/test-runs/page.tsx

@@ -1,60 +1,60 @@
-import DataTableSkeleton from '@/components/loading-skeleton/data-table/data-table-skeleton'
-import PageHeader from '@/components/typography/page-header'
-import HeaderSubtitle from '@/components/typography/page-header-subtitle'
-import { ListChecks } from 'lucide-react'
-import React, { Suspense } from 'react'
-import TestRunTable from './test-run-table'
-import { getAllTestRunsAction } from '@/actions/test-run/test-run-actions'
-import EmptyState from '@/components/data-state/empty-state'
-import { Environment, Tag, TestRun, TestRunTestCase } from '@prisma/client'
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Appraise | Test Runs',
-  description: 'Manage test runs and their execution results',
-}
-
-const TestRuns = async ({searchParams}: {searchParams: Promise<{filter?: string}>}) => {
-  const resolvedSearchParams = await searchParams
-  const filter = resolvedSearchParams?.filter
-  const { data: testRuns, error: testRunsError } = await getAllTestRunsAction(filter)
-
-  if (testRunsError) {
-    return <div>Error: {testRunsError}</div>
-  }
-
-  const testRunsData = testRuns as (TestRun & { testCases: TestRunTestCase[]; tags: Tag[]; environment: Environment })[]
-
-  if (!testRunsData || testRunsData.length === 0) {
-    return (
-      <div className="flex min-h-[calc(100vh-20rem)] items-center justify-center">
-        <EmptyState
-          icon={<ListChecks className="h-8 w-8" />}
-          title="No test runs found"
-          description="Get started by creating a test run to execute your test cases"
-          createRoute="/test-runs/create"
-          createText="Create Test Run"
-        />
-      </div>
-    )
-  }
-
-  return (
-    <>
-      <div className="mb-8">
-        <PageHeader>
-          <span className="flex items-center">
-            <ListChecks className="mr-2 h-8 w-8" />
-            Test Runs
-          </span>
-        </PageHeader>
-        <HeaderSubtitle>Test runs are the runs of the test cases.</HeaderSubtitle>
-      </div>
-      <Suspense fallback={<DataTableSkeleton />}>
-        <TestRunTable initialData={testRunsData} filter={filter as 'recentFailed' | 'all'} />
-      </Suspense>
-    </>
-  )
-}
-
-export default TestRuns
+import DataTableSkeleton from '@/components/loading-skeleton/data-table/data-table-skeleton'
+import PageHeader from '@/components/typography/page-header'
+import HeaderSubtitle from '@/components/typography/page-header-subtitle'
+import { ListChecks } from 'lucide-react'
+import React, { Suspense } from 'react'
+import TestRunTable from './test-run-table'
+import { getAllTestRunsAction } from '@/actions/test-run/test-run-actions'
+import EmptyState from '@/components/data-state/empty-state'
+import { Environment, Tag, TestRun, TestRunTestCase } from '@prisma/client'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Appraise | Test Runs',
+  description: 'Manage test runs and their execution results',
+}
+
+const TestRuns = async ({searchParams}: {searchParams: Promise<{filter?: string}>}) => {
+  const resolvedSearchParams = await searchParams
+  const filter = resolvedSearchParams?.filter
+  const { data: testRuns, error: testRunsError } = await getAllTestRunsAction(filter)
+
+  if (testRunsError) {
+    return <div>Error: {testRunsError}</div>
+  }
+
+  const testRunsData = testRuns as (TestRun & { testCases: TestRunTestCase[]; tags: Tag[]; environment: Environment })[]
+
+  if (!testRunsData || testRunsData.length === 0) {
+    return (
+      <div className="flex min-h-[calc(100vh-20rem)] items-center justify-center">
+        <EmptyState
+          icon={<ListChecks className="h-8 w-8" />}
+          title="No test runs found"
+          description="Get started by creating a test run to execute your test cases"
+          createRoute="/test-runs/create"
+          createText="Create Test Run"
+        />
+      </div>
+    )
+  }
+
+  return (
+    <>
+      <div className="mb-8">
+        <PageHeader>
+          <span className="flex items-center">
+            <ListChecks className="mr-2 h-8 w-8" />
+            Test Runs
+          </span>
+        </PageHeader>
+        <HeaderSubtitle>Test runs are the runs of the test cases.</HeaderSubtitle>
+      </div>
+      <Suspense fallback={<DataTableSkeleton />}>
+        <TestRunTable initialData={testRunsData} filter={filter as 'recentFailed' | 'all'} />
+      </Suspense>
+    </>
+  )
+}
+
+export default TestRuns