create-appraisejs 0.1.10-alpha.8 → 0.2.0-alpha.1

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

@@ -1,42 +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 | Test Cases Metrics Report',
-  description: 'Manage 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" />
-                Test Cases Report
-              </span>
-            </PageHeader>
-            <HeaderSubtitle>
-              Test cases are the individual tests that validate the functionality a specific feature or functionality
-            </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

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

@@ -1,79 +1,79 @@
-'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, TestSuite, TestSuiteMetrics } from '@prisma/client'
-import { formatDateTime } from '@/lib/utils'
-import { Checkbox } from '@/components/ui/checkbox'
-import { deleteTestSuiteAction } from '@/actions/test-suite/test-suite-actions'
-
-export const testSuitesMetricTableCols: ColumnDef<TestSuiteMetrics & { testSuite: TestSuite & { tags: Tag[]; testCases: TestCase[] } }>[] =
-  [
-    {
-      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: 'testSuite.name',
-      accessorKey: 'testSuite.name',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Suite Name" />,
-      cell: ({ row }) => {
-        const testSuite = row.original.testSuite
-        return <div>{testSuite.name}</div>
-      },
-    },
-    {
-      accessorKey: 'testSuite.description',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Suite Description" />,
-      cell: ({ row }) => {
-        const testSuite = row.original.testSuite
-        return <div>{testSuite.description}</div>
-      },
-    },
-    {
-      accessorKey: 'testSuite.testCases.length',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Total Test Cases" />,
-      cell: ({ row }) => {
-        const testSuite = row.original.testSuite
-        return <div>{testSuite.testCases.length}</div>
-      },
-    },
-    {
-      accessorKey: 'lastExecutedAt',
-      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Executed At" />,
-      cell: ({ row }) => {
-        const testSuiteMetrics = row.original
-        return <div>{formatDateTime(testSuiteMetrics.lastExecutedAt)}</div>
-      },
-    },
-    {
-      id: 'actions',
-      cell: ({ row }) => {
-        const testSuite = row.original.testSuite
-        return (
-          <TableActions
-            modifyLink={`/test-suites/modify/${testSuite.id}`}
-            deleteHandler={() => deleteTestSuiteAction([testSuite.id])}
-          />
-        )
-      },
-    },
-  ]
+'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, TestSuite, TestSuiteMetrics } from '@prisma/client'
+import { formatDateTime } from '@/lib/utils'
+import { Checkbox } from '@/components/ui/checkbox'
+import { deleteTestSuiteAction } from '@/actions/test-suite/test-suite-actions'
+
+export const testSuitesMetricTableCols: ColumnDef<TestSuiteMetrics & { testSuite: TestSuite & { tags: Tag[]; testCases: TestCase[] } }>[] =
+  [
+    {
+      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: 'testSuite.name',
+      accessorKey: 'testSuite.name',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Suite Name" />,
+      cell: ({ row }) => {
+        const testSuite = row.original.testSuite
+        return <div>{testSuite.name}</div>
+      },
+    },
+    {
+      accessorKey: 'testSuite.description',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Test Suite Description" />,
+      cell: ({ row }) => {
+        const testSuite = row.original.testSuite
+        return <div>{testSuite.description}</div>
+      },
+    },
+    {
+      accessorKey: 'testSuite.testCases.length',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Total Test Cases" />,
+      cell: ({ row }) => {
+        const testSuite = row.original.testSuite
+        return <div>{testSuite.testCases.length}</div>
+      },
+    },
+    {
+      accessorKey: 'lastExecutedAt',
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Last Executed At" />,
+      cell: ({ row }) => {
+        const testSuiteMetrics = row.original
+        return <div>{formatDateTime(testSuiteMetrics.lastExecutedAt)}</div>
+      },
+    },
+    {
+      id: 'actions',
+      cell: ({ row }) => {
+        const testSuite = row.original.testSuite
+        return (
+          <TableActions
+            modifyLink={`/test-suites/modify/${testSuite.id}`}
+            deleteHandler={() => deleteTestSuiteAction([testSuite.id])}
+          />
+        )
+      },
+    },
+  ]