create-appraise 0.1.0

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

@@ -0,0 +1,82 @@
+import { DataTable } from '@/components/ui/data-table'
+import { reportViewTableCols } from './report-view-table-columns'
+import { Prisma } from '@prisma/client'
+
+type ReportDetailWithRelations = Prisma.ReportGetPayload<{
+  include: {
+    testRun: {
+      include: {
+        environment: true
+        tags: true
+      }
+    }
+    features: {
+      include: {
+        tags: true
+        scenarios: {
+          include: {
+            tags: true
+            steps: true
+            hooks: true
+          }
+        }
+      }
+    }
+    testCases: {
+      include: {
+        testRunTestCase: {
+          include: {
+            testCase: {
+              include: {
+                tags: true
+              }
+            }
+          }
+        }
+        reportScenario: {
+          include: {
+            tags: true
+            steps: {
+              orderBy: {
+                order: 'asc'
+              }
+            }
+            hooks: true
+          }
+        }
+      }
+    }
+  }
+}>
+
+interface ReportViewTableProps {
+  report: ReportDetailWithRelations
+}
+
+const ReportViewTable = ({ report }: ReportViewTableProps) => {
+  // Type guard to validate the data structure
+  const isValidReportTestCaseData = (testCases: unknown): testCases is ReportDetailWithRelations['testCases'] => {
+    if (!Array.isArray(testCases)) return false
+    return testCases.every(
+      item => item && typeof item === 'object' && 'id' in item && 'testRunTestCase' in item && 'reportScenario' in item,
+    )
+  }
+
+  if (!isValidReportTestCaseData(report.testCases)) {
+    return <div>Error: Invalid report test case data format</div>
+  }
+
+  return (
+    <>
+      <DataTable
+        columns={reportViewTableCols}
+        data={report.testCases}
+        filterColumn="testCaseTitle"
+        filterPlaceholder="Filter by test case title..."
+        showSelectedRows={false}
+      />
+    </>
+  )
+}
+
+export default ReportViewTable

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

@@ -0,0 +1,42 @@
+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 are used to test a specific feature or functionality
+            </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

@@ -0,0 +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 * 100}%</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

@@ -0,0 +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

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

@@ -0,0 +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

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

@@ -0,0 +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])}
+          />
+        )
+      },
+    },
+  ]

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

@@ -0,0 +1,27 @@
+import { deleteTestSuiteAction } from '@/actions/test-suite/test-suite-actions'
+import { DataTable } from '@/components/ui/data-table'
+import { TestCase, Tag, TestSuiteMetrics, TestSuite } from '@prisma/client'
+import { getAllTestSuiteMetricsAction } from '@/actions/reports/report-actions'
+import { testSuitesMetricTableCols } from './test-suites-metric-table-columns'
+
+const TestSuitesMetricTable = async ({ filter }: { filter: 'notExecutedRecently' }) => {
+  const { data: testSuiteMetrics, error: testSuiteMetricsError } = await getAllTestSuiteMetricsAction(filter)
+
+  if (testSuiteMetricsError) {
+    return <div>Error: {testSuiteMetricsError}</div>
+  }
+
+  return (
+    <>
+      <DataTable
+        columns={testSuitesMetricTableCols}
+        data={testSuiteMetrics as (TestSuiteMetrics & { testSuite: TestSuite & { tags: Tag[]; testCases: TestCase[] } })[]}
+        filterColumn="testSuite.name"
+        filterPlaceholder="Filter by name..."
+        deleteAction={deleteTestSuiteAction}
+      />
+    </>
+  )
+}
+
+export default TestSuitesMetricTable

package/templates/default/src/app/(base)/reports/view-logs-button.tsx

@@ -0,0 +1,60 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from '@/components/ui/button'
+import { Eye } from 'lucide-react'
+import { TestCaseLogsModal } from '@/components/reports/test-case-logs-modal'
+import { ReportScenario, StepStatus } from '@prisma/client'
+
+type ReportScenarioWithDetails = (ReportScenario & {
+  tags: Array<{ tagName: string }>
+  steps: Array<{
+    id: string
+    keyword: string
+    name: string
+    status: StepStatus
+    duration: string
+    errorMessage: string | null
+    errorTrace: string | null
+    order: number
+  }>
+  hooks: Array<{
+    id: string
+    keyword: string
+    status: StepStatus
+    duration: string
+    errorMessage: string | null
+    errorTrace: string | null
+  }>
+}) | null
+
+interface ViewLogsButtonProps {
+  reportScenario: ReportScenarioWithDetails
+}
+
+export function ViewLogsButton({ reportScenario }: ViewLogsButtonProps) {
+  const [isModalOpen, setIsModalOpen] = useState(false)
+
+  return (
+    <>
+      <Button
+        variant="outline"
+        size="sm"
+        className="flex items-center gap-2"
+        onClick={() => setIsModalOpen(true)}
+        disabled={!reportScenario}
+      >
+        <Eye className="h-4 w-4" />
+        View Logs
+      </Button>
+      {reportScenario && (
+        <TestCaseLogsModal
+          open={isModalOpen}
+          onOpenChange={setIsModalOpen}
+          reportScenario={reportScenario}
+        />
+      )}
+    </>
+  )
+}
+

package/templates/default/src/app/(base)/reviews/create/page.tsx

@@ -0,0 +1,26 @@
+// Create review page temporarily commented out - will be reworked later
+import React from 'react'
+import { Metadata } from 'next'
+
+/*
+Create review functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export const metadata: Metadata = {
+  title: 'Appraise | Create Review',
+  description: 'Review creation will be implemented later',
+}
+
+const CreateReview = () => {
+  return (
+    <div className="p-8">
+      <h1 className="text-2xl font-bold">Create Review</h1>
+      <p className="mt-4 text-muted-foreground">
+        Review creation will be implemented later without user authentication dependencies.
+      </p>
+    </div>
+  )
+}
+
+export default CreateReview

package/templates/default/src/app/(base)/reviews/created-reviews-table.tsx

@@ -0,0 +1,15 @@
+// Created reviews table temporarily commented out - will be reworked later
+import React from 'react'
+
+/*
+Created reviews table functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export default function CreatedReviewsTable() {
+  return (
+    <div className="p-4">
+      <p className="text-muted-foreground">Created reviews table will be implemented later.</p>
+    </div>
+  )
+}

package/templates/default/src/app/(base)/reviews/modify/[id]/page.tsx

@@ -0,0 +1,26 @@
+// Modify review page temporarily commented out - will be reworked later
+import React from 'react'
+import { Metadata } from 'next'
+
+/*
+Modify review functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export const metadata: Metadata = {
+  title: 'Appraise | Modify Review',
+  description: 'Review modification will be implemented later',
+}
+
+const ModifyReview = () => {
+  return (
+    <div className="p-8">
+      <h1 className="text-2xl font-bold">Modify Review</h1>
+      <p className="mt-4 text-muted-foreground">
+        Review modification will be implemented later without user authentication dependencies.
+      </p>
+    </div>
+  )
+}
+
+export default ModifyReview

package/templates/default/src/app/(base)/reviews/page.tsx

@@ -0,0 +1,26 @@
+// Reviews page temporarily commented out - will be reworked later
+import React from 'react'
+import { Metadata } from 'next'
+
+/*
+Reviews functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export const metadata: Metadata = {
+  title: 'Appraise | Reviews',
+  description: 'Review functionality will be implemented later',
+}
+
+const Reviews = () => {
+  return (
+    <div className="p-8">
+      <h1 className="text-2xl font-bold">Reviews</h1>
+      <p className="mt-4 text-muted-foreground">
+        Review functionality will be implemented later without user authentication dependencies.
+      </p>
+    </div>
+  )
+}
+
+export default Reviews

package/templates/default/src/app/(base)/reviews/review/[id]/page.tsx

@@ -0,0 +1,26 @@
+// Review view page temporarily commented out - will be reworked later
+import React from 'react'
+import { Metadata } from 'next'
+
+/*
+Review view functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export const metadata: Metadata = {
+  title: 'Appraise | Review Details',
+  description: 'Review viewing will be implemented later',
+}
+
+const ReviewView = () => {
+  return (
+    <div className="p-8">
+      <h1 className="text-2xl font-bold">Review Details</h1>
+      <p className="mt-4 text-muted-foreground">
+        Review viewing will be implemented later without user authentication dependencies.
+      </p>
+    </div>
+  )
+}
+
+export default ReviewView

package/templates/default/src/app/(base)/reviews/review-form.tsx

@@ -0,0 +1,11 @@
+// Review form temporarily commented out - will be reworked later
+// User references need to be updated when reviews are re-implemented
+
+/*
+Original review form content commented out to prevent build errors
+This file will be restored and updated when the review system is reworked
+*/
+
+export default function ReviewForm() {
+  return <div>Review form will be implemented later</div>
+}

package/templates/default/src/app/(base)/reviews/review-table-by-creator-columns.tsx

@@ -0,0 +1,9 @@
+// Review table by creator columns temporarily commented out - will be reworked later
+
+/*
+Review table columns functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export const reviewTableByCreatorColumns = []
+export default reviewTableByCreatorColumns

package/templates/default/src/app/(base)/reviews/review-table-by-reviewer-columns.tsx

@@ -0,0 +1,9 @@
+// Review table by reviewer columns temporarily commented out - will be reworked later
+
+/*
+Review table columns functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export const reviewTableByReviewerColumns = []
+export default reviewTableByReviewerColumns

package/templates/default/src/app/(base)/reviews/reviewer-reviews-table.tsx

@@ -0,0 +1,15 @@
+// Reviewer reviews table temporarily commented out - will be reworked later
+import React from 'react'
+
+/*
+Reviewer reviews table functionality temporarily disabled
+Will be re-implemented without user dependencies
+*/
+
+export default function ReviewerReviewsTable() {
+  return (
+    <div className="p-4">
+      <p className="text-muted-foreground">Reviewer reviews table will be implemented later.</p>
+    </div>
+  )
+}