Test comment frontend

.github/workflows/ci.yml

@@ -0,0 +1,127 @@
+name: CI
+
+on:
+    push:
+      branches:
+        - main
+    pull_request:
+      branches:
+        - main
+    workflow_dispatch:
+
+jobs:
+    unit-tests-backend:
+        runs-on: ubuntu-latest
+        outputs:
+          coverage: ${{ steps.test-backend.outputs.report }}
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Set up Go
+              uses: actions/setup-go@v4
+              with:
+                go-version: "1.21"
+                cache-dependency-path: bugtracker-backend/go.sum
+
+            - name: Install go-junit-report
+              run: go install github.com/jstemmer/go-junit-report/v2@latest
+
+            - name: "Execute Backend unit Tests"
+              id: test-backend
+              working-directory: ./bugtracker-backend
+              run: |
+                go test -json -coverprofile=coverage.out -covermode=atomic ./...
+                go tool cover -func=coverage.out > coverage.txt
+
+                echo "## Go test coverage report" >> $GITHUB_STEP_SUMMARY
+                echo '```' >> $GITHUB_STEP_SUMMARY
+                cat coverage.txt >> $GITHUB_STEP_SUMMARY
+                echo '```' >> $GITHUB_STEP_SUMMARY
+
+                echo "report<<EOF" >> $GITHUB_OUTPUT
+                cat coverage.txt >> $GITHUB_OUTPUT
+                echo "EOF" >> $GITHUB_OUTPUT
+
+
+                go test -v ./... 2>&1 | go-junit-report > test_results.xml
+
+            - name: Publish Backend test results
+              uses: dorny/test-reporter@v1
+              if : always()
+              with:
+                name: Backend Unit Tests Report
+                path: bugtracker-backend/test_results.xml
+                reporter: jest-junit          
+
+            #   uses: actions/setup-go@v5
+            #   with:
+            #     go-version: '1.21'
+
+            # - name: Run Go tests
+            #   run: |
+            #     cd bugtracker-backend
+            #     go test -v ./...
+    unit-tests-frontend:
+        runs-on: ubuntu-latest
+        outputs:
+          coverage: ${{ steps.test-frontend.outputs.report }}
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Setup Node.js
+              uses: actions/setup-node@v4
+              with:
+                node-version: "20"
+                cache: "npm"
+                cache-dependency-path: bugtracker-frontend/package.json
+
+            - name: Execute Frontend Unit tests
+              id: test-frontend
+              working-directory: ./bugtracker-frontend
+              run: |
+                npm ci
+                npm test | tee full_output.txt
+
+                echo "## Frontend Test Coverage Report" >> $GITHUB_STEP_SUMMARY
+                echo '```' >> $GITHUB_STEP_SUMMARY
+                ls -al >> $GITHUB_STEP_SUMMARY
+                cat full_output.txt >> $GITHUB_STEP_SUMMARY
+                echo '```' >> $GITHUB_STEP_SUMMARY
+
+                echo "report<<EOF" >> $GITHUB_OUTPUT
+                cat full_output.txt >> $GITHUB_OUTPUT
+                echo "EOF" >> $GITHUB_OUTPUT
+
+            - name: Publish Frontend Test Results
+              uses: dorny/test-reporter@v1
+              if : always()
+              with:
+                name: Frontend Unit Tests Report
+                path: bugtracker-frontend/test-results.xml
+                reporter: jest-junit
+    create-coverage-comment:
+      if: github.event_name == 'pull_request'
+      needs: [unit-tests-backend, unit-tests-frontend]
+      runs-on: ubuntu-latest
+      permissions:
+        pull-requests: write
+      steps:
+        - name: Create Backend Coverage Comment
+          uses: peter-evans/create-or-update-comment@v4
+          with:
+            issue-number: ${{ github.event.pull_request.number }}
+            body: |
+              ## Backend Test Coverage Report
+              ```
+              ${{ needs.unit-tests-backend.outputs.coverage }}
+
+        - name: Create Frontend Coverage Comment
+          uses: peter-evans/create-or-update-comment@v4
+          with:
+            issue-number: ${{ github.event.pull_request.number }}
+            body: |
+              ## Frontend Test Coverage Report
+              ```
+              ${{ needs.unit-tests-frontend.outputs.coverage }}        
+
+              ```

.github/workflows/first_test_workflow.yml

@@ -0,0 +1,37 @@
+# This is a basic workflow to help you get started with Actions
+
+name: CI_First_workflow
+
+# Controls when the workflow will run
+on:
+  # Triggers the workflow on push or pull request events but only for the "main" branch
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# A workflow run is made up of one or more jobs that can run sequentially or in parallel
+jobs:
+  # This workflow contains a single job called "build"
+  build:
+    # The type of runner that the job will run on
+    runs-on: ubuntu-latest
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+      - uses: actions/checkout@v4
+
+      # Runs a single command using the runners shell
+      - name: Run a one-line script
+        run: echo Hello, world!
+
+      # Runs a set of commands using the runners shell
+      - name: Run a multi-line script
+        run: |
+          echo Add other actions to build,
+          echo test, and deploy your project.
+          date

bugtracker-frontend/package.json

@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "test": "jest --coverage --coverageReporters='text-summary' --coverageReporters='text' --coverageReporters='html' --reporters=default --reporters=jest-junit",
+    "test": "jest --testTimeout=240000 --coverage --coverageReporters='text-summary' --coverageReporters='text' --coverageReporters='html' --reporters=default --reporters=jest-junit",
     "test:watch": "jest --watch",
     "test:integration": "playwright test"
   },

bugtracker-frontend/src/components/AddBugModal.test.tsx

@@ -47,7 +47,7 @@ describe("AddBugModal", () => {
       priority: "High",
     });
     expect(mockOnClose).toHaveBeenCalled();
-  });
+  }, 60000);
 
   it("should close modal when Cancel button is clicked", () => {
     render(<AddBugModal {...defaultProps} />);

bugtracker-frontend/src/components/BugList.test.tsx

@@ -73,7 +73,10 @@ describe("BugList", () => {
 
   const renderAndWaitForData = async () => {
     (getBugs as jest.Mock).mockResolvedValue(mockBugs);
-    const result = render(<BugList />);
+    let result;
+    await act(async () => {
+      result = render(<BugList />);
+    });
 
     await waitFor(() => {
       expect(screen.getByText("All Bugs")).toBeInTheDocument();
@@ -94,7 +97,9 @@ describe("BugList", () => {
         .spyOn(console, "error")
         .mockImplementation(() => {});
       (getBugs as jest.Mock).mockRejectedValue(new Error("Failed to fetch"));
-      render(<BugList />);
+      await act(async () => {
+        render(<BugList />);
+      });
       await waitFor(() => {
         expect(
           screen.getByText("Error: Failed to fetch bugs")
@@ -241,18 +246,25 @@ describe("BugList", () => {
     });
   });
 
-  it("displays the correct version number", () => {
-    render(<BugList />);
+  it("displays the correct version number", async () => {
+    await act(async () => {
+      render(<BugList />);
+    });
 
-    expect(screen.getByText(`v${APP_VERSION}`)).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText(`v${APP_VERSION}`)).toBeInTheDocument();
+    });
   });
 
-  it("displays the version number in the header", () => {
-    render(<BugList />);
-
-    const header = screen.getByRole("navigation");
-    const versionElement = screen.getByText(`v${APP_VERSION}`);
+  it("displays the version number in the header", async () => {
+    await act(async () => {
+      render(<BugList />);
+    });
 
-    expect(header).toContainElement(versionElement);
+    await waitFor(() => {
+      const header = screen.getByRole("navigation");
+      const versionElement = screen.getByText(`v${APP_VERSION}`);
+      expect(header).toContainElement(versionElement);
+    });
   });
 });