create-appraisejs 0.2.0 → 0.3.0-alpha.0

package/templates/default/src/app/(base)/reports/report-table.tsx

@@ -1,72 +1,72 @@
-import { DataTable } from '@/components/ui/data-table'
-import { reportTableCols } from './report-table-columns'
-import { getAllReportsAction } from '@/actions/reports/report-actions'
-import { Prisma } from '@prisma/client'
-
-type ReportWithRelations = Prisma.ReportGetPayload<{
-  include: {
-    testRun: {
-      include: {
-        environment: true
-        tags: true
-      }
-    }
-    testCases: {
-      include: {
-        testRunTestCase: {
-          include: {
-            testCase: {
-              include: {
-                tags: true
-              }
-            }
-          }
-        }
-        reportScenario: {
-          include: {
-            reportFeature: true
-          }
-        }
-      }
-    }
-  }
-}>
-
-const ReportTable = async () => {
-  const { data: reports, error: reportsError } = await getAllReportsAction()
-
-  if (reportsError) {
-    return <div>Error: {reportsError}</div>
-  }
-
-  // Type guard to validate the data structure
-  const isValidReportData = (data: unknown): data is ReportWithRelations[] => {
-    if (!Array.isArray(data)) return false
-    return data.every(
-      item =>
-        item &&
-        typeof item === 'object' &&
-        'id' in item &&
-        'testRun' in item &&
-        'testCases' in item &&
-        Array.isArray(item.testCases),
-    )
-  }
-
-  if (!reports || !isValidReportData(reports)) {
-    return <div>Error: Invalid report data format</div>
-  }
-
-  return (
-    <>
-      <DataTable
-        columns={reportTableCols}
-        data={reports}
-        filterColumn="testRunName"
-        filterPlaceholder="Filter by test run name..."
-      />
-    </>
-  )
-}
-
-export default ReportTable
+import { DataTable } from '@/components/ui/data-table'
+import { reportTableCols } from './report-table-columns'
+import { getAllReportsAction } from '@/actions/reports/report-actions'
+import { Prisma } from '@prisma/client'
+
+type ReportWithRelations = Prisma.ReportGetPayload<{
+  include: {
+    testRun: {
+      include: {
+        environment: true
+        tags: true
+      }
+    }
+    testCases: {
+      include: {
+        testRunTestCase: {
+          include: {
+            testCase: {
+              include: {
+                tags: true
+              }
+            }
+          }
+        }
+        reportScenario: {
+          include: {
+            reportFeature: true
+          }
+        }
+      }
+    }
+  }
+}>
+
+const ReportTable = async () => {
+  const { data: reports, error: reportsError } = await getAllReportsAction()
+
+  if (reportsError) {
+    return <div>Error: {reportsError}</div>
+  }
+
+  // Type guard to validate the data structure
+  const isValidReportData = (data: unknown): data is ReportWithRelations[] => {
+    if (!Array.isArray(data)) return false
+    return data.every(
+      item =>
+        item &&
+        typeof item === 'object' &&
+        'id' in item &&
+        'testRun' in item &&
+        'testCases' in item &&
+        Array.isArray(item.testCases),
+    )
+  }
+
+  if (!reports || !isValidReportData(reports)) {
+    return <div>Error: Invalid report data format</div>
+  }
+
+  return (
+    <>
+      <DataTable
+        columns={reportTableCols}
+        data={reports}
+        filterColumn="testRunName"
+        filterPlaceholder="Filter by test run name..."
+      />
+    </>
+  )
+}
+
+export default ReportTable

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

@@ -1,40 +1,40 @@
-import PageHeader from '@/components/typography/page-header'
-import HeaderSubtitle from '@/components/typography/page-header-subtitle'
-import { Code } from 'lucide-react'
-import { Suspense } from 'react'
-import DataTableSkeleton from '@/components/loading-skeleton/data-table/data-table-skeleton'
-import { Metadata } from 'next'
-import TestCasesMetricTable from './test-cases-metric-table'
-
-export const metadata: Metadata = {
-  title: 'Appraise | Failing Test Cases Report',
-  description: 'Manage failing test cases report for identifying elements on pages',
-}
-
-const TestCasesMetricsReport = async ({ searchParams }: { searchParams: Promise<{ filter?: string }> }) => {
-  const resolvedSearchParams = await searchParams
-  const filter = resolvedSearchParams?.filter as 'repeatedlyFailing' | 'flaky' | undefined
-
-  return (
-    <>
-      <div className="mb-8">
-        <div className="flex items-center justify-between">
-          <div>
-            <PageHeader>
-              <span className="flex items-center">
-                <Code className="mr-2 h-8 w-8" />
-                Failing Test Cases Report
-              </span>
-            </PageHeader>
-            <HeaderSubtitle>Report of test cases that have been failing repeatedly or are flaky</HeaderSubtitle>
-          </div>
-        </div>
-      </div>
-      <Suspense fallback={<DataTableSkeleton />}>
-        <TestCasesMetricTable filter={filter || 'repeatedlyFailing'} />
-      </Suspense>
-    </>
-  )
-}
-
-export default TestCasesMetricsReport
+import PageHeader from '@/components/typography/page-header'
+import HeaderSubtitle from '@/components/typography/page-header-subtitle'
+import { Code } from 'lucide-react'
+import { Suspense } from 'react'
+import DataTableSkeleton from '@/components/loading-skeleton/data-table/data-table-skeleton'
+import { Metadata } from 'next'
+import TestCasesMetricTable from './test-cases-metric-table'
+
+export const metadata: Metadata = {
+  title: 'Appraise | Failing Test Cases Report',
+  description: 'Manage failing test cases report for identifying elements on pages',
+}
+
+const TestCasesMetricsReport = async ({ searchParams }: { searchParams: Promise<{ filter?: string }> }) => {
+  const resolvedSearchParams = await searchParams
+  const filter = resolvedSearchParams?.filter as 'repeatedlyFailing' | 'flaky' | undefined
+
+  return (
+    <>
+      <div className="mb-8">
+        <div className="flex items-center justify-between">
+          <div>
+            <PageHeader>
+              <span className="flex items-center">
+                <Code className="mr-2 h-8 w-8" />
+                Failing Test Cases Report
+              </span>
+            </PageHeader>
+            <HeaderSubtitle>Report of test cases that have been failing repeatedly or are flaky</HeaderSubtitle>
+          </div>
+        </div>
+      </div>
+      <Suspense fallback={<DataTableSkeleton />}>
+        <TestCasesMetricTable filter={filter || 'repeatedlyFailing'} />
+      </Suspense>
+    </>
+  )
+}
+
+export default TestCasesMetricsReport

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

@@ -1,115 +1,115 @@
-'use client'
-
-import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'
-import { ColumnDef } from '@tanstack/react-table'
-import TableActions from '@/components/table/table-actions'
-import { Tag, TestCase, TestCaseMetrics } from '@prisma/client'
-import { deleteTestCaseAction } from '@/actions/test-case/test-case-actions'
-import { formatDateTime } from '@/lib/utils'
-import { Checkbox } from '@/components/ui/checkbox'
-
-export const testCasesMetricTableCols: ColumnDef<TestCaseMetrics & { testCase: TestCase & { 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,
-    },
-    {
-      id: 'testCase.title',
-      accessorKey: 'testCase.title',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Case Title" />,
-      cell: ({ row }) => {
-        const testCase = row.original.testCase
-        return <div>{testCase.title}</div>
-      },
-    },
-    {
-      accessorKey: 'testCase.description',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Case Description" />,
-      cell: ({ row }) => {
-        const testCase = row.original.testCase
-        return <div>{testCase.description}</div>
-      },
-    },
-    {
-      accessorKey: 'consecutiveFailures',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Consecutive Failures" />,
-    },
-    {
-      accessorKey: 'failureRate',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Failure Rate" />,
-      cell: ({ row }) => {
-        const testCaseMetrics = row.original
-        return <div>{((testCaseMetrics.failureRate as number) * 100).toFixed(2)}%</div>
-      },
-    },
-    {
-      accessorKey: 'totalRecentRuns',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Total Recent Runs" />,
-      cell: ({ row }) => {
-        const testCaseMetrics = row.original
-        return <div>{testCaseMetrics.totalRecentRuns}</div>
-      },
-    },
-    {
-      accessorKey: 'failedRecentRuns',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Failed Recent Runs" />,
-      cell: ({ row }) => {
-        const testCaseMetrics = row.original
-        return <div>{testCaseMetrics.failedRecentRuns}</div>
-      },
-    },
-    {
-      accessorKey: 'lastExecutedAt',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Executed At" />,
-      cell: ({ row }) => {
-        const testCaseMetrics = row.original
-        return <div>{testCaseMetrics.lastExecutedAt ? formatDateTime(testCaseMetrics.lastExecutedAt) : '-'}</div>
-      },
-    },
-    {
-      accessorKey: 'lastFailedAt',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Failed At" />,
-      cell: ({ row }) => {
-        const testCaseMetrics = row.original
-        return <div>{testCaseMetrics.lastFailedAt ? formatDateTime(testCaseMetrics.lastFailedAt) : '-'}</div>
-      },
-    },
-    {
-      accessorKey: 'lastPassedAt',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Passed At" />,
-      cell: ({ row }) => {
-        const testCaseMetrics = row.original
-        return <div>{testCaseMetrics.lastPassedAt ? formatDateTime(testCaseMetrics.lastPassedAt) : '-'}</div>
-      },
-    },
-    {
-      id: 'actions',
-      cell: ({ row }) => {
-        const testCaseId = row.original.testCaseId
-        return (
-          <TableActions
-            modifyLink={`/test-cases/modify/${testCaseId}`}
-            deleteHandler={() => deleteTestCaseAction([testCaseId])}
-          />
-        )
-      },
-    },
-  ]
+'use client'
+
+import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'
+import { ColumnDef } from '@tanstack/react-table'
+import TableActions from '@/components/table/table-actions'
+import { Tag, TestCase, TestCaseMetrics } from '@prisma/client'
+import { deleteTestCaseAction } from '@/actions/test-case/test-case-actions'
+import { formatDateTime } from '@/lib/utils'
+import { Checkbox } from '@/components/ui/checkbox'
+
+export const testCasesMetricTableCols: ColumnDef<TestCaseMetrics & { testCase: TestCase & { 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,
+    },
+    {
+      id: 'testCase.title',
+      accessorKey: 'testCase.title',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Case Title" />,
+      cell: ({ row }) => {
+        const testCase = row.original.testCase
+        return <div>{testCase.title}</div>
+      },
+    },
+    {
+      accessorKey: 'testCase.description',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Case Description" />,
+      cell: ({ row }) => {
+        const testCase = row.original.testCase
+        return <div>{testCase.description}</div>
+      },
+    },
+    {
+      accessorKey: 'consecutiveFailures',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Consecutive Failures" />,
+    },
+    {
+      accessorKey: 'failureRate',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Failure Rate" />,
+      cell: ({ row }) => {
+        const testCaseMetrics = row.original
+        return <div>{((testCaseMetrics.failureRate as number) * 100).toFixed(2)}%</div>
+      },
+    },
+    {
+      accessorKey: 'totalRecentRuns',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Total Recent Runs" />,
+      cell: ({ row }) => {
+        const testCaseMetrics = row.original
+        return <div>{testCaseMetrics.totalRecentRuns}</div>
+      },
+    },
+    {
+      accessorKey: 'failedRecentRuns',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Failed Recent Runs" />,
+      cell: ({ row }) => {
+        const testCaseMetrics = row.original
+        return <div>{testCaseMetrics.failedRecentRuns}</div>
+      },
+    },
+    {
+      accessorKey: 'lastExecutedAt',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Executed At" />,
+      cell: ({ row }) => {
+        const testCaseMetrics = row.original
+        return <div>{testCaseMetrics.lastExecutedAt ? formatDateTime(testCaseMetrics.lastExecutedAt) : '-'}</div>
+      },
+    },
+    {
+      accessorKey: 'lastFailedAt',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Failed At" />,
+      cell: ({ row }) => {
+        const testCaseMetrics = row.original
+        return <div>{testCaseMetrics.lastFailedAt ? formatDateTime(testCaseMetrics.lastFailedAt) : '-'}</div>
+      },
+    },
+    {
+      accessorKey: 'lastPassedAt',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Passed At" />,
+      cell: ({ row }) => {
+        const testCaseMetrics = row.original
+        return <div>{testCaseMetrics.lastPassedAt ? formatDateTime(testCaseMetrics.lastPassedAt) : '-'}</div>
+      },
+    },
+    {
+      id: 'actions',
+      cell: ({ row }) => {
+        const testCaseId = row.original.testCaseId
+        return (
+          <TableActions
+            modifyLink={`/test-cases/modify/${testCaseId}`}
+            deleteHandler={() => deleteTestCaseAction([testCaseId])}
+          />
+        )
+      },
+    },
+  ]

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

@@ -1,27 +1,27 @@
-import { DataTable } from '@/components/ui/data-table'
-import { testCasesMetricTableCols } from './test-cases-metric-table-columns'
-import { TestCaseMetrics, TestCase, Tag } from '@prisma/client'
-import { getAllTestCaseMetricsAction } from '@/actions/reports/report-actions'
-import { deleteTestCaseAction } from '@/actions/test-case/test-case-actions'
-
-const TestCasesMetricTable = async ({ filter }: { filter: 'repeatedlyFailing' | 'flaky' }) => {
-  const { data: testCaseMetrics, error: testCaseMetricsError } = await getAllTestCaseMetricsAction(filter)
-
-  if (testCaseMetricsError) {
-    return <div>Error: {testCaseMetricsError}</div>
-  }
-
-  return (
-    <>
-      <DataTable
-        columns={testCasesMetricTableCols}
-        data={testCaseMetrics as (TestCaseMetrics & { testCase: TestCase & { tags: Tag[] } })[]}
-        filterColumn="testCase.title"
-        filterPlaceholder="Filter by name..."
-        deleteAction={deleteTestCaseAction}
-      />
-    </>
-  )
-}
-
-export default TestCasesMetricTable
+import { DataTable } from '@/components/ui/data-table'
+import { testCasesMetricTableCols } from './test-cases-metric-table-columns'
+import { TestCaseMetrics, TestCase, Tag } from '@prisma/client'
+import { getAllTestCaseMetricsAction } from '@/actions/reports/report-actions'
+import { deleteTestCaseAction } from '@/actions/test-case/test-case-actions'
+
+const TestCasesMetricTable = async ({ filter }: { filter: 'repeatedlyFailing' | 'flaky' }) => {
+  const { data: testCaseMetrics, error: testCaseMetricsError } = await getAllTestCaseMetricsAction(filter)
+
+  if (testCaseMetricsError) {
+    return <div>Error: {testCaseMetricsError}</div>
+  }
+
+  return (
+    <>
+      <DataTable
+        columns={testCasesMetricTableCols}
+        data={testCaseMetrics as (TestCaseMetrics & { testCase: TestCase & { tags: Tag[] } })[]}
+        filterColumn="testCase.title"
+        filterPlaceholder="Filter by name..."
+        deleteAction={deleteTestCaseAction}
+      />
+    </>
+  )
+}
+
+export default TestCasesMetricTable

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

@@ -1,42 +1,42 @@
-import PageHeader from '@/components/typography/page-header'
-import HeaderSubtitle from '@/components/typography/page-header-subtitle'
-import { TestTubes } from 'lucide-react'
-import { Suspense } from 'react'
-import DataTableSkeleton from '@/components/loading-skeleton/data-table/data-table-skeleton'
-import { Metadata } from 'next'
-import TestSuitesMetricTable from './test-suites-metric-table'
-
-export const metadata: Metadata = {
-  title: 'Appraise | Test Suites Metrics Report',
-  description: 'Manage test suites report for identifying test suites that are not executed recently',
-}
-
-const TestSuitesMetricsReport = async ({searchParams}: {searchParams: Promise<{filter?: string}>}) => {
-  const resolvedSearchParams = await searchParams
-  const filter = resolvedSearchParams?.filter as 'notExecutedRecently' | undefined
-
-  return (
-    <>
-      <div className="mb-8">
-        <div className="flex items-center justify-between">
-          <div>
-            <PageHeader>
-              <span className="flex items-center">
-                <TestTubes className="mr-2 h-8 w-8" />
-                Test Suites Report
-              </span>
-            </PageHeader>
-            <HeaderSubtitle>
-              Test suites are collections of tests that are used to test a specific feature or functionality
-            </HeaderSubtitle>
-          </div>
-        </div>
-      </div>
-      <Suspense fallback={<DataTableSkeleton />}>
-        <TestSuitesMetricTable filter={filter || 'notExecutedRecently'} />
-      </Suspense>
-    </>
-  )
-}
-
-export default TestSuitesMetricsReport
+import PageHeader from '@/components/typography/page-header'
+import HeaderSubtitle from '@/components/typography/page-header-subtitle'
+import { TestTubes } from 'lucide-react'
+import { Suspense } from 'react'
+import DataTableSkeleton from '@/components/loading-skeleton/data-table/data-table-skeleton'
+import { Metadata } from 'next'
+import TestSuitesMetricTable from './test-suites-metric-table'
+
+export const metadata: Metadata = {
+  title: 'Appraise | Test Suites Metrics Report',
+  description: 'Manage test suites report for identifying test suites that are not executed recently',
+}
+
+const TestSuitesMetricsReport = async ({searchParams}: {searchParams: Promise<{filter?: string}>}) => {
+  const resolvedSearchParams = await searchParams
+  const filter = resolvedSearchParams?.filter as 'notExecutedRecently' | undefined
+
+  return (
+    <>
+      <div className="mb-8">
+        <div className="flex items-center justify-between">
+          <div>
+            <PageHeader>
+              <span className="flex items-center">
+                <TestTubes className="mr-2 h-8 w-8" />
+                Test Suites Report
+              </span>
+            </PageHeader>
+            <HeaderSubtitle>
+              Test suites are collections of tests that are used to test a specific feature or functionality
+            </HeaderSubtitle>
+          </div>
+        </div>
+      </div>
+      <Suspense fallback={<DataTableSkeleton />}>
+        <TestSuitesMetricTable filter={filter || 'notExecutedRecently'} />
+      </Suspense>
+    </>
+  )
+}
+
+export default TestSuitesMetricsReport