Merge pull request #307 from Code102SoftwareProject/dev

Dev

Author: SamFaMH

.github/workflows/badge-assignment.yml

@@ -0,0 +1,119 @@
+name: CI - Build and Test
+
+on:
+  # Trigger on pull requests to main branch
+  pull_request:
+    branches: [ main, master ]
+  
+  # Trigger on pushes to main branch (merges)
+  push:
+    branches: [ main, master ]
+  
+  # Allow manual trigger
+  workflow_dispatch:
+
+jobs:
+  build-and-test:
+    runs-on: ubuntu-latest
+    
+    strategy:
+      matrix:
+        node-version: [18.x, 20.x]
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        
+      - name: Setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+          
+      - name: Install dependencies
+        run: npm ci
+        
+      - name: Run tests
+        run: npm test
+        continue-on-error: false
+        env:
+          CI: true
+          
+      - name: Build application
+        run: npm run build
+        continue-on-error: false
+        env:
+          CI: true
+          
+      - name: Check build output
+        run: |
+          if [ ! -d ".next" ]; then
+            echo "Build failed - .next directory not found"
+            exit 1
+          fi
+          echo "Build successful - .next directory exists"
+          
+      - name: Upload build artifacts (on failure)
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: build-logs-${{ matrix.node-version }}
+          path: |
+            .next/
+            npm-debug.log*
+            yarn-debug.log*
+            yarn-error.log*
+          retention-days: 5
+
+  # Additional job for documentation build (if needed)
+  build-docs:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'pull_request' || github.ref == 'refs/heads/main' || github.ref == 'refs/heads/master'
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+          
+      - name: Install main dependencies
+        run: npm ci
+        
+      - name: Install documentation dependencies
+        run: |
+          cd documentation
+          npm ci
+          
+      - name: Build documentation
+        run: |
+          cd documentation
+          npm run build
+        continue-on-error: false
+
+  # Security and quality checks
+  security-audit:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+          
+      - name: Install dependencies
+        run: npm ci
+        
+      - name: Run security audit
+        run: npm audit --audit-level=high
+        continue-on-error: true
+        
+      - name: Check for outdated packages
+        run: npm outdated || true

.github/workflows/ci-build-check.yml

@@ -0,0 +1,32 @@
+name: PR Quality Check
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+permissions:
+  contents: read
+  pull-requests: write
+  issues: write
+
+jobs:
+  quick-check:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+          
+      - name: Install dependencies
+        run: npm ci
+        
+      - name: Build check
+        run: npm run build
+        env:
+          CI: true

.github/workflows/pr-quality-check.yml

@@ -0,0 +1,89 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import UserDashboardContent from '@/components/User/DashboardContent/UserDashboardContent';
+import { useAuth } from '@/lib/context/AuthContext';
+import { useSessionTimer } from '@/lib/hooks/useSessionTimer';
+
+
+// Mock child components
+jest.mock('@/components/Dashboard/UserSkills', () => {
+  const MockUserSkills = () => <div data-testid="UserSkills" />;
+  MockUserSkills.displayName = 'MockUserSkills';
+  return MockUserSkills;
+});
+jest.mock('@/components/Dashboard/SkillsRequested', () => ({
+  SkillsRequested: () => <div data-testid="SkillsRequested" />,
+  SkillsOffered: () => <div data-testid="SkillsOffered" />
+}));
+jest.mock('@/components/Dashboard/ReviewSummary', () => ({
+  ReviewSummary: () => <div data-testid="ReviewSummary" />
+}));
+jest.mock('@/components/Dashboard/EarnedBadges', () => {
+  const MockEarnedBadges = () => <div data-testid="EarnedBadges" />;
+  MockEarnedBadges.displayName = 'MockEarnedBadges';
+  return MockEarnedBadges;
+});
+
+jest.mock('@/components/Dashboard/ProfileCard', () => {
+  const MockProfileCard = () => <div data-testid="ProfileCard" />;
+  MockProfileCard.displayName = 'MockProfileCard';
+  return MockProfileCard;
+});
+jest.mock('@/components/Dashboard/TimeSpentChart', () => ({
+  TimeSpentChart: () => <div data-testid="TimeSpentChart" />
+}));
+jest.mock('@/components/Dashboard/SkillMatchOverview', () => {
+  const MockSkillMatchOverview = () => <div data-testid="SkillMatchOverview" />;
+  MockSkillMatchOverview.displayName = 'MockSkillMatchOverview';
+  return MockSkillMatchOverview;
+});
+
+// Mock hooks
+jest.mock('@/lib/context/AuthContext', () => ({
+  useAuth: jest.fn()
+}));
+jest.mock('@/lib/hooks/useSessionTimer', () => ({
+  useSessionTimer: jest.fn()
+}));
+
+describe('UserDashboardContent', () => {
+  const mockUser = {
+    _id: '123',
+    firstName: 'Samha',
+    lastName: 'fathima'
+  };
+
+  beforeEach(() => {
+    (useAuth as jest.Mock).mockReturnValue({ user: mockUser });
+    (useSessionTimer as jest.Mock).mockReturnValue(null);
+  });
+
+  it('renders greeting with user full name', () => {
+    render(
+      <UserDashboardContent
+        onNavigateToMySkills={jest.fn()}
+        onNavigateToReviews={jest.fn()}
+      />
+    );
+
+    expect(screen.getByText(/Hi Samha fathima, Welcome back!/i)).toBeInTheDocument();
+  });
+
+  it('renders all child components when user is present', () => {
+    render(
+      <UserDashboardContent
+        onNavigateToMySkills={jest.fn()}
+        onNavigateToReviews={jest.fn()}
+      />
+    );
+
+    expect(screen.getByTestId('UserSkills')).toBeInTheDocument();
+    expect(screen.getByTestId('SkillsRequested')).toBeInTheDocument();
+    expect(screen.getByTestId('SkillsOffered')).toBeInTheDocument();
+    expect(screen.getByTestId('ReviewSummary')).toBeInTheDocument();
+    expect(screen.getByTestId('EarnedBadges')).toBeInTheDocument();
+    expect(screen.getByTestId('ProfileCard')).toBeInTheDocument();
+    expect(screen.getByTestId('TimeSpentChart')).toBeInTheDocument();
+    expect(screen.getByTestId('SkillMatchOverview')).toBeInTheDocument();
+  });
+});